teleren/devto huggingface dataset:
Flutter Is Only For UI
Tags: flutter, dart, article, medium
Published: 2020-07-14 11:40:11

Little article clearing a little bit of confusion to all the newbies out there.

Link: https://itnext.io/flutter-is-only-for-ui-development-change-my-mind-f8ced7a6b57e 

I hope it would be of some 👏 claps!
If yes, do give it some claps 😊

Thanks and Much Love ❤
Xfce Ortamında Ekran Yırtılma-Dalgalanma Sorununun Compton ile Çözümü
Tags: xfce, pardus, screentearing, compton
Published: 2020-07-14 11:39:36

17 sürümü ile birlikte ana sürümde Xfce masaüstü ortamı ile gelen Pardus'ta bazı donanımlarda tearing yani yırtılma-dalgalanma sorunu ortaya çıkabiliyor. Birleştiricinin işini tam yapamaması sebebiyle oluşan bu durum bazen ekran kartının sahipli sürücülerini kurarak ya da /etc/X11/xorg.conf.d/ yoluna konfigürasyon dosyası oluşturarak çözülebiliyor. Ancak bu durumlarda da çözülmediği taktirde compositor yani birleştiriciyi değiştirmek gerekebilir. Bu konuda işini iyi yapan compton paketini kurarak işe başlayabiliriz.

1) Kullanacağımız compton birleştiricisini kurmak için terminali açıp aşağıdaki komutu uygulayalım.
```python
sudo apt install compton
```
2) Mevcut birleştiriciyi devredışı bırakmak için ayarları açalım, "Pencere Yöneticisi İnce Ayarları" menüsüne tıklayalım. Açılan pencerede "Birleştirici" sekmesine tıklayıp "Görüntü düzenlemeyi etkinleştir seçeneğindeki işaretti kaldıralım. Bu şekilde mevcut birleştiriciyi devredışı bırakmış oluruz.

3) Compton birleştiricimizi oturum başlangıcına ekleyerek sistemin compton kullanmasını sağlamak için ayarlardan "Oturum ve Başlangıç" menüsüne tıklayıp açılan pencerede "Uygulama Otomatik Başlat" sekmesine tıklayalım. Aşağıda yer alan ekle butonuna tıklayalım. Minik bir pencere açılacak ve buraya gerekli bilgileri girelim. Görüntüdeki gibi ayarlayıp tamam diyerek kaydedelim.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hy2epyc2pba7nu58rev6.png)

Gerekli bütün işlemleri yerine getirdik. Sistemimizi yeniden başlatarak compton birleştiricisini kullanmaya başlayabilirsiniz. Ekran yırtılması-dalgalanması sorununun çözüldüğünü göreceksiniz.

Bu yöntem Pardus'ta işe yaradığı gibi diğer Linux dağıtımlarında da uygulanabilir.
Sort in Linear Time, But Is It Worthy?
Tags: algorithms
Published: 2020-07-14 11:22:46

I know the fastest sorting algorithm is quicksort. It is even named accordingly. I also know that its time complexity is on average O(nlog(n)). Is there ever a sorting algorithm in linear time?

Yes, it turns out. It is called radix sort, and it actually predates modern computer. 

What is radix sort? Radix sort is to sort numbers digit by digit. Or sort words letter by letter. It is so named because it uses a buffer of which the size becomes the radix of the sorted numbers. The radix is the number of possible digits in one position. Using a buffer of size 10, you can sort 0 to 9 in one iteration; using a buffer of 256 you can sort 0 to 255 in one iteration. The size is chosen according to memory limits, and in exchange sorting each additional digit takes another iteration.

