O que estudar para aprender FrontEnd · FilipiRafael

Estou escrevendo este artigo para ajudar os que estão começando na área de programação e gostariam de um direcionamento para Front End. E neste post eu quero tentar direcionar você do zero até algum Framework web.

Passo 1 - Como a internet funciona?

Entender como a internet funciona "por baixo dos panos" é super importante e pode deixar seu dia a dia muito mais simples, aliás você vai trabalhar diretamente com internet e precisa conhecer os seguintes tópicos:

O que é o protocolo HTTP?
Como os navegadores funcionam?
Como funciona o DNS?
O que é uma hospedagem?

Passo 2 - Aprendendo o HTML

O que é uma tag?
O que são atributos?
Para que serve o DOCTYPE?
Como escrever HTML semântico?
O que é acessibilidade web?
Como escrever HTML bom para SEO?
Como criar formulários?
Convenções e boas práticas do HTML

Passo 3 - Aprendendo o CSS

Como funciona o CSS?
Qual a diferença entre CSS inline, externo e via tag style?
Como funciona o Flex Box?
Como funciona o Box Model?
Como funciona o CSS Grid?
Como criar um design responsivo com Media Queries.

Conforme for ganhando os conhecimentos acima, você pode ir desenvolvendo pequenos projetos, para colocar em prática tudo o que aprendeu.

Passo 4 - Aprendendo o JavaScript

Lógica de programação com JavaScript
Manipulação do DOM com JavaScript
Aprender Fetch API / Ajax (XHR)
O que é Hoisting?
O que é Prototype?

Antes de partir para os próximos conhecimentos, espero que você tenha colocado tudo em prática, tenha de fato criado páginas, no fim você pode hospedar gratuitamente no Github Pages ou Vercel e manter como portfólio.

Passo 5 - Conhecimentos necessários

Eu vou listar agora alguns conhecimentos e tecnologias que vão te ajudar quando começar a estudar e trabalhar dependendo do Framework que você escolher. E algumas coisas que eu listar, será apenas para você estudar, caso não conheça ainda, pois acabei não citando antes, pelo fato de que são ferramentas.

O que é o GIT e Github?
Aprender TypeScript
Aprender Node.js
O que são os gerenciadores de pacotes NPM e Yarn
Como funciona uma API?
Aprender o básico de SQL
Aprender GraphQL

Passo 6 - Aprender um Framework

Agora chegou a hora de você escolher um Framework web para começar, os mais famosos são Angular, Vue e React. Se você escolher React (Tecnologia na qual eu escolhi me especializar), você pode estudar futuramente o Next. E até mesmo começar a desenvolver aplicativos com React Native.

Esse caminho tem funcionado para mim, com ajuda de vários outros conhecimentos complementares. Por que estudar nunca é demais, mas nada como ter um direcionamento para não perder tempo. Se você tem algum Feedback não deixe de me contar, sendo esse o meu primeiro artigo vai me ajudar muito! 😁

Obrigado por ter me acompanhado até aqui, abraço!