teleren/devto huggingface dataset:
Google’s Flutter the Next Big UI Framework in Mobile App Development?
Tags: google, mobile, webdev, ui
Published: 2019-07-01 16:42:36

As of 2018, Google’s brand was valued at over $120 billion. This means that when Google does something, anything, a lot of people pay close attention.

In 2017, Google caught the attention of the world after disrupting the mobile app development industry and introducing a new UI framework called Flutter. The framework allows for the portable development of native apps from a single codebase and has already been used to develop a number of apps.

The most exciting part about Flutter may not the framework itself. Popular frameworks like Bootstrap, Foundation, and Milligram are not lacking in interface and capability. Flutter’s hype most likely comes from one single fact: it’s managed by Google.

GOOGLE, DART, AND MOBILE APPS

Google has a strong background in mobile-app development. They have created a number of successful mobile apps like Google Maps, and Google Wallet. But why would they decide to create Flutter?

Google’s creation of a UI framework should actually come as no surprise to anyone since Google’s Dart language first appeared seven years ago. Dart is the language used in Flutter development, and also the language used in Google Ads and Google Greentea.

Flutter Vs Bootstrap, Foundation, and Other UI Frameworks

Now that you’re more educated about Flutter, it’s time to help you decide whether it is worth trying. What better company to help you than a 20+ year-old software development firm?

To compare these various frameworks we’ll compare client lists of notable applications to be built on these frameworks, to date. Obviously, Flutter is at a disadvantage because it has not been around very long. But Flutter has already been used to build a number of notable apps by companies other than Google.

BOOTSTRAP
Instacart
Grocery delivery app
Vogue
Fashion content/news app

FOUNDATION
Facebook
Social media platform
Ebay
eCommerce app
Netflix
Video streaming platform

FLUTTER
Alibaba
eCommerce app
Tencent (QQ, WeChat, Qzone, and more)
A variety of apps

THE VERDICT ON FLUTTER

In such a short period of time Flutter has accrued a lot of press for a reason. For one, Google uses Dart and Flutter to create their own mobile applications. It’s important to note that mobile app development takes time. There could be more Flutter apps in the works and we just don’t know about them yet.

Regardless, one should note the very strong client list of Foundation. Foundation has a great list of clients of organizations not included in the above client list, like National Geographic, Pixar, and Yahoo.

GOOGLE’S FUTURE AS A MOBILE APP DEVELOPER

It’s clear that Google wants to be relied upon by everyone from Marketers to Developers with the introduction of tools like Google Ads, Google Optimize, and now, Flutter. But what’s next for Google? Will all of their software remain free? For now, all we can do is speculate as to what they will develop next and react to the times. Are acquisitions a possibility? Will they team up with rival Amazon?
Ridiculous/hilarious architecture drawings, lets see your!
Tags: social, discuss, architecture
Published: 2019-07-01 16:31:45

---
title: Ridiculous/hilarious architecture drawings, lets see your! 
published: true
description: When your architecture drawing looks like a 3 year olds drawing, share yours!
tags: social, discuss, architecture
---

I wrote down a quick architecture note yesterday and it looks like a gobboly-goop of a mess. I don't even know what I was trying to express...

This is common, and hilarious. Here's mine, let's see yours! 

