Neste curso serão passados os fundamentos da programação front-end e como utilizar o React. Vamos dar os primeiros passos em React e depois passar por assuntos como Ciclo de Vida, Estilização de componentes, Rotas e API, e Gerenciamento de estados globais. Ao final espera-se que o aluno seja capaz de criar uma aplicação totalmente funcional em React.
Dominando Typescript
- Typescript - Funções (Promises)
- Typescript - Callbacks
- Typescript - Arrays (Map, Filter, Reducer, ForEach)
- Typescript - Objetos (Rest Operator, Destructuring)
- Typescript - Operadores
- Typescript - Booleans / Ternários
- Typescript - ESModules
Introdução a programação web
- HTTP
- HTML - Básico
- HTML - Semântico
- CSS - Básico/seletores
- Ambiente - Prettier, lint
- Typescript - O que é?
- Typescript - Variáveis
- Typescript - Interfaces/Types
Primeiros passos com React
- React - História / Motivação
- React - Árvore de elementos (React.CreateElement, DOOM)
- React - Boirplates / Compliadores (Webpack, CRA, babel)
- React - Class Components
Estilização de componentes
- React - CSS imports
- React - CSS Modules (Sass, Less)
- React - CSS-in-JS (styled-components, emotion)
- React - Componentização de elementos
Ciclo de vida do React e hooks
- React - JSX
- React - Estados ""antigos"" no react
- React - Lifecycle
- React - PropTypes e tipagem no Typescript
- React - API de Hooks
Rotas e consumo de APIs
- React - API's de rotas (react-router-dom)
Gerenciamento de estados globais
- React - Gerenciamento de estados globais (context API)
Feito com ☕ e 🖤 por Angélica Albuquerque