teleren/devto huggingface dataset:
Composer nedir ve nasıl kullanılır
Published: 2022-01-12 07:12:27

## Composer nedir

Php için geliştirilmiş bir bağımlılık yönetim aracıdır. Projemizde kullanmak istediğimiz php kütüphanesinin ihtiyacı olan php dosyalarını projeye dahil edilmesini sağlayan, çeşitli güncellemeleri otomatik yapabilen bir araçtır. 

## Composer Kullanımı

Terminale composer yazınca çıkan görselde komutlar gösteriliyor.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3rgol1z78dgyijmut7pd.png)

`$composer global show` komutunu kullandım.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tm75w0i1535zb0r6u4cy.png)



İndirilen paketleri güncellemek için update kullanılır.

`$composer update`

İndirilen paketleri kaldırmak için remove kullanılır.

`composer remove <paket_adi>`

Geliştirilen uygulama başka bir bilgisayara composer.json dosyası ile birlikte taşındıktan sonra install ile gerekli olan tüm paketler indirilir.

`composer install`

Geliştirdiğiniz uygulama için ihtiyacınıza göre paket bulduktan sonra require ile indirilir.

`composer require <paket_adi>`

Paketleri projeye dahil etmek için aşağıdaki komut satırının eklenmesi yeterli olacaktır.

<?php

require_once './vendor/autoload.php';

?>

Geliştirilen uygulamada kullanılacak geliştirme paketini composer.json dosyasına eklemek için –dev parametresi kullanılır.

`composer require <paket_adi> --dev`







**NOT :** Projemize composer ile paket yüklediğimiz zaman ana dizinimizde; composer.json dosyası, composer.lock dosyası ve vendor klasörü oluşur. Yüklenen kütüphanenin dosyaları vendor klasöründe tutulur. Composer.json dosyamıza da bu paketin ismi ve versiyonu eklenir.
Biz her paket yüklediğimizde; dosyalar vendor klasörüne, paket bilgisi de composer.json dosyasına eklenir. Composer.lock dosyası da, kütüphanelerin ve onların kullandığı kütüphanelerin verisyonlarını tutar. Bu dosya sürekli güncel tutulur.




**references**

https://medium.com/kodcular/k%C4%B1saca-composer-ade8414e7789

https://www.yusufsezer.com.tr/composer/
Temel Git ve Gitlab Kullanımı
Published: 2022-01-12 07:12:24

## Git nedir

Git, kısa süre içerisinde yazılımcıların vazgeçilmezleri arasına giren bir sürüm/versiyon kontrol sistemidir. Yazdığımız projeleri, bilgisayarımızda ya da harici disklerde binbir tehlike altında değilde internet üzerinde tutmamızı ve yönetmemizi sağlayan bir sistemdir.





## Temel Git Kullanımı


**git add :** Belirttiğiniz dosyayı çalışma dizinine ekler.

**git commit :** Commit işlemi yerelde gerçekleşir.Commit mesajı yazmak zorunludur.Genelde hangi kısımlarda değişiklik yapıldığı yazılır.

**git push :** Yaptığımız değişiklikleri uzak sunucudaki başka bir dizine gönderir.

**git clone :** Mevcut dosyaların veya projenin kopyasını oluşturabiliriz.

**git pull :** Uzak sunucudaki değişiklikleri alır,yereldekiyle birleştirir.

**git status :** Repositoryin durumu hakkında bilgi verir.

**NOT:** `git commit` `git push` `git pull` gibi komutları vsc'nin veya phpstorm'un arayüzünden de yapabiliyoruz,ben şimdiye kadar ordan yaptım.


## Temel Gitlab Kullanımı

Gitlab,uzak sunucuda depo görevi görür.Proje oluşturulabilir,paylaşılabilir,başkalarının projeleri incelenebilir.Bir proje üstünde eş zamanlı çalışabiliriz.
A11y tips: hide content only from sighted users
Tags: a11y, tips, html
Published: 2022-01-12 07:11:44

Very often we want to **hide items from view but we want them to still be available to screen readers and keyboard users**. There are two methods for this:

## Hide with CSS
This is the **most common method**, and works best to hide text from sighted users without any disadvantage to others.

```
.hidden {
  overflow: hidden;
  clip: rect (1px, 1px, 1px, 1px);
  clip-path: inset (50%);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  word-wrap: normal;
}
```

