/ReactJS-PretaLab-Santander

Parceria de PretaLab e Santander para impulsionar pessoas pretas na tecnologia.

Primary LanguageJavaScript

Ciclo Formativo PretaLab&Santander

Bem vindas ao módulo de React 🚀 com a Lis

Sobre o módulo

Nossas aulas serão divididas por pastas, ao final de cada aula, eu atualizarei o meu reposítório, para vocês conseguirem acompanhar (mas não é só para copiar hein.. é só para se basear).

Ao final de cada aula, atualize seu repositório.

O nosso projeto final será um portfólio feito em React e hospedado no Vercel App.

Para este módulo usaremos as seguintes tecnologias:

  • Visual Studio Code como ambiente de desenvolvimento.
  • Github como ferramenta de versionamento.
  • Vercel App para realizarmos o Deploy da nossa aplicação.

Planejamento

👩🏾‍💻 1 ✓ 04/12 | React - O que é e quem usa react? Olá, Mundo! Criando e entendendo o primeiro projeto react (create react app, react.render, estrutura de pastas, apagando arquivos padrão e jsx), Biblioteca x Framework

👩🏾‍💻 2 ✓ 06/12 | React - Componentes em react ; Props, estados

👩🏾‍💻 3 ✓ 09/12 | Autogestão - Aula prática / Monitoria

👩🏾‍💻 4 ✓ 11/12 | React - Listas e Keys (criando e mapeando dados no React)

👩🏾‍💻 5 ✓ 13/12 | React - Introdução aos Hooks e eventos (onChange e onClick)

👩🏾‍💻 6 ✓ 16/12 | Autogestão - Aula prática / Monitoria

~ ~ ~ 18/12 à 07/01/2024 RECESSO ~ ~ ~

👩🏾‍💻 7 ✓ 08/01 | React - Estados - useState, UseEffect - Context API (Consumindo API em react)

👩🏾‍💻 8 ✓ 10/01 | React - Estados - useState, UseEffect - Context API (Consumindo API em react)

👩🏾‍💻 9 ✓ 12/01 | Autogestão - Aula prática / Monitoria

👩🏾‍💻 10 ✓ 15/01 | React - Criando Rotas: react router dom, uselocation - SPA(Single Page Application), rotas aninhadas e dinâmicas

👩🏾‍💻 11 ✓ 17/01 | React - Como usar imagens em react, Como usar CSS em react(module e variáveis)

👩🏾‍💻 12 ✓ 20/01 | Autogestão - Aula prática / Monitoria

👩🏾‍💻 13 ✓ 22/01 | React - Importância dos testes unitários, introdução a TDD e pirâmide de testes, Instalação e Configuração (Jest, Prettier, ES Lint), Testes assíncronos, de funções

👩🏾‍💻 14 ✓ 24/01 | React - Testes assíncronos, de funções, testando: componentes, render.

👩🏾‍💻 15 ✓ 27/01 | Autogestão - Aula prática / Monitoria

👩🏾‍💻 16 ✓ 30/01 | React - Projeto final

👩🏾‍💻 17 ✓ 02/02 | React - Projeto final

👩🏾‍💻 18 ✓ 04/02 | React - Projeto final

Vai ser incrível caminharmos juntas! Qualquer dúvida ou sugestão, fale comigo!!!

Vamos nos conectar!


Feito com muito 🤎 por Lisandra Cruz