Pular para o conteúdo
af aprenda frontend
módulo 08 horizonte

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óduloO que o blog ganhou
HTMLestrutura semântica — article, section, nav, formulários
CSSestilo e layout — Flexbox, Grid, modo escuro, responsividade
JavaScriptcomportamento — curtidas, filtros, dados carregados com fetch
TypeScriptsegurança — tipos, interfaces, erros detectados antes de rodar
Reactcomponentes e estado — reutilização, declaratividade, roteamento
Testesconfianç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.dev foi 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.