Skip to content

Latest commit

 

History

24 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages