Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

Fino59/alurakut

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Alurakut - Imersão React


💻 - Preview

🎓 - Instrutores

📁💾 - Conteudos:

- Aula 01

  • Iniciamos um projeto com Create Next App;
  • Criamos components com React usando styled-components;
  • Organizamos as pastas do nosso projeto;
  • Passamos propriedades para components;
  • Fizemos deploy do seu Alurakut na Vercel.

- Aula 02

  • Entendemos o que é um SPA;
  • Conhecemos o hook useEffect;
  • Criamos formulários para cadastrar comunidade;
  • Fizemos deploy do Alurakut na Vercel.

- Aula 03

  • Aprendemos um pouco melhor sobre como funciona o protocolo HTTP;
  • Consumimos API do Github usando fetch para preencher os nossos amigos;
  • Conhecemos Promises e como lidar com o JSON;
  • Usamos o hook useEffect para lidar com código assíncrono;
  • Conhecemos o DatoCMS, o sistema de gestão de conteúdo que iremos utilizar na nossa aplicação;
  • Criamos os modelos dos conteúdos que iremos gerenciar no DatoCMS;
  • Criamos nossas comunidades pela interface do DatoCMS.

- Aula 04

  • Entendemos o que é XML e AJAX;
  • Usamos queries GraphQL para consumir os dados do DatoCMS;
  • Fizemos um BFF (Back-end For Front-end) para proteger nossos dados ao enviar dados para o servidor;
  • Criamos nossas comunidades pela interface do nosso Alurakut.

- Aula 05

  • Criamos a nossa página de Login;
  • Fizemos roteamento com Next.js;
  • Aprendemos como funciona o redirecionamento de páginas;
  • Criamos formulários com gerenciamento do estado do input;
  • Aprendemos a salvar cookies com o padrão JWT para autenticar nossa página;
  • Aprendemos a decodificar o nosso token para mostrar a nossa Home apenas para usuários autenticados;

💻 Linguagens e tecnologias utilizadas

css3 html5 javascript nodejs react git figma

About

The reimagination of the social network Orkut. Was made with React.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published