Roadmap Front-end · 6 etapas
Roadmap Front-end: o que estudar e em que ordem
Front-end é a parte do desenvolvimento web que cuida do que a pessoa vê e usa no navegador: telas, botões, formulários e navegação. Este roadmap front-end organiza em etapas o caminho até a primeira vaga.
Por equipe Nortly · Atualizado em
O que faz quem trabalha com front-end
Quem trabalha com front-end transforma um layout em uma interface que funciona em qualquer tamanho de tela, conversa com APIs para buscar e enviar dados e garante que o site seja rápido e acessível para todo mundo.
Combina com quem gosta de ver o resultado do trabalho na hora, tem interesse por design e experiência do usuário e curte resolver problemas visuais com lógica.
As 6 etapas do roadmap front-end
- 01
Fundamentos da web
Entenda como um site chega ao navegador e aprenda a estruturar e estilizar páginas.
- 02
JavaScript
A linguagem que dá comportamento às páginas. É a etapa que mais pesa no roadmap.
- 03
Ferramentas do dia a dia
O que todo time usa para versionar, instalar dependências e investigar problemas.
- 04
Framework e TypeScript
Aprenda o framework mais pedido nas vagas e a tipagem que deixa o código mais seguro.
- 05
Qualidade
O que separa um projeto de estudo de um projeto profissional.
- 06
Portfólio e mercado
Mostre o que você sabe fazer de um jeito que recrutadores entendam rápido.
O passo a passo completo de cada etapa fica no Nortly: o que estudar, em que ordem e o que praticar, ajustado ao seu nível.
Quero acessoQuanto tempo leva para aprender front-end
Com 1 a 2 horas de estudo por dia, muita gente leva de 6 a 12 meses para ter um portfólio pronto para vagas de estágio ou júnior. O tempo varia com a rotina e a base de cada pessoa.
Primeiras vagas na área
- Estágio em desenvolvimento front-end
- Desenvolvedor(a) front-end júnior
- Desenvolvedor(a) web júnior
Outros roadmaps de tecnologia
Ainda em dúvida sobre a área? Veja o guia de como começar na área de tecnologia.
Perguntas frequentes
Front-end é uma boa área para começar em tecnologia?
Sim. Front-end é uma das portas de entrada mais comuns em tecnologia porque o resultado do estudo aparece na tela desde o primeiro dia, o que ajuda a manter a motivação, e há muito material gratuito para aprender.
Preciso aprender React logo no começo?
Não. O ideal é dominar HTML, CSS e JavaScript antes de partir para o React. Quem pula os fundamentos costuma travar quando o framework mostra um erro que depende de entender JavaScript.
Qual a diferença entre front-end e back-end?
Front-end é a parte que roda no navegador e que a pessoa usa. Back-end é a parte que roda no servidor, com regras de negócio, banco de dados e APIs. Quem trabalha com as duas partes é chamado de full stack.