The `clip-path` property [is not supported](https://caniuse.com/css-clip-path) by all browsers, so we also use the `clip` property for those cases, even if it is deprecated.

We use a `width` and a `height` of `1px` instead of `0` because in this case some screen readers could interpret that the element does not exist, as it has no dimensions, and therefore not announce it.

The `word-wrap` property must be declared since, having a width of `1px`, some screen readers can interpret that the text is arranged vertically as it does not fit horizontally, and read it letter by letter. By declaring `word-wrap` like this, we avoid it and it is pronounced normally.

**EDITED:** Even if [WebAIM](https://webaim.org/techniques/css/invisiblecontent/#:~:text=receive%20keyboard%20focus.-,CSS%20clip,-%7Bclip) or the [United States Government](https://accessibility.18f.gov/hidden-content/) uses a `margin: -1px`, as @inhuofficial comments (thank you very much for all the help! 🙂) [it can cause an error with VoiceOVer](https://github.com/h5bp/main.css/issues/12), so it is better to **leave it outside the CSS class**, although in many places you will see that it is included. Scott O'Hara himself also leaves it out in his magnificent article [Inclusively Hidden](https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html).

## CSS `opacity: 0`
It has the same result as the previous one, but [as we saw](https://dev.to/carlosespada/a11y-tips-hide-elements-for-all-users-3f9m) in the case of the CSS `visibility: hidden` property, here the dimensions of the element are maintained (`width` and `height`), which makes it take up space in the layout even if it is hidden, therefore **its use is a lot less common**.
What is React ?
Tags: react, javascript, webdev, frontend
Published: 2022-01-12 07:11:07

> React is a free and open-source front-end JavaScript library for building user interfaces based on UI components.
> ...blah...blah...

But, **What the fuck is React ?**

It is used to create single page applications just by using a single `index.html` file with meta tags and a `<div id="app"></div>` which basically contains the whole application. No More bunch of html files for creating websites and manually linking them... blah blah... It's all made so easy with webpack. 

Oh wait !! `Webpack` ? What role does it play here ?

So, Webpack is kind of the mastermind behind all of this. It helps in bundling the react codebase and compiles the whole codebase into javascript chunks, which are easy to serve when requested. It helps optimise bundle size for faster serving webapps.

and yes, Routing pages is possible in React apps. With the help of `react-router`, you can easily route components to where they belong.

So, is that it ? i.e.
- **SPA ( Single Page Application )**
- **Faster Serving WebApps**
- **Better Organization for Pages and Linking**

Hell NO, We are just getting started folks. 
Follow this whole series to learn more about react.

`React` out to me @mallicksidhartha7@gmail.com
Formclip
Tags: atlashackathon
Published: 2022-01-12 07:08:44

### Overview of My Submission

Everyone who has worked with websites knows the hassle to save form responses on a static site. The lack of a database or any server-side language is one of the main advantages of static HTML websites for performance and security. However, it does prevent the typical route of adding a contact form to a website.

Simply adding a mailto is easy, but it also has downsides for many users.

So, I created Formclip. It is an easy way to integrate forms on static websites and get responses in your inbox without any hassle.

Link: https:formclip.xyz

Backend had been developed using Nodejs and Express framework and data is stored securely using MongoDB.

### Submission Category: 

Choose Your Own Adventure


### Link to Code

https://github.com/Form-clip/formclip-backend
https://github.com/Form-clip/formclip-frontend

### Additional Resources / Info

Link to documentation: https://docs.formclip.xyz/
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sv4p4ys1qnzj97apo604.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wm9lnbbe9tze3crdprmf.png)
HTML THE GOLDEN LUTE 
Tags: html, beginners, tutorial, webdev
Published: 2022-01-12 07:06:36

Hello, tribe! Today we are going to talk about the multimedia that HTML allows us to have in our web pages! let's start:

In case we want to put a video we have to use the `<video>` tag and in case of audio `<audio>`, which shares almost the same attributes and functions as video. 

## Video
has the following attributes:

- src 
- poster
- preload
- mediagroup
- autoplay 
- loop
- muted
- controls 
- width
- height

## Audio
has the following attributes:

- src
- preload
- mediagroup
- autoplay
- loop
- muted
- control

### example

```
<video src="..." ></video>

<videos>
  <source src="..." type="video/mp4" />
  <source src="..." type="video/webm" />
</videos>

``` 

## Formats 

For audio:<br/>
- MP3
- AAC
- Ogg
- Opus
 
For video:
- MP4,
- WebM
- AV1 

These are some examples of formats, they are not the only ones, nor all of them. 

### 👽⚡ Curious facts: 
if we drag a video to the browser window, we will see that it starts to play in it!
If you want to insert videos from Youtube or another alternative service, you should use the HTML iframe tag instead of the `<video>` tag.

Well guys I think that's all for today! Thanks for following my blog and always remember to be the best version of you!  💪
In Magento 2, what's the Reason for the WebP Extension?

Tags: magento2, webpimages, ecommerce, magentoextensions
Published: 2022-01-12 07:01:25

With [Magento 2 WebP Images](https://marketplace.magento.com/fme-webp-image-optimization.html) Extension, you may use superior photo optimization strategies to lessen the scale of traditional pix and convert them to superior, lightweight, and rapid Google WebP formats. The internet site will carry out better, load faster, and be simpler to optimize.

Key Features:
 

1. Image conversion to WebP layout is easy
2. Almost 1/2 of the size of the photograph
3. Convert WebP without which embodies folders
4. The tremendous of the photograph is set
5. Lazy loading want to be enabled
6. Browser compatibility with inside the route of more than one platforms
7. Improve the search engine optimization and common normal overall performance of your internet site

The loading speed and normal overall performance of a web website online have a profound impact on are looking for engine optimization. Your net web website online can benefit from optimized content material cloth for [Magento 2 WebP](https://www.fmeextensions.com/magento-2-webp-images-extension.html) through manner of the method of developing its online visibility and traffic.

Many tools, libraries, and browsers manual WebP natively, including Chrome, Firefox, Edge, and Opera. Additionally, the developers added a manual for pretty quite a number image improving applications. 

In this extension, you want to decorate the speed, normal overall performance, and seek engine advertising and marketing of your net web website online. You need to allow the lazy loading of your net web website online. With this extension, you can optimize the image quality of your net web website online.
Weekly web development resources #104
Tags: weekly, webdev
Published: 2022-01-12 06:55:44



______

##[Typed.css](https://typedcss.com/)
[![Typed.css](https://wweb.dev/weekly/content/104/typed.jpg)](https://typedcss.com/)
A fully functional and flexible typewriter mixin for SCSS.

______

##[My first impressions of web3](https://moxie.org/2022/01/07/web3-first-impressions.html)
[![My first impressions of web3](https://wweb.dev/weekly/content/104/web3.jpg)](https://moxie.org/2022/01/07/web3-first-impressions.html)
A nice article on the problems with web3 by Signal founder Moxie Marlinspike. 

______

##[Cobe](https://github.com/shuding/cobe)
[![Cobe](https://wweb.dev/weekly/content/104/cobe.jpg)](https://github.com/shuding/cobe)
A lightweight (5kB) WebGL globe library.

______

##[Slowfil.es](https://slowfil.es/)
[![Slowfil.es](https://wweb.dev/weekly/content/104/slowfiles.jpg)](https://slowfil.es/)
A cool project, that serves files with a delay for testing.

______

##[Non Boring Gradients](https://non-boring-gradients.netlify.app/)
[![Non Boring Gradients](https://wweb.dev/weekly/content/104/gradients1.jpg)](https://non-boring-gradients.netlify.app/)
A web tool to make gradients that looks good.

______

##[Vanilla List](https://vanillalist.top/)
[![Vanilla List](https://wweb.dev/weekly/content/104/vanillalist.jpg)](https://vanillalist.top/)
A big collection of vanilla JavaScript plugins to keep your website lightweight.

______

##[Icônes](https://icones.js.org/)
[![Icônes](https://wweb.dev/weekly/content/104/icones.jpg)](https://icones.js.org/)
A cool Icon Explorer with Instant searching.

______

##[Design Gradients](https://www.designgradients.com/)
[![Design Gradients](https://wweb.dev/weekly/content/104/gradients2.jpg)](https://www.designgradients.com/)
A free platform of 48 linear gradients curated by designers.

______

##[CSS Spinner loader](https://codepen.io/t_afif/pen/PoJyaNy)
[![CSS Spinner loader](https://wweb.dev/weekly/content/104/spinner.jpg)](https://codepen.io/t_afif/pen/PoJyaNy)
A small codepen with four simple CSS spinner loaders.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)
Use Tin to quickly set up DokuWiki
Tags: beginners, programming, tutorial, productivity
Published: 2022-01-12 06:54:03

DokuWiki is an open source wiki engine program that runs in a PHP environment. No need database.https://github.com/splitbrain/dokuwiki
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h4pjxar5y5q4d2tuf8l0.png)

Tin is a product of TeamCode that can generate executable applications instantly without manual environment configuration. Users can click to run project directly in the cloud. 

The guide below shows how to quickly install DokuWiki through Tin.
Login to Tin and clone DokuWiki
1. Click the Tin URL of DokuWiki.
https://www.teamcode.com/tin/clone?applicationId=273462354039435264
Users who have not logged in should sign up first.

2. Log in to Tin with your email, Github account, or phone number.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ey9pw8usqd2b27wmyuub.png)

3. (Optional) After logging in, you can change the “Application Name” or “Tag”。

4. Click "Clone" button to clone the Tin app to your workspace.
Note: Tin will give new users a free trial for a certain length of time, which is determined by the instance size. After the free trial time, the Tin app will automatically stop working. You will not be charged for the whole process. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oi4ojfz1w0wq6p1yxyuq.png)

5. Click "RUN NOW" to initiate the application.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/43h7jo4vti2adgh8n0co.png)

6. Click the "Primary Endpoint" button and you will visit DokuWiki immediately.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/29xx32hc8muud1xblb29.png)

Now you can log in to DokuWiki to use it.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ktfg1i4nkha4c01oa0xt.png)

You can also use the Tin to quickly set up other open source projects, see the guide: https://www.teamcode.com/docs/en-US/tin/create-tin
Writing better Twitter Threads
Tags: twitter, writing
Published: 2022-01-12 04:27:16

It's been awhile since Twitter officially graduated [tweetstorms](https://www.lifewire.com/tweetstorm-explained-3288889) into Twitter Threads. The feature has got widely popular among the creators and writers who can now write and share long-form content on Twitter without worrying about the 280 characters limit.

Writing a thread on Twitter is fairly easy. All you have to do is add a new tweet using the + icon right before the Tweet button.

Here's a GIF that shows how to add a new tweet in your Thread on Twitter.

![Creating a thread on Twitter](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/112ajcknetempmh8zq18.gif)

While creating a Twitter thread is easy, the experience of it on [Twitter](twitter.com) is not as good as it can be. Posting anything in long-form requires thinking, patience and a good amount of concentration. Twitter's Web app is filled with all sorts of promotional content, trends etc. and it gets a little distracting to write anything of insights.

## A better thread writing experience

With this [new Twitter thread maker app](https://kizie.co/compose) called Kizie, you can write tweets as you write blog posts or articles. The best thing about Kizie is that you don't have to worry about formatting your tweets or splitting them, the app does it for you automatically so you can focus on your ideas and putting them onto words.

![Thread maker for Twitter](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/48z7br02qt6f8rkoej8a.png)
 

The app has a pleasant, distraction-free UI for writing which makes it easy to focus on the content. It also shows you a preview of your thread on the Tweet preview section on right as you write the thread. You can also save your threads as drafts to revisit them later. Overall, Kizie makes it a delightful experience to write threads where you don't have to worry about adding new tweets and irrelevant content on the screen while writing.

Dark mode enthusiasts can switch to dark theme. Plus there are shortcuts to save the thread as draft using Cmd/Ctrl+S. And obviously you can also add images to your Thread tweets using Add image option beneath tweets in the Tweet Preview section.

---

With all the features specific to writing threads, it gets easy and better to write Threads on Kizie than on Twitter's website. Or [you can use Kizie for browsing Twitter](https://kizie.co), it's not just a Thread making app 😉.
Use Tin to quickly set up Atlassian JIRA
Tags: programming, tutorial, beginners, productivity
Published: 2022-01-12 06:43:52

Atlassian JIRA  is a software development tool for agile teams.

Tin is a product of TeamCode that can generate executable applications instantly without manual environment configuration. Users can click to run project directly in the cloud. 

Login to Tin and clone the Atlassian JIRA
1. Click the Tin URL of Headless WordPress.
https://www.teamcode.com/tin/clone?applicationId=274556439252869120
Users who have not logged in should sign up first.

2. Log in to Tin with your email, Github account, or phone number.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hr167el24s9m3rlq68ea.png)

3. (Optional) After logging in, you can change the “Application Name” or “Tag”。

4. Click "Clone" button to clone the Tin app to your workspace.
Note: Tin will give new users a free trial for a certain length of time, which is determined by the instance size. After the free trial time, the Tin app will automatically stop working. You will not be charged for the whole process. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tfb9ydtjxfffvww9iwc9.png)

5. Click "RUN NOW" to initiate the application.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n6it9o15hnfwewovkqgi.png)

6. Click the "Endpoint List" button to go to the Endpoint list, with the entry points for all apps displayed. Click the URL of entry point.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qu2bgucos7h2l24b5oi2.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/raij7aoo48ls050dbzwy.png)

You can try Atlassian JIRA now.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jwt3m655zwbv66vgmu3x.png)

You can also use the Tin to quickly set up other open source projects, see the guide: https://www.teamcode.com/docs/en-US/tin/create-tin
How stupidly expensive is Matlab for Deep Learning?
Tags: matlab, programming
Published: 2022-01-12 06:31:36

Thank to [Xuan Vu Nguyen](https://github.com/XuanVuNguyen) for some discussions. 

With Python, you have Tensorlow 2/Keras (free), PyTorch/Lightning (free), Jupyter Notebook (free). You can even use Google Colab if you don't own a decent gpu. 

With Matlab (perpetual license), you have to buy Matlab for 2.3K USD
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4tolwwnf2jzz2tuqdwbe.png)

DeepLearning ToolBox for 1.3K USD
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hzaln3t34ozc5a7ne4gz.png)

and to use that tool box **with** gpu, you have to buy Parallel Computing Toolbox for 1.1K USD
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ffkesqo56pt2v30v92j5.png)

Not mention that Matlab often consume much hardware resources so you may need a better cpu, ram, hard disk. (You guess right, you have to pay even more).

MathWork, do you even research what people demand? What people need? No one is going to pay 4.7K USD for a deep learning enviroment with matlab (a crappy framework with a stupid language) because they spend money on GPU already.
Free alternative to MongoDB Atlas for testing and learning failures
Tags: atlashackathon
Published: 2022-01-12 06:25:11

### Overview of My Submission

To test features like restartPrimaries with MongoDB Atlas one needs to use Dedicated Clusters requiring payments at hourly rates. This project is aimed to test and learn the behaviour of MongoDB while dealing with different failures locally completely for free. By writing a simple test case in Java, one can configure and create a replica set with a handy builder, use a bunch of helper methods like `disconnectNodeFromNetwork`, `waitForMasterReelection`, `connectNodeToNetwork` etc. and assert some possible changes in data or debug the pipeline to see what’s going on under the hood. An automatically initialised replica set also allows to test MongoDB version 4+ transactions. The project supports MongoDB versions from 3.6.14 up to the latest 5.0.5.

### Submission Category:

Choose Your Own Adventure: Run MongoDB Atlas locally for testing. 

### Link to Code

{% github https://github.com/silaev/mongodb-replica-set %}


### Additional Resources / Info

{% link https://dev.to/silaev/run-mongodb-atlas-locally-for-testing-1mp9 %}
How to connect to SQL Plus in oracle xe running in a docker container
Tags: docker, database, codever, snippets
Published: 2022-01-12 06:23:41


Issue the following command in terminal:

```shell
docker exec -it YOUR_IMAGE bash
```

Once in bash issue the following command, and you are there:

```shell
sqlplus YOUR_USERNAME/USERNAME_PASSWORD@localhost:1521/XE
```

> Shared with :heart: from [Codever](https://www.codever.dev/snippets/605b4228cfab4d624761569f/details). Use :point_right: [**copy to mine**](https://www.codever.dev/snippets/605b4228cfab4d624761569f/details) functionality to add it to your personal snippets collection.
In a C# solution, how do I add an .EXE project to a solution of DLL project's?
Tags: visualstudio, programming, beginners
Published: 2022-01-12 06:08:48

In a C# solution, how do I add an .EXE project to a solution of DLL project's?

This is using Microsoft Visual Studio Professional.

I have been handed a solution file which contains three projects.  But all three projects generate DLL files.  It is kind of unique because I have uncovered that they contain XAML files.  So there is the opportunity to use the dll's to display WPF style UI as long as I properly create a new project for the solution.  And this is what I am asking.  What are the steps involved in creating a new project in the solution that is an executable and loads the DLL's and displays the UI'S?