teleren/devto huggingface dataset:
5 Absolutely FREE Projects YOU should do to become a Full Stack SUPERMAN/SUPERWOMAN before the 2021 ends !!!
Tags: webdev, career, beginners
Published: 2019-12-14 06:31:55


![FullStack Dev Image](https://www.peerbits.com/wp-content/uploads/2018/11/hiring-full-stack-developers-make-main.jpg)


Every developer wants to be Full Stack !

Why ?

It has it's own perks and benefits...

You get paid more...
You are no more dependent on other devs...
You have more opportunities...
You learn a lot...
Better understanding...
And lots more...

{% link https://dev.to/saeeddev/5-damn-easiest-soft-skills-needed-to-become-a-10x-yes-10x-software-engineer-4ll7 %}

In this article, we are going to cover 5...Yes...5 projects to become a FullStack Ninja before the 2020 Ends!!!

Are you ready ?

Let us start

## 1. Full Stack React & Firebase Tutorial 
#### Project : Build a social media app
#### By : FreeCodeCamp
#### Link : {% youtube m_u6P5k0vP0 %}
#### Description :

In this full tutorial course, you will learn how to create a full stack, fully-featured social media application using React, Firebase, Redux, Express, and Material-UI.

This intermediate tutorial covers things such as creating a backend REST API server with Node.js and Express, user login and authentication, image uploads, notifications, cloud functions, deploying to Firebase, and much more.

## 2. Full Stack Python Flask Tutorial
#### Project : Build a social network
#### By : FreeCodeCamp
#### Link : {% youtube -FWuNnCe73g %}
#### Description :
 
Learn how to build a basic social platform with the Python Flask web framework. In this video we review how to create a database, pull data in and out of that database, create a web server with python, and use python HTML templating to render a page for the user!

## 3. React Native Web Full App Tutorial
#### Project : Build a Workout App for iOS, Android, and Web
#### By : FreeCodeCamp
#### Link : {% youtube _CBYbEGvxYY %}
#### Description :

Learn to use React Native for Web to create a workout app that works on Android, iOS, and the web. The app uses Mobx, Typescript, React Navigation, React Hooks, AsyncStorage / LocalStorage, and more. Once the app is complete, you will learn how to deploy it to Netlify.

## 4. Full Stack Python Django Tutorial
#### Project : Build an E-commerce Website with Django and Python
#### By : FreeCodeCamp
#### Link : {% youtube YZvRrldjf1Y %}
#### Description :

Learn how to build an E-commerce website with Django and Python. The website displays products. Users can add and remove products to/from their cart while also specifying the quantity of each item.

## 5. Full Stack React & NodeJS Tutorial
#### Project : Build complete Job Listing Website using React and NodeJS
#### By : FreeCodeCamp
#### Link : {% youtube lauywdXKEXI %}
#### Description :

This video covers React front end w/ Hooks, Simple Node-Express API, Cron worker to fetch data, Simple filtering algorithm, Redis + node-redis, Deployment (NGINX on DigitalOcean droplet)

---

*I am __Saeed Ahmad__. I love to write about programming, new technologies and innovation. Follow me for more posts like this one here :*

{% user saeeddev %}
Blockchain Demo for Fun
Tags: blockchain, testthis, react, forfun
Published: 2019-12-14 06:21:58

Hi guys, I am new here and with this first post, I wanted to
share something. I have made a Blockchain demo similar to "blockchaindemo.io".
I am open to reviews, suggestions, crazy comments, insults, anything.
#### Link - https://suspicious-clarke-772008.netlify.com/
Kotlin do not forget me
Tags: 100daysofcode
Published: 2019-12-14 06:01:39

# Second day was also good

**Back to basics** helped me out.
I started to use more vanilla css instead of Scss.
I have tried almost all coding games. I decided I will stick into codewars because I will be able to translate my solutions into other languages as well.

![please remember](https://media.giphy.com/media/dZongPVfufls5DcmXr/giphy.gif)

I don't want to forget Kotlin ruby phython or php. But I want to focus on javascript and typescript next 99 days.

I didn't know it was that much easy to animate in core css3. I used animate.css so many times just to fade in objects.

day 01
Regular Processing
Tags: automata, theoryofcomputation, career
Published: 2019-12-14 05:29:33

In this practice is about compute an automaton and generate the synthetize for the regexp in Figure 1.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/t4voi8a22op9l8cgnihu.PNG)
                                   Figure 1.

After have a deterministic version of the automaton corresponding the regeexp on figure 1, the automaton will implement with the following design, the system states will be coded as non-negative integers, the sequence of events will be presented as a standard string, the indefiniteness of a state will be coded as -1.


The synthesis of the regexp

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/54eox6l1cngo6yznmkbm.PNG)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/0he7h93phpkcacsl7t9l.PNG)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/dfkfzvm0326wm3m3otgz.PNG)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/0d9zzhyr2uqgri62rr50.PNG)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/xbh7olt7n3cfc2fxxfn3.PNG)
A normalização do desenvolvimento medíocre de software
Published: 2019-12-14 04:14:50

Há 19 anos a Microsoft já sabia como fazer interfaces melhores do que 90% dos sistemas que são criados hoje em dia.

Inductive User Interface é relevante ate hoje, mas continua não sendo adotada pela desculpa mais comum entre empresas e profissionais da área de tecnologia: falta de tempo.

Isso me faz pensar que uma coisa vai levando a outra; Modelagem anêmica e o pensamento que tudo seria um grande CRUD.

Técnicas como Event Storming podem trazer para superfície a jornada do usuário no sistema. Essa jornada permite a utilização de task based actions na UI. Uma vez que as intenções do usuário são bem mapeadas, o sistema já esta um passo mais próximo de introduzir arquiteturas como CQRS e Event Sourcing.

Sua empresa tem um churn grande, pois os usuários não entendem como usar o sistema?

É possível obter um relatório de algum momento do passado do sistema?
Quer fazer machine learning com os dados, mas o que se tem sempre o estado atual do seu domínio (ou seriam apenas DTOs serializados numa base SQL?)

Enquanto fazer da melhor maneira possível for considerado “demorado”, “devaneio arquitetural” e “cerimônia hipster”, tempo continuará sendo o melhor argumento para entregas medíocres.

Se liga: MVP não é para sempre!
Instalação do Framework7
Tags: npm, javascript, framework7
Published: 2019-12-14 03:53:17

Olá novamente, quanto tempo, ein?

Nessa aula vamos instalar o Framework7. A melhor forma de começar a trabalhar com o Framework7 segundo a [documentação](https://framework7.io/cli/) é usando o Framework7 CLI, e é o que iremos fazer. 

CLI - Command Line Interface, ou para os mais íntimos: Interface de Linha de Comando. 

*Que danado é isso*?

Bom, na prática quer dizer que vamos ter que deixar o terminal aberto mais um pouquinho, hehe.

<img src="https://media.giphy.com/media/tnYri4n2Frnig/giphy.gif" />

##Instalando o Framework7 CLI

Basta voltarmos pro nosso terminal e executar o seguinte comando:

**npm install -g framework7-cli**

Obs.: talvez seja necessário rodar assim: 

**npm install -g framework7-cli --unsafe-perm=true --allow-root**

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/tbe5xfyx62hqihi94jj4.png)

Para testar a instalação rodaremos o comando **framework7 --version** e receberemos a versão instalada.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/xyneig4ebgut69uu13fb.png)

E pronto! Finalmente estamos com a *faca e o queijo* para iniciarmos nosso primeiro projeto.

<img src="https://media.giphy.com/media/13mbTHVskEHyGA/giphy.gif" />

Até o próximo artigo!
Preparação do Ambiente para o Framework7
Tags: javascript, framework7
Published: 2019-12-14 03:31:25

Olá a todos, estamos de volta com as aulas de Framework7.
 
Ajeite a postura, dê uma alongada e pegue um café ou um achocolatado, que hoje a gente hoje a gente só sai daqui com o ambiente *preparado*.

<img src="https://media.giphy.com/media/d4zHnLjdy48Cc/giphy.gif" />


###1. Instalação do NodeJS

Primeiramente: **O que danado é isso?** 

Não se preocupe muito com isso agora, basta saber que é a ferramenta que utilizaremos para gerenciar nossas dependências juntamente com o NPM (Node Package Manager - *Gerenciador de Pacotes do Node*).

####Como eu faço pra baixar?

