- AULA 01
- Iniciaremos um projeto com Create Next App;
- Criaremos components com React usando styled-components;
- Organizaremos as pastas do nosso projeto;
- Passaremos propriedades para components;
- Faremos deploy do seu Alurakut na Vercel.
- AULA 02
- Entender melhor o que é um SPA;
- Conhecer o hook useEffect;
- Criação do formulário para cadastrar comunidade;
- E sempre faremos deploy do seu Alurakut na Vercel.
- AULA 03
- Entender um pouco melhor sobre como funciona o protocolo HTTP;
- Consumir API do Github usando fetch para preencher os nossos amigos;
- Conhecendo Promises e como lidar com o JSON;
- Usar o hook useEffect para lidar com código assíncrono;
- Conhecer o DatoCMS, o sistema de gestão de conteúdo que iremos utilizar na nossa aplicação;
- Criar os modelos dos conteúdos que iremos gerenciar no DatoCMS;
- Criar nossas comunidades pela interface do DatoCMS.
- AULA 04
- Entenderemos o que é XML e AJAX;
- Usaremos queries GraphQL para consumir os dados do DatoCMS;
- Fazer um BFF (Back-end For Front-end) para proteger nossos dados ao enviar dados para o servidor;
- Criar nossas comunidades pela interface do nosso Alurakut.
- AULA 05
- Criar a nossa página de Login;
- Roteamento com Next.js;
- Como funciona o redirecionamento de páginas;
- Formulários com gerenciamento do estado do input;
- Salvar cookies com o padrão JWT para autenticar nossa página;
- Decodificar o nosso token para mostrar a nossa Home apenas para usuários autenticados;
-
AULA 01
-
AULA 02
-
AULA 03
-
AULA 04
-
AULA 05
-
projeto em na vercel: https://alurakut-eta.vercel.app/
-
api github: https://api.github.com/users/juunegreiros/followers
-
layout base: https://www.figma.com/file/xHF0n0qxiE2rqjqAILiBUB/Alurakut?node-id=58%3A0
-
códigos prontos: https://gist.github.com/juunegreiros/bbcd0de4af38bc37089e579ec74b0a9a
-
Qual a diferença entre forEach e map? https://www.youtube.com/watch?v=JbzcLKiTThk
-
Mario Souto - Github Pro + Eslint: https://www.youtube.com/watch?v=yMRSDdifGW8&t=2s
-
Criando Flappy Bird com JavaScript - Mario Souto: https://www.youtube.com/watch?v=jOAU81jdi-c&list=PLTcmLKdIkOWmeNferJ292VYKBXydGeDej
-
DatoCMS - https://www.datocms.com/
-
O que é CMS - https://www.youtube.com/watch?v=IZi6nogysRM
-
O que é wordpress? - https://www.youtube.com/watch?v=aiZSAn_2SJc
-
doc api github - https://docs.github.com/pt/rest
-
Ju Negreiros - Hello World com GraphQL - https://www.youtube.com/watch?v=RLP9MixVZvw
-
GraphQL - https://graphql.org/
-
Como fazer AJAX - https://medium.com/@omariosouto/entendendo-como-fazer-ajax-com-a-fetchapi-977ff20da3c6
-
Mario Souto - Variáveis de ambiente e segurança - https://www.youtube.com/watch?v=BP2KQtCyzo8
-
Datocms Graphql - https://www.datocms.com/docs/content-delivery-api/your-first-request
-
Sobre como usar o BFF - https://gist.github.com/juunegreiros/de40391093fe1f43ec2bb0777ecfa7f4
-
JWT - https://jwt.io/
-
Nookies - https://www.npmjs.com/package/nookies
-
Postman - https://www.postman.com/
-
Ju Negreiros - Destructuring - https://www.youtube.com/watch?v=f8a-qwKC5yk
-
Mario Souto - Rotas Next - https://www.youtube.com/watch?v=x5Hs8kXlktM
-
Mario Souto - Cookies e LocalStorage - https://www.youtube.com/watch?v=zSl_n-9yGRs
-
Mario Souto - SEO, Performance e Segurança no Front End - https://www.youtube.com/watch?v=76eEzmx3irs
-
Post - Como funciona import e export do Javascript - https://www.alura.com.br/artigos/como-funciona-o-import-e-export-do-javascript
-
React Router DOM - https://reactrouter.com/web/guides/quick-start