Radix sort was THE algorithm used by [IBM card sorters](https://en.wikipedia.org/wiki/IBM_card_sorter), which inherited the algorithm from [tabulating machines](https://en.wikipedia.org/wiki/Tabulating_machine). 

How is radix sort linear? The number of iterations you go through the list to be sorted does not depend on the number of items, but the maximum number of digits or letters of the items, which is often a lot fewer than the number of items. If you know the maximum in advance, like if you know you are sorting 32-bit integers with a radix 2, then your time complexity is at most O(32n), which is indeed linear.

Linear time is categorized as being faster than n-logarithmic time. But in real world usages, the logarithmic term in n-logarithmic time is often smaller than the constant term in linear time. For the logarithmic term to reach 32, the number of items you are sorting needs to reach 2^32, which is 4 billion. 

With a larger radix, like 256, the constant term of radix sorting for 32-bit integers becomes 4 (=32/log(256)), and to reach that with a logarithmic term the number of items necessary becomes 16. But even above 16 items, when is the improvement in sorting speed worth the additional 1 MB of memory (256 32-bit integers)?

---

1. All logarithmic above are base 2.
Create your own CAPTCHA - part 5 - Final Results
Tags: showdev, typescript, javascript, react
Published: 2020-07-14 11:22:33

After a long time of working on custom captcha, I made it and I used it to pass one of the subjects on studies. From the entire journey, I made a tutorial here, on Dev.to. 


{% link https://dev.to/meatboy/create-your-own-captcha-with-react-node-part-1-architecture-1ho7 %}

Captcha is made with TypeScript, React, PIXI and Node. CAPTCHA relies on a server-side mechanism for generating and verification challenge.

Here it is:
{% youtube T50gYr0khrc %}
COVID-19 update notifier  with python
Tags: codenewbie, beginners, codepen, computerscience
Published: 2020-07-14 11:17:13

Hello Everyone! As you all know that COVID-19 pandemic has been doing  a  huge impact in our world.Some people search it on google for global data or some people still see  at newspaper . What if we will get a popup for latest updates related to COVID-19 as well ? So recently i have made a COVID-19 update notifier which gives you a  popup global updates(like how much death rates happened globally or recovered rates or cases ) for COVID-19 time to time.It's just a small code.So you don't need to worry about it.So lets get started. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dmv4765so9wenrq09yt8.png)
**HOW I BUILT?**
I made it through python.Python is  a  general purpose language    which is used anywhere like machine learning, GUI etc.In this project, I have used only 4 modules. So here it is.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/btmkwiwcc0kssnmmd8ya.png)

What do they work?

1)Requests- The requests module is a external module which allows you to send HTTP requests using Python. 
2)Win10toast- It is an easy way to get notified when some event occurs. The package is available in Pypi and it is installed using pip.
3)Json- The json module provides an API similar to convert in-memory Python objects to a serialized representation known as JavaScript Object Notation (JSON) and vice-a-versa.
4)Time - The time module provides functions for working with times, and for converting between representations. 
After this,
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xkgramsd9kof9lrc7lhl.png)
I made a def function whose named is update .In def function , i made 'r' variable which we get a http file  which is ' https://coronavirus-19-api.herokuapp.com/all 'with the help of request module.Then exchange the data by json and stored it in the 'data' variable.I have used a while condition so that it will gives the notification with the help of toast notifier.I also attached a timer to give a popup in 60 minutes with the help of time module.But you can change it as well......



 Thank you!I hope you will like it.Next time for sure i will post some big project as well ....
Introducing RNStarter!!!
Tags: reactnative, react, android, ios
Published: 2020-07-14 09:02:22

![RNStarter](https://dev-to-uploads.s3.amazonaws.com/i/tiwmovsyxzf5oal0hkwn.png)
I've been working with React Native for quite a while now and over time, I noticed that all react native apps generally use the same basic libraries from the ground up. A UI Library, Redux with a middleware, Testing, e.t.c. To my surprise, I realized there was no project that had a simple quick start bootstrapper with basic libraries for React Native. I decided to take some very popular and easy to use libraries and make a bootstrapper with them. This would make it easy to get up and running with react native without the overhead of setting up a project. 

The libraries used for now are: 
 - React Native
 - Typescript
 - NativeBase
 - Styled Components
 - React Navigation
 - Redux
 - Redux-Saga
 - Apisauce
 - Testing Library
 - Detox
 - ESLint and Prettier with pre-commit hooks 

Check out the project on Github: https://github.com/i-mighty/RNStarter

Feel free to make an issue if you want to see a new feature or a modification.

You can also reach out to me: 
 - Twitter: https://twitter.com/100_crown
 - Github: https://github.com/i-mighty
 - LinkedIn: https://www.linkedin.com/in/j-a-adegboye/

Build something amazing. With 💖
5 ways of displaying i18n translations in Vue
Tags: vue, i18n, internalization
Published: 2020-07-14 11:09:17

When your Vue app needs internalization, you'll probably come across [i18n](https://kazupon.github.io/vue-i18n/started.html). It took me a while to get a proper grasp on how to display messages in different scenarios (especially #5), so I'm laying out a quick easy-digest summary here.

## 1. Basic interpolation
With the interpolation curly brackets you can render any content that can be placed directly in your template HTML.
```html
<p>{{$t('introText')}}</p>
```

## 2. Binding the value
Useful for input placeholders or labels.
```html
<v-text-field :label="$t('form.firstName')"></v-text-field>
```

## 3. Within a function
Note that within the Vue instance it would be necessary to use `this` keyword
```js
btnLabel(){
  return this.$t('buttons.save')
}
```

## 4. Using `v-t` directive
With `v-t` directive you may specify the path of the translation string in the data object and then easily render it in the template. 
```js
data: () => ({
   path: "buttons.add"  
}),
```
```html
 <v-btn v-t="path"></v-btn>
```
**NB:** This directive is **not** reactive, therefore the content needs to be manually reloaded when the locale changes.

## 5. Using `v-text` directive
To solve the reactivity problem, you may use `v-text` directive instead.
```js
data: () => ({
   path: "buttons.add"  
}),
```
```html
 <v-btn v-text="$t(path)"></v-btn>
```

*****

Hope this comes in handy for our translation wizards! Give me a shout if there's a technique I missed 😜
Heroku pipelines: easy & free!
Tags: node, heroku, backend, devops
Published: 2020-07-14 11:08:42

---
title: Heroku pipelines: easy & free!
published: true
description: I tried heroku pipelines and it worked✔
tags: nodejs,heroku,backend,devops
---

Do you use heroku for your project's backend? You may be interested in setting up a **branch → staging → prod** pipeline. It's surprisingly easy!

My pet project uses an [Heroku](www.heroku.com) app as part of its backend.

ICYMI heroku is one of the simplest method to deploy a Node.js server with databases. And they have a good [free tier](https://www.heroku.com/pricing).

Heroku bugged me to upgrade my app from its outdated cedar-14 stack:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/d0kvrq9j72tnccbt13h5.png)

Instead of doing an upgrade, why not recreating it from scratch? And why not trying the pipeline feature?

An heroku pipeline is just an aggregation of "branch" → "staging" → "prod" apps, with the ability to promote an app to the next step. Setup:

1. create a pipeline, super easy through the UI
2. create (or add an existing) staging app
3. create (or add an existing) prod app
4. (I didn't use "review apps", too complicated for my simple setup)

The staging app then has a "promote to production" button:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6k9f1q0p83q2zyp9fmhe.png)

which does what you guess = promote the staging app to prod.

Since I'm now using a single bolt monorepo for all my personal dev, I had to learn how to deploy an heroku app from a sub-package of a monorepo. Fortunately, [Laurent Grima](https://laugri.com) has us covered: [instructions](https://medium.com/inato/how-to-setup-heroku-with-yarn-workspaces-d8eac0db0256).

Once linked, I enabled auto-deploys on git push **for the staging app**.

Note that "promoting to production" doesn't means swapping the apps like in a blue-green deployment. It just means that the nodejs source will be copied over the target app. This is what we want since staging and prod have their own databases (through heroku app addons) that shouldn't be swapped.

I must now confess that I'm not really using heroku as a server... The free tier has a limited run time. I'm just using the free databases that can be attached to an app. They are always on and can be accessed from outside.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ynf8rn7whyeuxuo757y0.png)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/cvnl3ykyavaxcp16yoc0.png)

My true server is powered by [Netlify functions](https://www.netlify.com/products/functions/) using a serveless architecture that I find much easier to reason about. The functions then access the heroku databases.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1002id2ksgknxahq7jq8.png)

I was pleasantly surprised by the simplicity of heroku pipelines, I was expecting something much more complicated. Good job heroku!
Check events fired while interacting with a DOM element
Tags: dom, event, log
Published: 2020-07-14 11:08:35

---
canonical_url: https://maciek.cloud/monitor-events/
---

There is an easy way of monitoring all events fired while interacting with a DOM element.

Open dev tools and select element.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/wqfr6h7izia9t2bz9rcx.png)

While the element is selected, switch to console and type: `monitorEvents($0)`

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/i7i9yhyhdhajwktoadm0.png)

Interact with the element: hover, click, etc.
The console should print all the events fired.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qia15k82ykfbdxtylcqi.png)
Should DEV allow you to disable comments on your posts?
Tags: meta
Published: 2020-07-14 11:02:20

There is the unsubscribe functionality that allow you to disengage from one of your articles, but should DEV take it a step further and allow us to disable comments altogether on a post?

I personally don't think we should have that possibility. In my experience, DEV is a platform made of mostly respectful people who are able to have a civil conversation about most topics.

Of course, that's not always the case but I don't think you can prevent it from happening from time to time with that many users. Even though I truly don't believe there has been many instances of it.

What do you think?
Getting started with your personal GitHub README
Tags: github, webdev
Published: 2020-07-14 10:53:03

GitHub has recently added a feature to add personal profile README files. This is a page that will appear when someone visits your profile on Github allowing visitors to learn a bit more about you.

## Getting Started

First up if you have not already created your personal Github README, Monica Powell has a great article on setting one up.

[How To Create A GitHub Profile README
](https://www.aboutmonica.com/blog/how-to-create-a-github-profile-readme)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vmc30cupkgfyjsseqbir.PNG)

---

If you prefer video, Harry Wolff has a quick video on getting started with your profile README.

{% youtube 0wJ4Y88NVrY%}

---

## Inspiration and Ideas

Need some inspiration, checkout Awesome-Profile-README.

{% github kautukkundan/Awesome-Profile-README-templates %}

{% github abhisheknaiidu/awesome-github-profile-readme %}

{% github elangosundar/awesome-README-templates %}

---

## Tools

Dynamically generated GitHub stats on your readmes!

{% github anuraghazra/github-readme-stats %}

Colored Badges for GitHub profiles

{% github MikeCodesDotNET/ColoredBadges %}

WakaTime Weekly Metrics on your Profile Readme

{% github athul/waka-readme %}

Build a self-updating profile README for GitHub with help from Simon Willison.

[Self updating profile README](https://simonwillison.net/2020/Jul/10/self-updating-profile-readme/)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0yd08olxp2i3rt3a7zr3.PNG)

---

Sign up to our free weekly newsletter and stay in the loop with the latest and greatest web development projects on GitHub at [www.trendingprojects.com](https://www.trendingprojects.com/)


If you enjoyed this article you can [follow me](https://twitter.com/iain_freestone) on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.
Is 2021 the end of AngularJS?
Tags: angular, javascript, nativescript
Published: 2020-07-14 10:47:13

AngularJS is a JavaScript-based open-source front-end web framework mainly maintained by Google and by a community of people and corporations to deal with many of the challenges encountered in developing single-page applications. Angular is its successor and uses equivalent philosophies like declarative templates and dependency injection.

To develop web applications AngularJS is the stable framework and utilized by number of developer around the globe. The usage of Angular is also expanding faster than Angular JS and new releases have been introduced and are planned to release in upcoming years.

Currently there are number of developers are out there using AngularJS and it’s been complex task for everyone to perform immediate migration process.

In 2018, they announced that the major releases will be ceased after the release of AngularJS version 1.7. Currently it’s under LONG TERM SUPPORT (LTS) period so, there will not be any kind of new major releases. The team of Angular JS totally focus on publishing patch releases, 1.7.1, 1.7.2 etc. These release only include non-breaking change features and fixes to the framework. So their existing users do not have to face any security concern or other bug issues.

That means that there’ll be no more releases of AngularJS: so no more features. This does not denote that you must cease utilizing AngularJS: it will resume to work for you as it does now.

All AngularJS applications that work now will resume work in the future. AngularJS has not received many new features within the last year approximately. It is a very sophisticated and consistent product. As a consequence of that and the many projects using it in production, the vast majority of bugs have been identified and fixed. Therefore it’s unlikely that new bugs are going to be discovered during and after the LTS period. Nor does it mean that you simply must upgrade to Angular: indeed many projects will never upgrade; they simply work as they are and do not need to be modified to use Angular. If you’re actively developing your application, and you identify that AngularJS won’t support your current or future requirements then that might be a honest time to consider upgrading to Angular.

If you’re planning to migrate from AngularJS, kindly contact Vibidsoft as they have in-house team of expertise who can help you to do so. You can shoot an email to inquiry@vibidsoft.com

Share on FacebookShare on TwitterShare on Google+
Made YouTube Downloader
Tags: python, productivity, github, git
Published: 2020-07-14 10:45:24

Hey All,
       I recently completed my first project on Tkinter. I used it to make youtube downloader. It is simple but effective. I am attaching GitHub code with it.
Cheers!

<a href="https://github.com/GauravSingh9356/Youtube-Downloader" target="_blank">GitHub code</a>
Easy peasy formatting list of names
Tags: todayilearned, javascript, beginners
Published: 2020-07-14 10:34:12

Given an array containing hashes of names.
You have to return a string formatted as a list of names separated by commas except for the last two names, which should be separated by `&`.

```
formatList([ {name: 'Dave'}, {name: 'Alex'}, {name: 'Marge'} ])
// returns 'Dave, Alex & Marge'
```
Here's a single line solution, `regex` peeps
```js
let formatList = (names) => names.map(x => x.name).join(', ').replace(/(.*),(.*)$/, "$1 &$2");
```

But this is the most clever solution, I could never think of:
```js
let formatList = (names) => {
  let a = names.map(obj => obj.name);
  let name = a.pop();
  return a.length ? a.join(", ") + " & " + name : name || "";
}
```
I could think of using `reduce`, `forEach` and other looping methods using if else. `reduce` does a pretty great job itself.
```js
let formatList = (names) => {
  return names.reduce((prev, curr, i, arr) => {
    return prev + curr.name + (i < arr.length - 2 ? ', ' : i == arr.length - 2 ? ' & ' : '');
  }, '');
}
```
What is a Blog | The Beginners Guide 
Tags: blogging, computerscience, beginners
Published: 2020-07-14 10:30:36

 Hi. I have been blogging for over eight years and I love every moment. Do you know what blogs are? If you don't, then you have come to the right place. In the beginning, a blog was more of a personal journal that people shared online, and dates back to 1994. In this online journal, you could talk about your daily life or share things you do. But, people saw an opportunity to communicate any information in a new way. Thus began the beautiful world of blogging. Read more.....
https://www.basiccomputerknowledge.in/2020/07/blog-beginners-guide.html
Buying the Perfect Computer | The FIRST Time 
Tags: computerscience, news
Published: 2020-07-14 10:27:22

Finally decided Buying the Perfect Computer that it's time for a change. Never mind what advice do you follow that old desk work horse the computer you have is no longer useful charging applications and a continuous increase in operation noise. read more...
https://www.basiccomputerknowledge.in/2020/06/buying-perfect-computer-first-time.html
Laravel Multiple Image Upload Preview From Scratch
Published: 2020-07-14 10:25:58

**In this laravel 7 multiple image upload tutorial**, you will learn step by step how to upload multiple images with preview into a database and folder in laravel apps.

If you work with laravel apps and want to upload multiple images into database & server folder. So this tutorial will guide you step by step on how to upload multiple images with preview in laravel apps.


### Laravel 7 Multiple Images Upload With Preview

Follow the following steps and upload the multiple images with preview in laravel apps:

1. Install Laravel Fresh App
1. Setup Database
1. Generate Migration & Model
1. Make Route
1. Create Controller & Methods
1. Create Blade View
1. Run Development Server

Uploding multipel images in laravel 7 checkout here [https://www.tutsmake.com/laravel-7-6-upload-multiple-image-preview-tutorial/](https://www.tutsmake.com/laravel-7-6-upload-multiple-image-preview-tutorial/ "https://www.tutsmake.com/laravel-7-6-upload-multiple-image-preview-tutorial/")
Laravel 7 Ajax Uploading Multiple Images Example
Published: 2020-07-14 10:16:26


**Laravel 7 multiple image upload using ajax with showing a preview.** In this laravel tutorial, you will learn how to upload multiple images using ajax with showing preview in your laravel web applications.

Sometimes, you work with laravel apps and want to upload multiple images without refreshing a web page and display preview of each image. So this tutorial will guide you step by step on how to upload multiple images using ajax with preview in laravel apps.

### Laravel 7 Ajax Multiple Image Upload with Preview

Just follow the below steps and upload multiple images using ajax with showing preview in laravel applications:

1. Install Laravel Fresh Setup
1. Setup Database Credentials
1. Create Route
1. Generate Controller By Command
1. Create the blade view
1. Start Development Serve

Checkout full post [https://www.tutsmake.com/laravel-7-6-ajax-multiple-image-upload-with-preview-e-g/](https://www.tutsmake.com/laravel-7-6-ajax-multiple-image-upload-with-preview-e-g/ "https://www.tutsmake.com/laravel-7-6-ajax-multiple-image-upload-with-preview-e-g/")