Que bom que perguntou, basta acessar https://nodejs.org/ e baixar a versão **LTS** - a versão estável. 

Se estiver no Windows basta clicar nesse botão verdão, baixar, executar e fazer o conhecido esqueminha: *next->next->next*

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/fenecbjhutma259oaaxy.png)


Porém se estiver no Linux ou Mac, recomendo clicar em *Other downloads*, descer a telinha até o final, escolher **Installing Node.js via package manager** e seguir os passos para sua distribuição.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/a5dvm5cxdm6ke9t5w9y2.png)


Se todos estamos com o Node corretamente instalado faremos dois testes:

#####Primeiro Teste: Node
Abra o Terminal ou CMD do seu sistema e digite **node -v**, esse comando deve retornar a versão do Node instalada, que no meu caso é a *v12.13.1*.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/jim590r6gz4rawi24hng.png)

####Segundo Teste: NPM
AINDA NÃO FECHE O TERMINAL! Se acostume a deixá-lo sempre aberto!
Dessa vez executaremos o comando **npm -v** para verificarmos a instalação do NPM - que deve ter ocorrido junto da do Node automáticamente.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/i4sn1kljvo37k5vhje04.png)

Se deu tudo certo pra você, finalizamos assim essa primeira leva de preparação do ambiente. Nem foi tão difícil, né? No próximo artigo vamos instalar o Framework7 em si, fique ligado.

Ah, e tá com alguma dúvida? Não conseguiu instalar tudo certinho? Deixa no comentário seu problema que a gente ajuda.
Why is zoomed-in text red and blue?
Published: 2019-12-14 03:13:21

If we want to draw something on a computer screen, we do it by setting the colors of individual pixels:

![A pixel smiley face](https://thepracticaldev.s3.amazonaws.com/i/3sffe16ujle6fw45wc8e.png)

This is pretty useful, but it isn't great if we want to draw something like this:

![A diagonal line cutting across some pixel divisions](https://thepracticaldev.s3.amazonaws.com/i/vo6suq0dupc0ko41vg3f.png)

We can only set each pixel to one color, so in reality we might choose to set the pixels like this:

![An ugly attempt to align the diagonal to the pixel grid](https://thepracticaldev.s3.amazonaws.com/i/vrus84wc8te7beiufyre.png)

That's... not ideal. The boxiness of the pixel grid really cramps our style. Fortunately, there's a fact that helps us improve the situation.

When screen manufacturers create LCD screens, each pixel they make is built using three lights: a red, a green, and a blue. The lights are too small for your eye to distinguish, so the three primary colors blend together. When we set the color of a pixel, these three lights turn on or off accordingly.

![White pixel instructions](https://thepracticaldev.s3.amazonaws.com/i/vrus84wc8te7beiufyre.png)
<figcaption>We tell the screen to do this</figcaption>

![The white pixels turned to red, green, and blue](https://thepracticaldev.s3.amazonaws.com/i/8r1blf0o8xvt5awe95gm.png)
<figcaption>But it secretly does this instead</figcaption>

Since we know the arrangement of the little lights (the "subpixels"), we can fill in just half a pixel by giving it a funky color:

![Asking the computer to render some blue and red pixels along the boundaries of the diagonal line](https://thepracticaldev.s3.amazonaws.com/i/yrwm2mzcdf1k376qalko.png)
<figcaption>We're telling the computer to render red and blue, but it won't look that way!</figcaption>

![Our red and blue pixels have turned to subpixels to make the diagonal smooth](https://thepracticaldev.s3.amazonaws.com/i/50209gl946y7hwrvnw9p.png)
<figcaption>When rendered, the red and blue pixels become left-half and right-half pixels respectively. This looks a lot smoother!</figcaption>

Rendering half-pixels allows us to draw much more smoothly. In practice, this effect is most obvious when you zoom in on well-rendered text:

![Zoomed in text with red and blue subpixel trickery visible](https://thepracticaldev.s3.amazonaws.com/i/ailr20sth7a040gfogkq.png)

Pretty cool!
Charm the Python: Lambdas
Tags: python, beginners
Published: 2019-12-14 02:44:18

*If coding tutorials with math examples are the bane of your existence, keep reading. This series uses relatable examples like dogs and cats.*

---

## Lambda Function
Lambda functions are unnamed functions. This means it is not defined like a normal function.

Defining lambdas is similar to defining a regular function, but it has a different syntax.
```python
# syntax of a function
def name(args):

# syntax of lambda function
lambda args: expression  # can only have one expression
lambda args, args, args: expression  # may have multiple parameters
```

Note: Lambdas can only handle expressions. Expressions must have `return` values like numbers, `True`, and `False`

### Lambda, by Itself

```python
# A regular function
def add_two_numbers(a, b):
    return a + b

# Same function written as a lambda function
add_two_numbers = lambda a, b: a + b
```
Notice, both take args `a` and `b`, then add them together. The only difference is that the first one is defined as a function.

For my math loathing pals
```python
# A regular function
def generate_full_name(first_name, last_name):
    return first_name + ' ' + last_name

# Same function written as a lambda function
generate_full_name = lambda first_name, last_name: first_name + ' ' + last_name
```

### Lambda function inside other function

Lambda functions can be used inside of other functions.

```python
# future home of an example
# if you could help me with a simple example that would be badass
# a non-math example would be appreciated forever
# simple math would be cool too (something like 2+2)
```


---
#### Further Investigation
If all of this makes sense to you and you'd like a little more fanciness and excitement, lookup 'Self invoking lambda function'

---
Note: Lambdas are not something I'm really comfortable with. For more details check out [this thorough article about Lambdas in Python](https://www.afternerd.com/blog/python-lambdas/ 'Python Lambdas Explained With Examples').

---
Series based on {% post https://dev.to/asabeneh/30daysofpyton-challenge-43ii %}
Day 52 : Rare Thing
Tags: hiphop, code, coding, lifelongdev
Published: 2019-12-14 01:49:05

_liner notes_:
*Note: Definitely forgot to post yesterday. I went downtown for a show and did some work before going to a meetup that I didn't write the blog. Coming from the HIPHOP show, I remembered,but it was already the next day. haha It's a rare thing for me not to post.

- Professional : Today I got met with my manager and we talked about the things I did this week. I showed him the presentations from the research I did on Web Components, building Starter Applications and making a CLI tool. I demoed the CLI tool that I made to be able to select a starter application and have it pulled down from GitHub. Got some really good feedback from my manager on ways to improve it. Had a couple of more meetings. Pretty good day.

- Personal : Did some laundry. Worked on the radio show. Pretty much it. Still pretty tired from the meetup and show last night.  

![Aerial view of Breezy Coast with waves and palm trees](https://thepracticaldev.s3.amazonaws.com/i/xlo9043frdaebbaz3bul.png)

Thinking about spending a night in the van after the radio show on Saturday. I have an air mattress and could probably make it work. I normally don't leave the station till pretty late anyway because of the post show work to get the recording online. We'll see. Baby steps.

Have a great night and weekend!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube LuMxLSV253A %}
12 Days of Gitmas: Intro to Git
Tags: beginners, git, github
Published: 2019-12-14 01:19:49

*On the first day of Gitmas, my mentee asked of me... 
__could you explain Git, pretty please?__*

Welcome to the 12 Days of Gitmas!  

This twelve-part series will introduce you to Git, and teach you how to use it.  This series is aimed towards people who are new to Git or may have never heard of it before, but if you're looking for a refresher, you might enjoy this as well!

Since I'm assuming you readers have absolutely no experience or knowledge about Git, we're kicking off the first day of Gitmas with a basic introduction to Git.

So... what is Git?

Git is a version control system.

Er... what does that mean?

A version control system is something that enables you to save what you're working on at different points in time, and allows you to go back to previous versions at any time.  It also allows you to check what changes you've made since the previous save.

![gif of endless swirling clock](https://media.giphy.com/media/3ohhwiSbK4IdpTIB0Y/giphy.gif "It's like a time machine, for your code!")

When you initialize Git (I'll go into how to do this in the next post), it is initialized within a folder, and then used to track the changes made to all the files within that folder.  If you wanted, that folder could contain just a single file, but more often Git is used to track an entire project, such as a website.

When you initialize Git within a folder, this is now known as a repository, or repo for short.

(When you get to bigger projects, such as web apps for large companies that hundreds of people work on, the company might break the project up so you have different repositories for the frontend and the api, or even for different portions of the frontend.)

Git is great if you're working on a project by yourself.  Git is even better if you're working on a big project that lots of other people are working on, because it allows multiple people to work on the same files without overwriting someone else's work because you forgot to refresh, or having to wait on someone because they're working on the file you need.

![gif of four people jumping to high-five in the middle, with the word "Teamwork"](https://media.giphy.com/media/dSetNZo2AJfptAk9hp/giphy.gif "Teamwork makes the dream work... but Git keeps your team from throwing a fit!")

This was a very basic intro to Git - in future posts, I'll dive deeper into topics such as creating your first repository, sites like Github, what a pull request is, and lots more!  In the meantime, what questions do you have about Git?

If you have any questions about Git or requests for other topics you'd like to see me blog about, please leave a comment!  And if you're enjoying this series, consider supporting me on [Patreon](https://www.patreon.com/sushiday), following me on [Twitter](https://twitter.com/sushiday) or checking out my [Twitch](https://www.twitch.tv/sushicodes) [streams](https://www.twitch.tv/sushiday)!
No template for dependency: "ConstDependency"
Tags: webpack, angular, javascript
Published: 2019-12-14 00:43:59

Over the past years, I came across so many weird issues while developing and most of them I couldn't find any mentions or articles or even any stackoverflow posts.

Yesterday I had another one of these and since I want to write more articles why not create weird issues series? Welcome to the first part of this series :grin:

## `No template for dependency: "ConstDependency"` 

While trying to add a simple worker in angular, like:

```ts
const markdownWorker = () => new Worker('./markdown.worker.ts', {
  name: 'markdown',
  type: "module"
});
```

I got this error message.

Like I already wrote "no real results about it", just some for `No template for dependency:`.

I tried multiple times switching the angular version (9 rc5 / 6), which also meant deleting and reinstalling all packages.

-- still not working


I created a new project (different folder) it just works `out of box`.

Compared the angular.json / tsconfig / packages - copied even the app to the other folder , in that other folder everything is working fine.

Tracked down where message issue was written:
`/node_modules/@angular-devkit/build-angular/node_modules/webpack/lib/` => https://github.com/webpack/webpack/blob/v4.41.2/lib/JavascriptGenerator.js#L144-L152

Added a bit more outputs to that, and the issue was that the ConstDependency-constructor couldn't be found in the `dependencyTemplates`-Map. But my additional logs show that `dependencyTemplates` did actually had a `ConstDependency` key.

I rewrote the `const template = dependencyTemplates.get(dependency.constructor);` part to check for the constructor-names instead, and look it works. :tada:

I still don't understand why the contructor of `dependency` wasn't the same as in the map.

Checked my node version, maybe just an older version issue, updated to `12.13.1`.

I ran `npm prune`, and this folder `/node_modules/@angular-devkit/build-angular/node_modules/webpack/lib/` was gone!, after the many.. removal and `npm install`s  that folder was always there (throwing this issue)

Again started `ng serve` .... aaaand its gone! 

# :grin:

<hr>

Did **you** had any of those weird issues lately? Would like to read about those, and also like to know if you could fix it anyway. :)
Your odds of finding a REMOTE JOB as a junior developer
Tags: career, jobs, beginners
Published: 2019-12-14 00:40:20

---
title: Your odds of finding a REMOTE JOB as a junior developer
published: true
description: As a new developer, what are your odds of landing a remote position? 
tags: career, jobs, beginners, discuss
cover_image: https://thepracticaldev.s3.amazonaws.com/i/uy4hv4ryyeae17z9jywn.jpg
---

##This video originally appeared on YouTube. [Come follow me there!](https://www.youtube.com/realtoughcandy)

Whether we have loved ones at home who need our care, we're facing a brutal commute, or we just want to get some quality work done without the distraction of office dogs and ringing phones, working remotely has some serious benefits. 

But as a junior software developer, why are employers so hesitant to offer this option? 

And what can be done if you absolutely must work home? 

We're talking about remote work as a junior developer today.

<sub>If you absolutely must work from home, consider freelancing! (I have a [best-selling book](https://amzn.to/2NoNpZ2) and [top-rated video course](https://bit.ly/2HXgjuQ) that shows you exactly how to get started. </sub>