Roadmap Desenvolvedor Frontend

O que você vai aprender

1. 1. HTML e CSS

   HTML semântico e layout moderno com CSS, Flexbox e Grid.

   • HTML Semântico — Engenharia de Frontend · HTML Semântico
   • CSS, Flexbox e Grid — Engenharia de Frontend · CSS, Flexbox e Grid

2. 2. Acessibilidade e Design Responsivo

   Construa interfaces que todos conseguem usar, em qualquer tamanho de tela.

   • Acessibilidade — Engenharia de Frontend · Acessibilidade
   • Design Responsivo — Engenharia de Frontend · Design Responsivo

3. 3. Fundamentos de TypeScript

   Tipos primitivos e inferência, e quando usar interfaces ou type aliases.

   • Tipos Primitivos e Inferência — TypeScript · Tipos Primitivos e Inferência
   • Interfaces vs Types — TypeScript · Interfaces vs Types

4. 4. Fundamentos de React

   Componentes e JSX, props, estado e eventos, e os hooks useState e useEffect.

   • Componentes e JSX — React · Componentes e JSX
   • Props, Estado e Eventos — React · Props, Estado e Eventos
   • useState e useEffect — React · useState e useEffect

5. 5. Fundamentos de Testes

   Testes unitários com Arrange-Act-Assert, e depois testes de integração e end-to-end.

   • Testes Unitários e AAA — Testes e Qualidade · Testes Unitários e AAA
   • Testes de Integração e E2E — Testes e Qualidade · Testes de Integração e E2E

6. 6. JavaScript Assíncrono e DOM

   Promises, async/await e o event loop, além do DOM e do fetch.

   • Promises, Async e Event Loop — JavaScript · Promises, Async e Event Loop
   • DOM e Fetch — JavaScript · DOM e Fetch

7. 7. Renderização no Navegador e Performance Web

   Como os navegadores renderizam páginas e como fazê-las carregar e responder rápido.

   • Renderização no Navegador — Engenharia de Frontend · Renderização no Navegador
   • Performance Web — Engenharia de Frontend · Performance Web

8. 8. Busca de Dados e Formulários

   Busque e faça cache de dados do servidor com React Query e construa formulários com validação sólida.

   • Busca de Dados e React Query — React · Busca de Dados e React Query
   • Formulários e Validação — Engenharia de Frontend · Formulários e Validação

9. 9. Arquitetura e Segurança no Frontend

   Estruture frontends e seu estado, e proteja-os de ataques no lado do cliente.

   • Arquitetura Frontend e Estado — Engenharia de Frontend · Arquitetura Frontend e Estado
   • Segurança no Frontend — Engenharia de Frontend · Segurança no Frontend