Fim do curso — o percurso.
Uma retrospectiva do percurso — do modelo mental da web ao blog em React com testes automatizados.
O curso começou com uma pergunta: o que acontece entre digitar uma URL e pressionar Enter? Oito módulos depois, cada peça daquele caminho faz sentido do ponto de vista de quem escreve o código — não só de quem usa.
O que foi construído
O blog artigo.dev cresceu com cada módulo. Mesmo projeto, sete camadas progressivas:
| Módulo | O que o blog ganhou |
|---|---|
| HTML | estrutura semântica — article, section, nav, formulários |
| CSS | estilo e layout — Flexbox, Grid, modo escuro, responsividade |
| JavaScript | comportamento — curtidas, filtros, dados carregados com fetch |
| TypeScript | segurança — tipos, interfaces, erros detectados antes de rodar |
| React | componentes e estado — reutilização, declaratividade, roteamento |
| Testes | confiança — testes unitários, de componente e ponta-a-ponta |
Cada versão resolveu um problema que a anterior criava. HTML deu estrutura para o CSS estilizar. CSS deu aparência para o JavaScript interagir. JavaScript deu comportamento para o TypeScript tipar. TypeScript deu segurança para o React organizar. React deu componentes para os testes verificar.
O que cada tecnologia resolve
A sequência não é arbitrária — é a ordem em que cada camada depende da anterior:
HTML define o que o conteúdo é. Sem HTML, o browser não tem estrutura para estilizar ou manipular.
CSS define como o conteúdo aparece. Sem CSS, a página funciona mas não comunica.
JavaScript define o que a página faz. Sem JS, os dados são estáticos e a interação inexiste.
TypeScript detecta erros antes de rodar o código. Sem TS, erros de tipo aparecem só em produção.
React gerencia estado e UI de forma declarativa. Sem React, sincronizar DOM e estado manualmente escala mal.
Testes garantem que o código continua funcionando. Sem testes, cada mudança é um risco silencioso.
O próximo passo
O módulo anterior (Próximos passos) cobre frameworks, ferramentas e caminhos de carreira em detalhe. A decisão mais importante agora não é qual framework estudar — é publicar o blog.
Um projeto publicado com README claro e código organizado demonstra mais do que qualquer lista de tecnologias em um currículo. O próximo passo é o deploy.
Resumo
- O curso cobriu as fundações do frontend: Web, HTML, CSS, JavaScript, TypeScript, React e testes.
- O blog
artigo.devfoi construído em sete versões — cada uma adicionou uma camada sobre a anterior. - Cada tecnologia resolve um problema específico criado pela camada anterior.
- O próximo passo: publicar o blog, escolher um caminho e escrever código todos os dias.