teleren/devto huggingface dataset:
Journey of building a game using the Flutter
Tags: flutter
Published: 2022-02-19 04:43:28

---
title: Journey of building a game using the Flutter
published: true
date: 2022-02-19 03:47:00 UTC
tags: flutter
canonical_url: https://www.geekyhub.in/post/react-native-dev-learns-flutter/
---

For the last few weeks, I have been working on a React Native project for work. So this was my first experience writing “real” mobile apps. Before that, I only wrapped PWA’s as APK and called myself a mobile developer 😎.

React-Native came naturally to me after climbing some learning curves as a React Developer. So, now I wanted to check out the buzz around Flutter.

So last weekend was a fine sunny day which is quite pleasing in the late winter season. It might not be winter from many people’s standard. I opened the Flutter documentation getting started page. The installation file was quite big compared to react-native and it made my expectations high.

At this point, I knew nothing about dart and Flutter, how it works and how to write code. But the Flutter had an excellent [write-up](https://docs.flutter.dev/get-started/flutter-for/react-native-devs) comparing React-Native to Dart and Flutter. It helped me directly dive into building things without learning anything. I got pumped up to create something; I thought of a real simple application/game that is just sorting a list of cities so that traversing through all cities in order will be optimal. It’s not a fair game from the graphics standard, 😥 but good enough for me.

The app uses a list of cities downloaded from [simplemaps.com](https://simplemaps.com/data/in-cities) and used a geometry formula to calculate the distance. After a day of playing out, I was able to finish it with the help of a lot of google, stack overflow, and 3rd party packages.

It almost feels like magic that I still don’t know dart language correctly, but my app is running. Flutter dev tools are excellent compared to React-Native, which helped me identify and fix issues more quickly.

I published my app just for fun ☺️ on the [PlayStore](https://play.google.com/store/apps/details?id=com.distoptim.geekyhub), and if you are interested, you can also check out the [code](https://github.com/vikas-0/Distoptim).
🐍 Learn Python: Top 5 free highly rated popular courses for beginners
Published: 2022-02-19 03:29:10

---
title: 🐍 Learn Python: Top 5 free highly rated popular courses for beginners
published: true
description: 
tags: 
//cover_image: https://images.unsplash.com/photo-1498050108023-c5249f4df085?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=2400
---


🐍 Learn Python: Top 5 free highly rated popular courses for beginners

"Learn Python for Beginners" 4.5 hours course by FreeCodeCamp on YouTube.
https://www.youtube.com/watch?v=rfscVS0vtbw&vl=en

"Python for Everybody " by University of Michigan on Coursera. Click Audit to access for free. 
https://www.coursera.org/learn/python?specialization=python

"CS50P- Intro to Python programming" by Harvard University on EDX. Don't miss! Starts in April. 
https://www.edx.org/course/cs50s-introduction-to-programming-with-python

"Learn Python 3 from Scratch" interactive course with hands-on exercises on Educative.io
https://www.educative.io/courses/learn-python-3-from-scratch

Free Python Course by Google: Click Audit to access for free. 
https://www.coursera.org/professional-certificates/google-it-automation

Happy Learning. ❤️
Truly Understanding React (TUR) - Ep2
Tags: javascript, react, webdev, devops
Published: 2022-02-19 03:06:14

So let's dive in on our story on **truly understanding react.js library - Ep2**.

**First**,

## What is React?

React is an open-source JavaScript library that is used for building user interfaces based on UI components, created by Jordan Walke, who at that time working as a software engineer at Facebook, built an early prototype of React and called it "FaxJS". that was influenced by XHP, an HTML component library for PHP. 

React.js was first deployed on Facebook's News Feed in 2011 and later on Instagram in 2012. In May 2013, React was announced to be an open-sourced project, at the JavaScript Conference (JSConf) in the United States(US). 

> React JS is also called simply to React or React.js. 

It allows developers to create large web applications that can change data, even without reloading the page and can also be used with a combination of other JavaScript libraries or frameworks, such as Angular JS in MVC.
Diversity in the world of CTOs
Tags: diversityintech, cto
Published: 2022-02-19 02:23:15

Over the last couple of years, I’ve received requests for referrals of non-male devs, especially CTOs as of late.

There’s an extreme shortage of CTOs, especially non-males, and that companies (mainly startups or small corporates) are trying to be diverse, and I’m trying to not be cynical…

![Hailee Steinfeld Sigh](https://media.giphy.com/media/xx3WVWGJEVdZ3P43Ge/giphy.gif)

#### 👉 Are they looking for token non-male tech hire on c-suite team for investment/funding reasons?
#### 👉 Are they cheaping out on salary? (CTOs are not cheap, they are at the high price bracket for a reason)

I was wondering, how many non-male CTOs do I know (past & present role)? Initial answer, head to my Linkedin app and did a search within my 1st level connections, and [I have a broad network](https://www.linkedin.com/in/vickyleeire/). I was shocked that even with my activities and connections in tech, especially around diversity, the CTOs that are non-male on my list are dismal. 

> 14 out of 105 😱

🤔 So how did you fare if you checked your LinkedIn profile and look for CTOs (past and present roles) in your 1st level connections? Shocking, isn't it? 

![Sad Oh No GIF By Apple TV
](https://media.giphy.com/media/ZExdWjrto3qpXWX3l0/giphy.gif)

I know it's not a surprise but for myself, I didn't think it was going to be bad!

---

### 👉 Question… how to find more CTOs?
### 👉 Another question… how to find potential future CTOs?

If you are looking for a CTO, be prepared to have deep pockets, and if you can’t afford a full-time CTO, have you considered hiring them part-time? 
Would that be reasonable and will that fit within your budget, especially if you are a startup or a small company? Are you offering them equity?

## Or... 
... are you looking for a developer instead? This would be a completely different requirement to a CTO. 

---

![Dickinson Anna Baryshnikov GIF By Apple TV](https://media.giphy.com/media/mYyFUqvVqsbdBRQfTl/giphy.gif)

### Well? I love to hear your thoughts, if you are

* a company looking to hire a CTO
* a CTO looking for next gig (love to hear from someone who is experienced as a CTO & what is expected of being one)
* a senior dev looking into becoming a CTO, what does it take & mean to become one?
* what is the bar of entry to become a CTO?

And any helpful advice and information to contribute to the conversation.

But do think about what remuneration you are offering the candidate as potential CTO for your company? Understand the market rate and be realistic and fair.

![Hailee Steinfeld Finger Guns GIF By Apple TV](https://media.giphy.com/media/oj2nfKDpt53yc4WkZw/giphy.gif)

## And most of all, BE HONEST on what you are looking for & offering.
Single Responsibility vs Separation of Concerns
Tags: solid, oop, principles, soc
Published: 2022-02-19 00:33:28

I was thinking out loud the other day and was wondering what the difference between single responsibility and separation of concerns is. Are they similar at all? 

Let's go back to the basics and try to review both of what these two major principles stand for. 


![Daria's responsible now](https://media.giphy.com/media/4CIxi99kPL9ss/giphy.gif)


###Single Responsibility 

Single responsibility principle (S.R.P.) is one of the five principles of object oriented programming (O.O.P.). Does [S.O.L.I.D.](https://www.digitalocean.com/community/conceptual_articles/s-o-l-i-d-the-first-five-principles-of-object-oriented-design) ring a bell? Well, it stands for the "S" in S.O.L.I.D. It's an extremely useful thing to remember for early stage developers like myself. The end goal is always striving for maintainable code. 

How does S.R.P. do this, you ask? It gives a function in a class only ONE reason to change, which is the sole responsibility that that function has. This in turn makes your code more modular. 

![Separate!!!](https://media.giphy.com/media/8Bl2XnoHsCZZ81BaOe/giphy.gif)

###Separation of Concerns 
Separation of Concerns (SoC) also known as Aspect-Oriented Programming [is a design principle for separating programming into distinctive sections so each section addresses a specific concern.](https://en.wikipedia.org/wiki/Separation_of_concerns#:~:text=In%20computer%20science%2C%20separation%20of,code%20of%20a%20computer%20program.&text=A%20program%20that%20embodies%20SoC%20well%20is%20called%20a%20modular%20program.) 

Visualize a Model View Controller (MVC) pattern, if you will. Each section is divided by modules, and each module should be in charge of a task. With each module focusing on just one task, this makes the flow of data more efficient and again easy to maintain. This quick [video](https://www.youtube.com/watch?v=Fv9_udQJTzM) gives you a better idea of what this actually means.

![Diagram of MVC that visualizes modules](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c4etudepbco85z5w78cx.png)   


###Conclusion 
In a nutshell, the main difference between Single Responsibility Principle and Separation of Concerns is that SRP is isolated in a class in the form of one function, where as SoC is more spread out to how an MVC is structured. 

![Hope that gave you some clarity](https://media.giphy.com/media/1l1JSNcnhW28n7Odtt/giphy.gif)
Que es git?
Tags: git
Published: 2022-02-19 00:10:08

**Git es un controlador de Versiones**
**¿Que significa esto?**
Imaginemos que tenemos una portafolio, ese portafolio es muy viejo asi que decidimos agregar mas cosas de nuestros logros que fuimos adquiriendo lo cual es perfecto. Pero tambien queremos mantener una version antigua.
Lo comun que hariamos es crear una copia y escribir nuestro portafolio actualizada. Eso es genial tenemos un portafolio actualizado.
Pero resulta,si lo vemos detalladamente, realmente no hay muchos cambios solo agregamos unos parrafos.
Capaz digas solo son unos parrafos.Pero imaginemos que esto lo vamos a hacer muy a menudo, y cada vez que queramos actualizar nuestro portafolio tendriamos que crear una copia nueva con pequeños cambios. Esto a medida se hara muy dificil de organizarlo.

**Ojala ubiera un programa que solo me deje tener un archivo, pero que tenga un registro de los cambios que voy haciendo y cuando yo quiera volver a una version anterior.**
**!ESto es lo que hace git¡**

**Ahora ya sabes lo que es git**
Instale muitos programas de uma só vez no Windows
Tags: windows, powershell, batch, chocolatey
Published: 2022-02-19 00:02:22


Olá pessoal!
Você está usando o Windows?
Você quer instalar muitos programas rapidamente?
Aqui minha solução:
https://github.com/cristiancmoises/chocolate
Script em lote para instalação automática de pacotes do chocolatey.
Trabalhe de forma inteligente e tenha um bom dia :) 

![Automatic](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1lfhq2927vlsoafcz338.jpg)
Autoinstall many programs in Windows
Tags: windows, automation, chocolatey, powershell
Published: 2022-02-18 23:58:34

## Hello guys!
Are you using Windows?
Do you want install many programs fast?
Here my solution:
https://github.com/cristiancmoises/chocolate
Batch script to install chocolatey packages automatic.
Work Smart and have a Nice day :)

![Automatic](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sypw1aupfkmxloa1yp8o.jpg)
Hack Cascading Stylesheet - CSS
Tags: webdev, css, beginners, programming
Published: 2022-02-18 23:56:43

**Hello techies👋,**

> #### This week article will help in sharing short tips and hacks to be better at writing Cascading Stylesheet (CSS). 

#### CSS Hackers shall we 🚀

### Helpful Tips and Hacks.
- Learn the basic components and properties of CCS (like display, flex, grid etc.) and don't bother trying to learn everything because it is not possible.
- Use fewer CSS frameworks like (Bootstrap, TailwindCSS) and write more CSS.
- Build projects(challenges) from platforms like frontend mentor etc.
- CSS arts can be challenging but can be helpful
- Make specific research on components and researches
- Clone web pages interface
- Maximize the use of browser developer tools

> **Thanks for reading through this article and I hope you found it useful, you can connect with me on;**

- [Twitter](https://twitter.com/chryz_code)
- [GitHub](https://github.com/chryz-code)

**Bye 👋.**
My journey to create the ADM42 keyboard, optimized for developers
Tags: keyboard, programming, vim, adm42
Published: 2022-02-18 22:53:57

Hi All!

About 2 years ago, I started a great journey: to design a keyboard for "developers" based on the open source firmware [QMK](https://qmk.fm/) and all the hardware that goes with it, otherwise it would be far too simple :-)

At first it was for my own comfort, I was hacking QMK on existing hardware (e.g. Redox, Planck and Idobo keyboards), then quickly I wanted to have a really optimized physical layout (lots of split keyboards like ergodox are just too constraining for me, space on the desk, tilt adjustments, not usable while traveling, ...) even if we can find them to have a superior ergonomics on certain points.

![Handwired](https://adm42.dev/articles/handwired.jpg)
![Proto 3](https://adm42.dev/articles/proto3.jpg)

The most important ideas about the physical part are:
1. Being able to reach all the keys without moving your hands is the most ergonomic and it is what allows, in the long term, to reach maximum typing speed while also minimizing errors. This thought is therefore directed towards minimalist keyboards (40%). Some are not very ergonomic (like the Planck), others are, often split and often DIY (like the Corne).
2. Thumbs should be used to the maximum: if the keys are in the right place and at the right angle, only standard keys are needed. To my knowledge, my keyboard is the only one-piece that shares the middle thumb key between the 2 hands.

A lot of the work was done on the "logical" layout: modifiers, symmetry and improving the fluidity of the dual function keys.

![QWERTY](https://adm42.dev/articles/qwerty.png)
![SPECIAL](https://adm42.dev/articles/special.png)

Of course Esc is on the thumb (nothing to remap anymore for vi users), directional keys are under HJKL... but CTRL (and other modifiers) are on either side. Also TAB is on the home row, very convenient.

[Additional information on the layout are here.](https://adm42.dev/layout/)

Once I had made my first "handwired" prototype, I started on a PCB with Kicad, then on the design of the case. My idea was to make a keyboard, ergonomic, compact, light and also using standard switches: I like "full size" switches much better than "low profile" (in addition, there is no standard in that category).

Finally, I decided to start a crowdfunding campaign because the production costs (especially the aluminum part) are very high: it is not really possible to produce less than 250 pieces to get an acceptable pricing.

Tell me if you're interested in knowing more about the software, the hardware design (multiple revisions and production!) or the fundraising campaign and I'll do a more detailed article in the future.

The keyboard is now available on the [ADM42 Keyboard shop](https://shop.adm42.dev/).

{% embed https://www.youtube.com/watch?v=1UCvWVnYtrk %}
Thinking about moving from long-lived to ephemeral environments in your pre-production workflow?
Tags: programming, devops, tooling, productivity
Published: 2022-02-18 22:53:30


[Click here to register now](https://zoom.us/webinar/register/5416452246916/WN_0cQ03PYaTAyDV5JApKooZg) for our upcoming webinar on March 2nd at 2pm EST

**Discover...**
✅ Why are teams moving from long-lived to ephemeral environments?
✅ Common problems teams face in adoption
✅ How Shipyard helps teams move to ephemeral environments faster.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tidseuyqs30g1naqcaph.jpg)
Monitoreo de sitios web con Upptime
Published: 2022-02-18 19:36:36

Hace tiempo en el lugar donde trabajo desarrollamos nosotros una herramienta que nos permitía saber si un sitio estaba disponible o por algún motivo no respondía hasta hora a esta funcionando bien, solo que hemos tenido inconvenientes ya que cuando lo que fallaba era nuestra infraestructura no teníamos forma de saber y llegamos a estar hasta una hora sin darnos cuenta de que no teníamos servicio.
Para resolver ese problema me di a la tarea de buscar algo que fuera y consultara a nuestro sitio y me dijera si tenia respuesta, todo lo que encontraba era de pago o tenia que montarlo sobre nuestra infraestructura lo cual no era la idea, hasta que di con Upptime y es magia lo que hace.

Upptime es un proyecto open source que usa el poder de Github para monitorear los sitios que sean agregados en su archivo de configuración.

Esto me permitió tener un sitio de estatus en menos de 10 minutos con un sistema de envío de mensajes a slack, levantamiento de Issues, notificación al correo de los interesados y historial de tiempos de respuesta.

Todo esto gratis.
En otra publicación are un tutorial de configuración.

[Upptime](https://upptime.js.org/)
Day 534 : Good Things
Tags: hiphop, code, coding, lifelongdev
Published: 2022-02-18 22:32:02

_liner notes_:
- Professional : Pretty chill day. Helped out some folks with community questions. Did some research into writing abstracts for talks to submit to conferences. This is my first time doing it. All the other talks came from people knowing me and what I can do. Going to try and reach out to new communities.

- Personal : I was still tired from the workshop last night and just watched some anime until I fell asleep. haha.


![Waves crashing on a beach with white sand that also has a lot of palm trees](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3v8tgpexegnl4xqst0p2.jpg)

Going through tracks for the radio show. Good thing I put in some work earlier so I'm kind of ahead. I may do some coding on my side project and probably end the night watching anime.

Have a great night and weekend!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 23tYIMHSKYg %}
How To Get Logos From Your Favorites Libraries
Tags: javascript, opensource, react, python
Published: 2022-02-18 22:09:35

A few days ago, I was messing around on GitHub and I found a great repo with tons of tech logos 

[SVGPorn](https://svgporn.com/)
![SVG Porn Website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/br4byuzzb7x8pxqmho7d.png)
 
Yes, this is its name!

### Features

* SVG Format
* 1,327 Logos and counting…
* FREE 

The best part (personally) I think that is a good way to keep up to date with the new apps and technologies, and it's open source, so if whatever logo is missing go and recommend the right source
100 días de código: 73, continuando con redux
Tags: spanish, 100daysofcode, redux, webdev
Published: 2022-02-18 21:56:16

¡Hey hey hey!

Hoy he logrado avanzar un poco mas con el [curso que estoy tomando sobre Redux](https://www.udemy.com/course/aprende-redux-con-react-hooks-y-graphql-facilmente/), realmente es muy interesante y ahora estoy aprendiendo a usar GraphQL y Redux en conjunto.

Creo que en un par de días podre implementarlo en mi aplicación de prueba de redux y typescript. 

### Hoy
- Avance con el curso de redux que estoy tomando y la documentación oficial.
- Practique Touch Typing.
- Aprendí a conectar la base de datos de firebase con un proyecto.

Estoy tomándome con calma el aprendizaje de Redux para digerirlo bien y aprender a usarlo de una forma correcta. Creo que vale la pena dedicarle unos días mas y luego a aprender como todo buen programador, a base de practica.

Espero que tengan mucho éxito en sus proyectos y no olviden sonreír.
¡Hasta la próxima!

Foto cover de [Max Andrey](https://unsplash.com/@maxandrey?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) en [Unsplash](https://unsplash.com/t/business-work?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
Languages I Prefer...
Tags: programming, computerscience
Published: 2022-02-18 21:53:48

Choosing a programming language to use can be a difficult task, and for those starting it can be quite overwhelming. So what's my preference? 

For context, I mainly write command-line tools, and web applications, so my languages are more based to that area, and truthfully you should choose a language that reflects your area of interests. 

### Let's clear this up right now...
First it pisses me off when people call Python the one and end all language because to be quite honest...it really isn't. I've tried Python and it felt way too weird for me, and it's syntax for me felt way too limiting. Python isn't well maintainable when upscale, and is slow, so for me working on fast tools and web servers, that doesn't look well for me. 

You can comment and go against me on how great the language is, however keep in mind this is my preference, and I would only use the language for small tasks in my project that I don't want a mountain of code on. 

## Back to the main subject...
Now that I have all my Python stigma off my chest, let's go to the languages I prefer...

### Rust
Of course my first choice is Rust, the preferred language of development for my projects. Rust offers blazing fast performance with guaranteed memory safety, not only that but how the language is built has really made me think Rust. 

Here's an example: 
```rust 
use serde_derive::{Deserialize, Serialize};
use toml::{from_str, to_string_pretty};

#[derive(Deserialize, Serialize)]
struct Server{
ip: [u8;4], 
port: u8, 
}
```

One of my favourite things is Traits and Macros. They offer a lot of functionality, and for me it makes other languages feel weird. This abstraction makes my life easier since one thing I do is read toml or json files. 

There's a lot more I love about Rust such as how easy `async` is or web servers with `Rocket`, but overall it's a very impressive language. 


### C
As I've said I like things that are more into the Systems programming world, and the Grandpa in this is C. As a Linux user, C is a language I'm always trying to learn so I can one day understand the Linux Kernel. Currently I'm reading _Crafting Interpreters by Robert Nystrom_ and I hope to improve my ability to write C code with a byte-code interpreter. 

### Golang
Golang is actually the first language I felt comfortable with, but as I grew to love Rust I stopped using it. However I still love the language and hope to build a project with it, I may have not gone as deep in it as Rust, but I hope to add it to my utility belt someday. 

As you can notice these language share a C-style syntax, common in systems programming. So in the end these are the languages I prefer and comment what the languages you may prefer. 

> Disclaimer: If you like Python, don't worry I won't hate you unless you start treating it like a god. Programming languages all have their pro and cons, all have their weaknesses and none are perfect.
Looking for a component library design agency
Tags: tailwindcss, bootstrap
Published: 2022-02-18 21:47:42

Hello everyone!

We are building a new CMS/Website Builder that is very flexible and easy to use.
At this stage, we are reviewing component libraries.

We are looking for a design agency that specialize in creating component libraries/UI kits based on Bootstrap or Tailwind CSS.

Please let me know if you are interested.
Thanks.