front-end-do-zero

:notebook: Um guia de estudos acessível para se tornar front end :computer:

Este é um guia em construção baseado na minha experiência em aprender desenvolvimento Front End sozinha e com o apoio do Guia do desenvolvedor web

Começando do começo :smile:

Antes de tudo, acredito que é importante entender realmente como funciona a internet. E para isso, este video no Nexo faz tudo ficar muito claro.

Artigos importantes antes de iniciar os conteúdos técnicos:

• O que é front e back end - Programaria;
• Assumindo o papel de protagonista em nossa aprendizagem - William Oliveira;
• Conselhos que eu gostaria de ter ouvido quando mudei para tecnologia - Por eu mesma;
• O que é e pra que serve o protocolo HTTP? Quando eu uso ele? - Gabs Ferreira;

Videos importantes:

• Como estudar melhor - Alura;
• Produtividade para estudar - Alura;

Bases de computação:

• Como funcionam navegadores web - Alura;
• O que é esse tal de compilador? - Computação sem caô;

HTML & CSS

A verdade é que prédio nenhum se sustenta sem boas bases, e por isso, para construirmos algo muito bom para web precisamos partir de um bom começo. Muita gente por ai desvaloriza essas linguagens de marcação (você vai entender a diferença em breve), mas aprendendo e praticando dá para construir coisas incriveis como essa imagem aqui que foi feita APENAS com CSS.

• [Artigo] Linguagem de marcação x Linguagem de programação;
• [Curso gratuito] HTML 5 - Curso em vídeo;
• [Curso gratuito] CSS 3 - Node Studio Treinamentos;
• [Curso pago com valor acessível] FrontEnd básico, do zero a uma página com HTML e CSS - Fê Bernardo;
• [Curso gratuito] HTML & CSS - Ebanx;

Git & GitHub :octocat:

Você já deve ter ouvido sobre repositórios, open source, git/github. Pense no GitHub como o seu portifólio de código e para você "interagir" com ele você usa o Git. Nos links abaixo você saberá mais sobre.

• [Video] O que é GitHub - Bruno Germano;
• [Video] Diferenças de Git, GitHub e GitLab - Alura;
• [Artigo] Plano para estudar Git e GitHub enquanto aprende programação - Training Center;
• [Video] Git e GitHub para iniciantes - Loiane Groner;
• [Curso] Git e GitHub para iniciantes - William Justen;
• [Artigo] Introdução ao terminal - William Oliveira;
• [Video] Como usar Git e Github na prática - Rocketseat;

JavaScript

• [Artigo] 10 dicas para se tornar Ninja em Javascript - Glaucia Lemos;
• [Curso] Javascript - Rocketseat;
• [Video] O que é API? REST e RESTful? - Rocketseat;