Curso·Curso em Vídeo
RecomendadoCurso de HTML5 e CSS3
Se você quer ver resultado na tela rápido, comece por aqui. Ideal para quem gosta de visual.
★★★★★Do zeroGratuito🇧🇷 Português⏱ 80h
#html#css#web#front-end
← Todas as trilhas
🎨
Iniciante
Front-end: sites e aplicações web
Front-end é a parte visual de sites e aplicativos web. É a área com mais material gratuito e a que dá resultado mais rápido: em poucas semanas você tem um site publicado. Esta trilha vai do HTML básico até JavaScript, passando pelas ferramentas que o mercado usa.
Para quem
- • quem gosta de design e visual
- • quem quer o primeiro emprego rápido
- • quem já fez a trilha Do Zero
Tempo estimado
⏱ 4 a 6 meses (1h por dia)
No final você
Você terá 3 ou 4 sites publicados no GitHub Pages, saberá JavaScript e estará pronto para aprender um framework como React.
- 1
HTML e CSS
A estrutura e o visual das páginas. Escolha um dos dois cursos (o do Curso em Vídeo é em português).
Curso·freeCodeCampRecomendadoResponsive Web Design Certification
100% prático, você programa no navegador. Em inglês, mas o texto é simples e ajuda a treinar o idioma.
★★★★★InicianteGratuito🇺🇸 Inglês⏱ 300h#html#css#web#front-end#certificadoCurso·RocketseatBomRocketseat Discover - Fundamentos gratuitos
Trilha gratuita bem produzida, visual bonito e comunidade ativa. Empurra bastante para o plano pago.
★★★★★Do zeroGratuito🇧🇷 Português⏱ 30h#html#css#javascript#front-endSite·FigmaRecomendadoFigma - Aprenda Figma (oficial)
A ferramenta padrão de design de produto, gratuita para uso pessoal. Tutoriais oficiais.
★★★★★Do zeroGratuito🇺🇸 Inglês⏱ referência#design#ux#ui#figma - 2
JavaScript
A linguagem que dá vida à página. Aqui o ritmo desacelera, é normal.
Curso·freeCodeCampRecomendadoJavaScript Algorithms and Data Structures
Fundamentos de JavaScript com centenas de exercícios. Cansativo em alguns trechos, mas sólido.
★★★★★InicianteGratuito🇺🇸 Inglês⏱ 300h#javascript#algoritmos#webSite·MozillaRecomendadoMDN Web Docs - Aprenda desenvolvimento web
A documentação oficial da web. Sempre que tiver dúvida de HTML, CSS ou JS, é aqui que você procura.
★★★★★InicianteGratuito🇧🇷 Português⏱ referência#html#css#javascript#documentação - 3
Git e portfólio
Publique cada projeto. Recrutador olha GitHub antes de currículo.
Artigo·GitHub DocsRecomendadoGit e GitHub para iniciantes - guia oficial
Guia oficial em português. Faça isso na primeira semana e nunca mais perca código.
★★★★★InicianteGratuito🇧🇷 Português⏱ 1h#git#github#versionamentoComunidade·GitHubRecomendadoGitHub
Onde seu código vai morar e onde recrutador vai olhar. Crie sua conta na primeira semana de estudo.
★★★★★InicianteGratuito🇺🇸 Inglês⏱ ferramenta#git#portfólio#open source#essencial - 4
Mapa da área e próximos passos
Veja o mapa completo de front-end para decidir o que estudar depois (React, TypeScript, etc.).
Site·roadmap.shBomroadmap.sh - Mapas de carreira em tecnologia
Mapas visuais de tudo que existe em cada área. Cuidado: pode assustar iniciante pela quantidade. Use como mapa, não como lista de tarefas.
★★★★★InicianteGratuito🇺🇸 Inglês⏱ referência#carreira#front-end#back-end#devops#dadosCurso·AluraBomAlura - Formações em tecnologia
Maior plataforma paga do Brasil. Vale a pena se você vai estudar todo dia. Se não, o conteúdo gratuito resolve por muito tempo.
★★★★★IniciantePago · assinatura anual🇧🇷 Português⏱ varia#front-end#back-end#dados#carreira#assinatura