![scratch mess](https://thepracticaldev.s3.amazonaws.com/i/71geazenf0dx2mwzr23f.jpg)
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2019-07-01 16:10:12

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Monday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

#1. HTML can do that?

Following suit with [CSS can do that?](https://dev.to/ananyaneogi/css-can-do-that-18g7), Ananya list some of the awesome things HTML can do!

{% link https://dev.to/ananyaneogi/html-can-do-that-c0n %}

#2. Svelte is the most beautiful web framework I've ever seen

Jesse talks about their experience building a Tic Tac Toe game in Svelte - live coding included. 📹

{% link https://dev.to/jesseskinner/svelte-is-the-most-beautiful-web-framework-i-ve-ever-seen-325f %}

#3. I will now charge my clients a fee to support open source projects

An independent freelance dev, Manuel made the decision to charge clients a Euro extra per hour in order to help fund the open source projects used to help build the clients' product.

{% link https://dev.to/manuelbieh/i-will-now-charge-my-clients-a-fee-to-support-open-source-projects-277 %}

#4. How to Write a Good Piece of Code

How does one go about writing good code? Ryland talks us through it, step by step.

{% link https://dev.to/taillogs/how-to-write-a-good-piece-of-code-2gmj %}

#5. A simple explanation of functional pipe in JavaScript

Ben explains why RxJS needs piping functions.

{% link https://dev.to/benlesh/a-simple-explanation-of-functional-pipe-in-javascript-2hbj %}

#6. A better way to sell your skills as a developer than just "hire me!" or mass applying

The "spray and pray" approach to job applications generally isn't going to give you what you're after. Corey outlines a much better approach.

{% link https://dev.to/ccleary00/a-better-way-to-sell-your-skills-as-a-developer-than-just-hire-me-or-mass-applying-3d77 %}

#7. Jack Of All Trades or Master of One?

Katie sets up an awesome discussion with her question: "How long before my 'breadth of knowledge' begins to be described as a 'lack of advanced expertise'?"

{% link https://dev.to/queenoflilikoi/jack-of-all-trades-or-master-of-one-56b2 %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
What Default CSS Styles Do You Apply To Every Project?
Tags: webdev, beginners, css, help
Published: 2019-07-01 16:09:43

---
title: What Default CSS Styles Do You Apply To Every Project?
published: true
description: 
tags: webdev, beginners, css, help
---

Something that I think about and work on a lot is writing better CSS. Trial and error and reading have led me to adopting practices like declaring [box-sizing: border-box](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) on sites
to simplify any box-model related code I write, or setting the height and width on pages to 100vw/vh to ensure [a concrete value that scales with device width](https://css-tricks.com/fun-viewport-units/). But I'm curious what the DEV community has to say about this: what are the most integral CSS properties that you add to every project?
Who's looking for open source contributors? (July 1st edition)
Tags: opensource, contributorswanted, beginners, discuss
Published: 2019-07-01 16:06:30

Find something to work on or promote your project here.

Please shamelessly promote your project. Everyone who posted in previous months is welcome back this month, as always.

Happy Coding!

Photo by [Fezbot2000](https://unsplash.com/@fezbot2000?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/search/photos/beach?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
Pair Programming & Dyslexic? Visual Studio Code Font Switcher to the Rescue
Tags: vscode, productivity, dyslexic, opendyslexic
Published: 2019-07-01 16:05:28

---
title: Pair Programming & Dyslexic? Visual Studio Code Font Switcher to the Rescue
published: true
description: Visual Studio Code (VS Code) extension that allows the user to easily switch between fonts in VS Code (especially useful when doing pair programming and using the OpenDyslexic font).
tags: vscode, productivity, dyslexic, opendyslexic
series: Dyslexic Coder
---

I've been using the OpenDyslexic font in VS Code (see my other post on [Have Dylexia? Make Coding Easier In Visual Studio Code](https://dev.to/deadlybyte/have-dyslexia-make-coding-easier-in-visual-studio-code-4kmg)) and recently I've been doing some pair programming. However, my colleagues don't appreciate the font and find it hard to read when driving on my machine. So I was going to write a handy VS Code extension, but turns out that someone ([Evan Buss](https://marketplace.visualstudio.com/publishers/evan-buss)) already beat me to it.

[Font Switcher](https://marketplace.visualstudio.com/items?itemName=evan-buss.font-switcher) - Helps when using the OpenDyslexic font and having to pair program on your machine, can quickly switch back and forth between fonts.
Pro profile, Animated hero, Ex Machina nav | Module Monday 45
Tags: showdev, opensource, webdev, javascript
Published: 2019-07-01 15:38:58

---
title: Pro profile, Animated hero, Ex Machina nav | Module Monday 45
published: true
description: Module Monday 45
tags: showdev, opensource, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/v1561769556/profile-section_ne2izd.png
canonical_url: https://guide.anymod.com/module-monday/45.html
---

## Everything below is open source 
It's free to use on any website, web app, or anywhere else. There are hundreds more like these built & shared by developers on [Anymod](https://anymod.com).

Click a mod to see it along with its source code.

## Pro profile
A professional profile section to show off skills and links.
<a class="btn btn-sm" href="https://anymod.com/mod/professional-profile-card-llkndo?preview=true">View mod</a>
<a href="https://anymod.com/mod/professional-profile-card-llkndo?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1561769556/profile-section_ne2izd.png"/>
</a>

## Fade in hero
Hero section with two-part fade: first the text then the background.
<a class="btn btn-sm" href="https://anymod.com/mod/hero-style-animated-header-dkdora?preview=true">View mod</a>
<a href="https://anymod.com/mod/hero-style-animated-header-dkdora?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1561769556/animated-hero_zomyzl.gif"/>
</a>

## Elegant icon section
A polished call-to-action section with custom icon.
<a class="btn btn-sm" href="https://anymod.com/mod/icon-call-to-action-card-nkolaa?preview=true">View mod</a>
<a href="https://anymod.com/mod/icon-call-to-action-card-nkolaa?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1561769555/elegant-icon_acr6w5.png"/>
</a>

## Ex Machina navbar
Responsive nav based on the Ex Machina theme at Templated.co
<a class="btn btn-sm" href="https://anymod.com/mod/responsive-navbar-mladnl?preview=true">View mod</a>
<a href="https://anymod.com/mod/responsive-navbar-mladnl?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1561769555/navbar_fnjzbv.gif"/>
</a>

## Light cards
Pre-styled cards also matching the Ex Machina theme.
<a class="btn btn-sm" href="https://anymod.com/mod/cards-on-light-background-dkddbm?preview=true">View mod</a>
<a href="https://anymod.com/mod/cards-on-light-background-dkddbm?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1561769556/Light_cards_fwx2he.png"/>
</a>

<hr>

I post new mods from the community [here](https://dev.to/tyrw) every (Module) Monday -- I hope you find them useful!

Happy coding ✌️
Persuasive Software Testing Course Udemy Stats
Tags: testing, software, product
Published: 2019-07-01 15:19:41

---
title: Persuasive Software Testing Course Udemy Stats
published: true
tags: testing,software,product
canonical_url: https://www.alanmbarr.com/blog/persuasive-software-testing-udemy-stats.html
---

## Course released on Udemy Statistics

Recently I decided to release my [course](https://www.udemy.com/persuasive-software-testing/) on udemy. Here are some statistics based on my recent release. As of July 1st, over the past five days, 1,668 total enrollments and 30 people have started the course. Of the 30 people that started the course 9 have completed more than 50% of the course. One 4 star review so far.

<table>
<tr>
<td>Total Enrollments</td><td>1,688</td>
</tr>
<tr>
<td>Started the course</td><td>30</td>
</tr>
<tr>
<td>Completed greater than 50%</td><td>9</td>
</tr>
<tr>
<td>Total Countries</td><td>105</td>
</tr>
<tr>
<td>Top Languages</td><td>English (65.9%), Spanish (14%), Chinese (6.1%)</td>
</tr>
<tr>
<td>Top Countries</td><td>India, USA, Taiwan</td>
</tr>
<tr>
<td>Landing Page Conversion</td><td>86.54%</td>
</tr>
<tr>
<td>Hours Taught</td><td>15.7</td>
</tr>
</table>
What's one advice you'd give to someone heading to a web development interview?
Tags: discuss, webdev, career
Published: 2019-07-01 14:53:42

I'm writing down notes for the first official episode of my [podcast](https://anchor.fm/byte-sized) and since I just came out of an interview I figured I'd share some essential advice for junior developers.

What is **one** essential advice you'd give to someone heading out for a web dev interview?

Keep in mind that some answers will be featured in the podcast, so smile for the camera 😄

EDIT: The episode is now out, you can find it right [here](https://anchor.fm/byte-sized/episodes/Tips-for-web-development-interviews-e4gflp/a-ai2m51) ! 🎉
Working with Dokku
Tags: dokku, docker, ubuntu, vps
Published: 2019-07-01 14:49:34

Site
```
http://dokku.viewdocs.io/dokku/
```

Connecting to the VPS
```
ssh root@255.255.255.255
```

Add ssh key to remote if need
```
ssh-keygen
cat "~/.ssh/id_rsa" | ssh root@255.255.255.255 "cat >> ~/.ssh/authorized_keys"
ssh root@255.255.255.255
exit
cat ~/.ssh/id_rsa.pub | ssh root@255.255.255.255 "sudo sshcommand acl-add dokku dokku"
```

Creating an application
```
dokku apps:create www
```

Connecting / deleting / dispatch to a remote git repository
```
git remote add public dokku@255.255.255.255: www
git remote remove public
git push public master
```

configuration Installation
```
dokku config:set www EMAIL_IMAP_USE_TLS=1 --no-restart
dokku config:set www EMAIL_IMAP_HOST=imap.yandex.ru --no-restart
dokku config:set www EMAIL_IMAP_PORT=993
```

Connecting Postgres
```
dokku plugin:install https://github.com/dokku/dokku-postgres.git postgres
dokku postgres:create www postgres://postgres: secret_key@dokku-postgres-www:5432/www
dokku config: set www DATABASE_URL=postgres://postgres:password@255.255.255.255:5432/www
```

Domain Name Rebinding
```
dokku domains:clear
dokku domains:clear other-domain
dokku domains:clear www
dokku domains:add www main-domain.name
dokku domains:add domain2 other-domain.name
dokku domainswww
dokku domainsother-domain
```

Connecting and disconnecting a folder
```
dokku run mkdir/home/dokku/logs/ myapp
dokku docker-options: add myapp deploy, run "-v/home/dokku/logs/myapp:/app/logs"
dokku docker-options: remove myapp deploy,run"-v /home/dokku/logs/myapp:/app/logs"
```

Restart applications
```
dokku ps: restart www
```
Working with Vagrant
Tags: vagrant, ubuntu
Published: 2019-07-01 14:40:01

Links

[Https://www.virtualbox.org/wiki/Downloads][virtualbox]

[Https://www.vagrantup.com/downloads.html][vagrantup]

[Http://www.sitepoint.com/getting-started-vagrant-windows/][getting-started-vagrant-windows]

Commands

```
vagrant up --provider virtualbox
vagrant reload
vagrant resume
vagrant ssh
cd ../../vagrant
```

[Virtualbox]: <https://www.virtualbox.org/wiki/Downloads>
[Vagrantup]: <https://www.vagrantup.com/downloads.html>
[Getting-started-vagrant-windows]: <http://www.sitepoint.com/getting-started-vagrant-windows/>
Running python django site
Tags: django, ubuntu, python
Published: 2019-07-01 14:38:21

Installing python and all the required libraries
```
sudo apt-get update
sudo apt-get install postgresql postgresql-contrib -y
sudo apt-get install python-pip python-dev build-essential -y
sudo apt-get install libpq-dev -y
sudo pip install --upgrade pip
sudo pip install --upgrade virtualenv
```

Creating a project
```
mkdir mysite && cd mysite
virtualenv venv
source venv / bin / activate
pip install django-toolbelt
django-admin.py startproject mysite.
echo "web: gunicorn mysite.wsgi"> Procfile
pip freeze> requirements.txt
echo "venv"> .gitignore
git init
git add.
git commit -m "First Commit for Mysite"
```

Launch site
```
virtualenv venv
source venv / bin / activate
export $ (cat .env)
pip install -r requirements.txt
python manage.py collectstatic --noinput
gunicorn project.wsgi -b 0.0.0.0:5000
```

Working with the migrations in Django
```
python manage.py migrate
python manage.py makemigrations
python manage.py makemigrations --empty yourappname
```

Working with a list of required packages
```
pip freeze> requirements.txt
pip install -r requirements.txt
```

Creating an application
```
django-admin.py startapp myapp app / myapp
```
What is your favourite dev. related quote?
Tags: beginners, askdev, discuss
Published: 2019-07-01 14:33:58

---
title: What is your favourite dev. related quote?
published: true
description: I just saw "Nevertheless, She Coded" and fell in love with it. What's yours?
tags: beginners, askdev, discuss
cover_image: https://images.unsplash.com/photo-1491234323906-4f056ca415bc
---

I just saw ***"Nevertheless, She Coded"*** on [DEV shop](https://shop.dev.to/), and found [this post](https://dev.to/rodzajowo/nevertheless-she-coded--8l2) and #shecoded hashtag.

I am not a quote addict.
However, as a newbie, wonder:
&nbsp;&nbsp;&nbsp;&nbsp;*I wonder what every else's one line in their heart is.*
Tag prompt selector
Tags: tag, help, question
Published: 2019-07-01 13:59:34

---
title: Tag prompt selector
published: true
description: need a tag prompt selector just like stackoverflow does
tags: tag,help,question
---

When it comes to add proper tags to my blogs, I always wish that dev.to has a tag prompt selector just like stackoverflow does, so we got to choose the most used tags, without reinvent the wheels again. 

Like the other day, I was asking a question on _"system locales"_. When I was choosing the tags, the site prompted me that _"locale"_ should be used, instead of _"locales"_, because it is covering for both cases. 

And today, I'm blogging about _"ssh agents"_. So shall I use "agent", or there is a more specific tag of _"ssh-agent"_ already exist, or it exit in the form of _"ssh_agent"_, or ...? 

So, please provide a tag prompt selector just like stackoverflow does. It does not need to be within post composer, a standalone place is good enough. 

Or there is already such thing exist somewhere?

Thanks
Learn the Ins and Outs of JavaScript's Reduce
Tags: beginners, frontend, javascript
Published: 2019-07-01 13:56:28

---
title: Learn the Ins and Outs of JavaScript's Reduce
published: true
description: In this video, we learn how to use reduce for a few different contexts, as well as troubleshooting some commonly seen errors
tags: #beginners #front-end #javascript
cover_image: https://thepracticaldev.s3.amazonaws.com/i/92bfid65xwig7755sn2n.jpg
---

This video will walk through some basic reduce patterns and show use cases for when to use a reduce in a real project. We'll also do some debugging as we use reduce.

{% youtube WEaKN-L-aBg %}

Feedback welcome!
Gatsby Image Video Tutorial
Tags: react, gatsby, gatsbyimage
Published: 2019-07-01 13:48:57

---
title: Gatsby Image Video Tutorial
published: true
description: Video Tutorial for using Gatsby Image
tags: react, gatsby, gatsby-image
---

Hey everyone, I made my very first screencast tutorial over the weekend on how to use Gatsby Image. Check it out!

{% youtube kOrohVsq_kI %}

For the original blog post, you can find that here: https://dev.to/changoman/an-introduction-to-using-gatsby-image--gatsbyjs-v2-2lbg

YouTube:
https://www.youtube.com/channel/UCS6lPt9btmTG3GkU82ELygA

Follow Me:
https://twitter.com/HuntaroSan
Tkinter Python GUI Tutorial For Beginners
Tags: python, machinelearning, webdev, tutorial
Published: 2019-07-01 13:41:18

This video will provide the detailed demonstration on how to create GUI applications in Tkinter. 
So What is Tkinter ? Tkinter is the Python interface to the Tk GUI toolkit shipped with Python. In Python you can use the Tkinter module to create simple GUI programs. Tkinter does not always run reliably under IDLE Use IDLE’s editor to write GUI programs, but for best results run the program from the OS command line. 
Learn Tkinter In easy and simple steps.

{% youtube 89a-onbToN8 %}


**Thanks for reading** ❤
If you liked this post, share it with all of your programming buddies!
Follow us on **[Facebook](https://www.facebook.com/Pythontutorial4u)** | **[Twitter]( https://twitter.com/moriohdotcom)**

### Further reading

☞ [Complete Python Bootcamp: Go from zero to hero in Python 3](http://learnstartup.net/p/S15_M7e-l "Complete Python Bootcamp: Go from zero to hero in Python 3")
☞ [Machine Learning A-Z™: Hands-On Python & R In Data Science](http://learnstartup.net/p/SJw1YoTMg "Machine Learning A-Z™: Hands-On Python & R In Data Science")
☞ [Python Tutorial - Python GUI Programming - Python GUI Examples (Tkinter Tutorial)](https://morioh.com/p/f3bdfe6286ee)
☞ [Python Tutorial: Image processing with Python (Using OpenCV)](https://morioh.com/p/bc60494297f6)
☞ [A guide to Face Detection in Python](https://morioh.com/p/23fe926c7134)