O curso de Front-end em React aborda desde os conceitos básicos da Web e suas principais tecnologias até o React. A primeira parte do curso, trata das linguagens HTML, CSS, JavaScript/TypeScript, desde de seus conceitos mais básicos, até as estruturas mais avançadas e atuais, incluindo os paradigmas de orientação a objetos e programação funcional. Na segunda parte do curso, por fim, trata do React por meio da exposição dos seus conceitos fundamentais aliada a projetos práticos que exploram e aprofundam cada um desses conceitos.
- HTML e CSS:
- Instalações
- Exercício 1
- Arquitetura Cliente-Servidor para WEB
- Exercício 2
- HTML básico
- Exercício 3
- HTML Layout
- Exercício 4
- Projeto: Página estática
- JavaScript:
- Javascript Básico I (gerenciamento de memória dinâmica)
- Javascript Básico II (condicionais)
- Exercício 6
- Javascript Básico III (laços condicionais)
- Exercício 7
- Javascript Básico IV (laços numéricos)
- Exercício 8
- Javascript Básico V (funções)
- Exercício 9
- Javascript Intermediário I (funcional)
- Exercício 10
- Javascript Intermediário II (funcional)
- Exercício 11
- Javascript Avançado I (programação assíncrona)
- Exercício 12
- TypeScript, POO e Browser APIs:
- JSON
- Exercício 13
- API: introdução
- Exercício 14
- Consumo de API
- Exercício 15
- TypeScript I
- Exercício 16
- TypeScript II
- Exercício 17
- Programação Orientada a Objetos
- Exercício 18
- Browser API I
- Exercício 19
- Browser API II
- Exercício 20
- Projeto JS: Lista de Tarefas
- Projeto JS: Condições do Tempo
- React I: Introdução e Componentes em Classe:
- Introdução ao ReactJS
- Exercício 21
- React Legado I - Componentização
- Exercício 22
- React Legado II - Props e Estados
- Exercício 23
- React Legado III - Ciclo de vida
- Exercício 24
- React II: Componentes Funcionais e Hooks:
- React Funcional I - Componentes Funcionais e Estilização
- Exercício 25
- React Funcional II - Hook de estado
- Exercício 26
- React Funcional III - Hook de efeito
- Exercício 27
- React Funcional IV - Hook de referência
- Exercício 28
- React Funcional V - Hooks de memoização
- Exercício 29
- React Funcional VI - Hooks de contexto
- Exercício 30
- Styled Components:
- React + Styled Components I
- Exercício 31
- React + Styled Components II
- Redux:
- Redux I
- Exercício 32
- Redux II
- Redux III
- Testes e Deployment:
- Testes Unitários I
- Exercício 33
- Testes Unitários II
- Deployment
