Certified Tech Developer (The Ultimate Degree) - Front End III

🗂 Módulos

1. Primeiros passos no React

• Aula 01 | Desde JavaScript Vanilla até o React

  • O que é React?
  • Set de ferramentas para trabalhar com React
  • Agregando React a uma página existente

• Aula 02 | Ferramentas e primeiro projeto

  • Integração de JSX no React
  • create-react-app e ViteJS
  • React Developer Tools
  • Hello World

• Aula 03 | Revisão e prática I

  • Integração de aulas 1 e 2.

2. Componentização no React

• Aula 04 | Pensando no React

  • Componentes funcionais vs componentes de classe
  • Reutilização de componentes (componentes puros)
  • O que são as props?
  • Prop children + fragment

• Aula 05 | Trabalhando com componentes

  • Conceito de imutabilidade
  • Prop key + map() lista de componentes
  • Estilos no React
    • CSS clássico
    • CSS modules

• Aula 06 | Revisão e prática II

  • Integração de aulas 4 e 5.

3. Conhecendo os hooks no React

• Aula 07 | Hooks

  • Introdução a Hooks
  • Hook: useState()
  • Comparação com state e setState()

• Aula 08 | Eventos e Formulários

  • Eventos no React
  • Formulários no React
  • Lembrando validações
  • Componentes controlados

• Aula 09 | Revisão e prática III

  • Integração de aulas 7 e 8.

• Aula 10 | Revisão geral

  • Revisão dos conceitos do React

• Aula 11 | Primeira avaliação

  • Primeira avaliação: Desafio de live coding (nas 2 horas de aula)

• Aula 12 | Colocação em comum

  • Troca a partir da avaliação prática.

4. Ciclo de vida dos componentes

• Aula 13 | Ciclo de Vida

  • Ciclo de vida no React
  • Hook: useEffect()
  • Comparando o ciclo de vida em componentes de classe

• Aula 14 | Requisições assíncronas no React

  • Requisições assíncronas no React (fetch / axios)
  • Integração com APIs através do useEffect
  • Hook: useCallback()
  • Hook: useMemo()

• Aula 15 | Revisão e Prática IV

  • Integração de aulas 13 e 14.

5. Navegação e testing no React

• Aula 16 | React Router

  • Instalação
  • Componentes do React Router v6
  • Criando uma rota
  • Links
  • Rotas parametrizadas
  • History API

• Aula 17 | Introdução ao testing no React

  • Instalação
  • Testing library e Jest
  • Tipos de teste

• Aula 18 | Revisão e Prática V

  • Integração de aulas 16 e 17.

6. Gerenciamento de estados globais

• Aula 19 | Estado global

  • Hook: useContext()
  • Provider e consumer

• Aula 20 | Estado Global com Storage

  • localStorage e sessionStorage
  • Hook: useReducer()

• Aula 21 | Revisão e Prática VI

  • Integração de aulas 19 e 20.

• Aula 22 | Avaliação final - Apresentação

  • Apresentação da avaliação final: desafio semanal

• Aula 23 | Custom Hooks

  • Construindo hooks customizados

• Aula 24 | Avaliação final - Entrega

  • Entrega da avaliação final.

7. Ferramentas

• Aula 25 | Mais utilitários no React

  • Gestão de erros
  • Utilitários

• Aula 26 | A importância do testing

  • TDD: Test Driven Development
  • Testing síncrono vs Testing assíncrono

• Aula 27 | Encerramento da disciplina

  • Encerramento da disciplina