Neste curso iremos introduzir a programação de componentes React, APIs Express e comunicação com bases de dados Mongo e Firebase/Firestore.
Para a criação de aplicações React nós usaremos o Create React Applications ou CRA. No entanto, você também pode usar o Next.js ou o Remix ou o Vite (CRA atualmente não é mais sugerido pela documentação oficial do React).
| Aula | Assunto | Pasta | Vídeo |
|---|---|---|---|
| . | Introdução ao React | . | |
| 00 | Apresentação da Disciplina, ambiente de trabalho (VSCode e CodeSandBox), primeiros programas | 01-introduction/00_hello | VIDEO_00 |
| 01 | Funções internas | 01-introduction/01_functions | VIDEO_01 |
| 02 | Props | 01-introduction/02_props | VIDEO_02 |
| . | Atividade 00 | PDF_00 | ATV_00 |
| 03 | Hierarquia de props | 01-introduction/03_props_hierarquia | VIDEO_03 |
| 04 | Múltiplos componentes | 01-introduction/04_multiple | VIDEO_04 |
| 05 | props.children | 01-introduction/05_children | VIDEO_05 |
| . | Atividade 01 | PDF_01 | ATV_01 |
| 06 | Contextos | 01-introduction/06_context | VIDEO_06 |
| . | Atividade 02 | PDF_02 | ATV_02 |
| 07 | Local e Session Storage | 01-introduction/07_storage | VIDEO_07 |
| 08 | Comunicação pai e filho | 01-introduction/08_pai_filho | VIDEO_08 |
| 09 | Estados (classes e hooks) | 01-introduction/09_state_hook | VIDEO_09 |
| . | Atividade 03 | PDF_03 | ATV_03_Q01_A ATV_03_Q01_B ATV_03_Q2 |
| 10 | Axios | 01-introduction/10_axios | VIDEO_10 |
| 11 | Redux Toolkit | 02-redux | VIDEO_11 VIDEO_12 |
| 12 | Promises, Fetch & Async/Await | 03-promises-async | VIDEO_13 VIDEO_14 VIDEO_15 |
| EXTRA | useRef() | 01-introduction/11_useRef | VIDEO_16 |
| . | Atividade04 | PDF_04 | ATV_04_Q01-02 |
| PROVA | PRIMEIRA AVALIAÇÃO PARCIAL | PROVA 1 - PDF | XX |
| . | Material UI | . | |
| 13 | Introdução ao Flexbox | 04-mui/01-flebox | VIDEO_17 VIDEO_18 |
| 14 | Principais Componentes MUI, aplicação Login | 04-mui/02-signin | VIDEO_19 |
| 15 | CRUD: menu superior, cadastrar e listar | 04-mui/03-crud | VIDEO_20 VIDEO_21 VIDEO_22 VIDEO_23 |
| 16 | CRUD: editar, apagar | 04-mui/03-crud | VIDEO_24 |
| . | Express | . | |
| 17 | Express - Instalação, primeiro programa, LISTAR | 05-express/crud | VIDEO_25 |
| 18 | Express - CRUD - REGISTER | 05-express/crud | VIDEO_26 |
| 19 | Express - CRUD - UPDATE, DELETE, RETRIEVE | 05-express/crud | VIDEO_27 VIDEO_28 |
| 20 | Express - CRUD: conectando com o Front React | 05-express/crud & 04-mui/03-crud | VIDEO_29 |
| . | MONGODB e Mongoose + Express | ||
| 21 | MONGODB - Introdução ao MongoDB | MONGO-PDF | VIDEO_30 |
| 22 | MONGODB - Busca com critérios, CRUD | MONGO-PDF | VIDEO_30 |
| 23 | MONGOOSE - Express + Mongoose. Inserir e Listar. | express + mongoose | VIDEO_31 |
| 24 | MONGOOSE - Express + Mongoose. Editar, apagar e recuperar | express + mongoose | VIDEO_32 |
| . | Firebase | ||
| 25 | Firebase - Introdução - Express E5->E6 | express + firebase | VIDEO_33 |
| 26 | Firebase - Conexão com o Express + React | express + firebase | VIDEO_34 |
| PROVA | SEGUNDA AVALIAÇÃO PARCIAL | PROVA 2 - PDF | XX |
| PROVA | PRIMEIRA E SEGUNDA AP: SEGUNDA CHAMADA | ?? | XX |
| PROVA | PROVA FINAL | ?? | XX |