Plano de Ensino 📅
Curso: Desenvolvimento Frontend com React
Ementa
- Módulo 1: Fundamentos e Essenciais: Evolução do frontend, JSX, componentes funcionais, props e ciclo de vida.
- Módulo 2: Estilização e Layout: CSS Modules, Styled Components, Tailwind CSS e organização arquitetural.
- Módulo 3: Navegação e Gerenciamento de Dados: React Router, consumo de APIs REST (Fetch/Axios) e estado global (Context/Redux).
- Módulo 4: Performance e Qualidade: Otimização (useMemo/useCallback), testes no frontend e deploy em produção.
Cronograma (16 Aulas)
Módulo 1: Fundamentos e Essenciais
- Aula 01: Introdução ao Frontend Moderno e Ambiente
- Aula 02: Fundamentos do React e JSX
- Aula 03: Estado (useState) e Manipulação de Eventos
- Aula 04: Ciclo de Vida e Hook useEffect
Módulo 2: Estilização e Componentização
- Aula 05: Estilização em React (CSS, Modules, Tailwind)
- Aula 06: Componentização Avançada e Arquitetura
- Aula 07: Listas, Keys e Renderização Condicional
Módulo 3: Navegação e Gerenciamento de Dados
- Aula 08: React Router e Conceito de SPA
- Aula 09: Consumo de API REST (Fetch e Axios)
- Aula 10: Gerenciamento de Estado Global (Context API)
- Aula 11: Formulários Avançados (React Hook Form)
Módulo 4: Performance e Integração Final
- Aula 12: Performance, Otimização e Lazy Loading
- Aula 13: Testes no Frontend (Jest e Testing Library)
- Aula 14: Integração com Backend e Autenticação JWT
- Aula 15: Build de Produção e Estratégias de Deploy
- Aula 16: Projeto Final Integrado
Avaliação
- Exercícios: 16 listas de exercícios (básicos, intermediários e desafios).
- Projetos: 16 mini-projetos aplicados por aula.
- Quizzes: 16 quizzes rápidos para fixação de conceitos.
- Projeto Integrador: Desenvolvimento de uma aplicação React completa e funcional para portfólio.