React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]

3. Introdução ao NextJS.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/3. Introdução ao NextJS.mp4

1.1 Site do Curso.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/1.1 Site do Curso.html

2. Dinâmica do curso, módulos e perguntas.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/2. Dinâmica do curso, módulos e perguntas.mp4

2.1 Canal do YouTube para Lives.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/2.1 Canal do YouTube para Lives.html

2.2 Slack do Curso.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/2.2 Slack do Curso.html

1. Introdução.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/1. Introdução.mp4

3.1 Slides do vídeo (inclui outros links).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/3.1 Slides do vídeo (inclui outros links).html

4. Introdução ao GraphQL.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/4. Introdução ao GraphQL.mp4

4.1 Slides do vídeo (inclui outros links).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/4.1 Slides do vídeo (inclui outros links).html

5. Introdução ao GraphQL Clients.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/5. Introdução ao GraphQL Clients.mp4

5.1 Slides do vídeo (inclui outros links).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/5.1 Slides do vídeo (inclui outros links).html

6. Introdução ao Strapi - Headless CMS.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/6. Introdução ao Strapi - Headless CMS.mp4

6.1 Slides do vídeo (inclui outros links).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/6.1 Slides do vídeo (inclui outros links).html

7. Introdução ao CSS-in-JS.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/7. Introdução ao CSS-in-JS.mp4

7.1 Slides do vídeo (inclui outros links).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/7.1 Slides do vídeo (inclui outros links).html

8. Introdução a Testes de Software.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/8. Introdução a Testes de Software.mp4

8.1 Slides do vídeo (inclui outros links).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/1. Módulo 1 Introdução Teórica/8.1 Slides do vídeo (inclui outros links).html

1. Requisitos para o projeto.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/1. Requisitos para o projeto.mp4

2. Criando o boilerplate com create-next-app.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/2. Criando o boilerplate com create-next-app.mp4

3. Configurando o TypeScript no NextJS.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/3. Configurando o TypeScript no NextJS.mp4

4. Configurando o .editorconfig.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/4. Configurando o .editorconfig.mp4

5. Configurando o Eslint.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/5. Configurando o Eslint.mp4

6. Configurando o Prettier com o Eslint.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/6. Configurando o Prettier com o Eslint.mp4

7. Configurando um git hook com Husky e Lint-Staged.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/7. Configurando um git hook com Husky e Lint-Staged.mp4

8. Instalando e configurando o Jest com TypeScript.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/8. Instalando e configurando o Jest com TypeScript.mp4

9. Instalando o React Testing Library e escrevendo primeiros testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/9. Instalando o React Testing Library e escrevendo primeiros testes.mp4

10. Usando o findRelatedTests para rodar somente testes necessários.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/10. Usando o findRelatedTests para rodar somente testes necessários.mp4

11. Instalando o Styled Components e configurando o SSR.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/11. Instalando o Styled Components e configurando o SSR.mp4

12. Criando estilos globais com createGlobalStyle.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/12. Criando estilos globais com createGlobalStyle.mp4

13. Criando estilos no primeiro componente.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/13. Criando estilos no primeiro componente.mp4

14. Melhorando snapshots com Jest-styled-components.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/14. Melhorando snapshots com Jest-styled-components.mp4

15. Configurando o Storybook e escrevendo stories.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/15. Configurando o Storybook e escrevendo stories.mp4

16. Migrando Storybook para versão 6.x.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/16. Migrando Storybook para versão 6.x.mp4

17. Usando Storybook Essentials e Controls.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/17. Usando Storybook Essentials e Controls.mp4

18. Configurando o PWA.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/18. Configurando o PWA.mp4

19. Iniciando um projeto através do nosso boilerplate.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/19. Iniciando um projeto através do nosso boilerplate.mp4

20. Extra PR - corrigindo cobertura de testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/20. Extra PR - corrigindo cobertura de testes.mp4

21. Extra Servindo estáticos corretamente no build do Storybook.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/21. Extra Servindo estáticos corretamente no build do Storybook.mp4

22. Extra Mantendo o boilerplate com atualizado usando Dependabot e Github Actions.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/22. Extra Mantendo o boilerplate com atualizado usando Dependabot e Github Actions.mp4

23. Extra Automatizando criação de arquivos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/23. Extra Automatizando criação de arquivos.mp4

24. FIX Corrigindo configuração do jest-styled-components.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/24. FIX Corrigindo configuração do jest-styled-components.mp4

25. FIX Definindo typings para o jest-styled-components.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/25. FIX Definindo typings para o jest-styled-components.mp4

html.zip

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/2. Módulo 1 Criando nosso Boilerplate do NextJS/html.zip

1. Strapi por debaixo dos panos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/1. Strapi por debaixo dos panos.mp4

1.1 Roadmap do Strapi.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/1.1 Roadmap do Strapi.html

1.2 Site do Buffet.js (Design Style do Strapi).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/1.2 Site do Buffet.js (Design Style do Strapi).html

1.3 Site oficial do Lerna (Monorepo).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/1.3 Site oficial do Lerna (Monorepo).html

1.4 Site oficial do Strapi.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/1.4 Site oficial do Strapi.html

1.5 Site oficial do Strapi.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/1.5 Site oficial do Strapi.html

1.6 Repositório do Strapi.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/1.6 Repositório do Strapi.html

1.7 Knex (SQL Query Builder).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/1.7 Knex (SQL Query Builder).html

2. Requisitos para o Strapi.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/2. Requisitos para o Strapi.mp4

2.1 Como instalar com a CLI.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/2.1 Como instalar com a CLI.html

2.2 Como instalar com o Docker.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/2.2 Como instalar com o Docker.html

2.3 Instalando bancos no WSL 2.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/2.3 Instalando bancos no WSL 2.html

2.4 Site oficial do Docker.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/2.4 Site oficial do Docker.html

2.5 Documentação oficial Strapi - Instalação.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/2.5 Documentação oficial Strapi - Instalação.html

2.6 Site oficial do PostgreSQL - Download.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/2.6 Site oficial do PostgreSQL - Download.html

3. Comandos do PostgreSQL.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/3. Comandos do PostgreSQL.mp4

3.1 Instalando PostgreSQL no Windows WSL.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/3.1 Instalando PostgreSQL no Windows WSL.html

3.2 Comandos do PostgreSQL.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/3.2 Comandos do PostgreSQL.html

4. Iniciando o Strapi local.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/4. Iniciando o Strapi local.mp4

4.1 Instalando utilizando a CLI e PostgreSQL local.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/4.1 Instalando utilizando a CLI e PostgreSQL local.html

5. Iniciando o Strapi com Docker (opcional).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/5. Iniciando o Strapi com Docker (opcional).mp4

5.1 Instalando Docker no WSL2.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/5.1 Instalando Docker no WSL2.html

5.2 Imagem do Strapi no Docker Hub.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/5.2 Imagem do Strapi no Docker Hub.html

5.3 Imagem do Strapi Docker no Github.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/5.3 Imagem do Strapi Docker no Github.html

5.4 Instalando o Docker no Linux (Ubuntu).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/5.4 Instalando o Docker no Linux (Ubuntu).html

5.5 Site oficial Docker - Downloads.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/5.5 Site oficial Docker - Downloads.html

6. Apresentação do projeto da Landing Page.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/6. Apresentação do projeto da Landing Page.mp4

6.1 Site oficial do Heroku (host do backend).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/6.1 Site oficial do Heroku (host do backend).html

6.2 Repositório da Landing Page (sem API).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/6.2 Repositório da Landing Page (sem API).html

6.3 Playlist sobre o Netlify.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/6.3 Playlist sobre o Netlify.html

6.4 Site oficial do Netlify (host estático).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/6.4 Site oficial do Netlify (host estático).html

7. Apresentação do CMS do Strapi.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/7. Apresentação do CMS do Strapi.mp4

7.1 Repositório da Landing Page API (Strapi).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/7.1 Repositório da Landing Page API (Strapi).html

8. Arquivos iniciais do Strapi.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/8. Arquivos iniciais do Strapi.mp4

8.1 Repositório da Landing Page API (Strapi).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/8.1 Repositório da Landing Page API (Strapi).html

9. Fields do Strapi.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/3. Módulo 2 Iniciando com Strapi/9. Fields do Strapi.mp4

1. Criando logo e componente de Header.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/1. Criando logo e componente de Header.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/1.1 Código feito na aula.html

2. Criando Section About Project - Rich Text.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/2. Criando Section About Project - Rich Text.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/2.1 Código feito na aula.html

3. Criando Section Tech - Repeatable Component.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/3. Criando Section Tech - Repeatable Component.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/3.1 Código feito na aula.html

4. Criando Section Concepts.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/4. Criando Section Concepts.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/4.1 Código feito na aula.html

5. Criando Section Modules.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/5. Criando Section Modules.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/5.1 Código feito na aula.html

6. Criando Agenda e Pricing Box - reutilizando componente já criado.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/6. Criando Agenda e Pricing Box - reutilizando componente já criado.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/6.1 Código feito na aula.html

7. Criando Collection Type para Authors.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/7. Criando Collection Type para Authors.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/7.1 Código feito na aula.html

8. Adicionando campo faltante em Authors.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/8. Adicionando campo faltante em Authors.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/8.1 Código feito na aula.html

9. Criando relations (has many).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/9. Criando relations (has many).mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/9.1 Código feito na aula.html

10. Criando Section Reviews.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/10. Criando Section Reviews.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/10.1 Código feito na aula.html

11. Criando Section FAQ.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/11. Criando Section FAQ.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/11.1 Código feito na aula.html

12. Atualizando Strapi para 3.0.6 (se já possuir essa versão ou maior, ignore).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/12. Atualizando Strapi para 3.0.6 (se já possuir essa versão ou maior, ignore).mp4

12.1 Migration Guides do Strapi.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/12.1 Migration Guides do Strapi.html

12.2 Release do Strapi 3.0.6.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/12.2 Release do Strapi 3.0.6.html

12.3 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/12.3 Código feito na aula.html

13. Adicionando um plugin customizado (CKEditor).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/13. Adicionando um plugin customizado (CKEditor).mp4

13.1 Plugin do CKeditor5.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/13.1 Plugin do CKeditor5.html

14. Importando e Exportando dados no PostgreSQL.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/14. Importando e Exportando dados no PostgreSQL.mp4

14.1 Documentação do psql.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/14.1 Documentação do psql.html

14.2 Zip com uploads e dump.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/14.2 Zip com uploads e dump.html

14.3 Documentaçãp dp pg_dump.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/14.3 Documentaçãp dp pg_dump.html

15. Permissões para rotas de Rest API.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/15. Permissões para rotas de Rest API.mp4

1. Transformando API em GraphQL.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/1. Transformando API em GraphQL.mp4

2. Criando primeiras queries do GraphQL.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/2. Criando primeiras queries do GraphQL.mp4

2.1 Site oficial do GraphQL.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/2.1 Site oficial do GraphQL.html

2.2 Acesse o GraphQL via localhost1337graphql.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/2.2 Acesse o GraphQL via localhost1337graphql.html

2.3 Documentação de fields do GraphQL.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/2.3 Documentação de fields do GraphQL.html

3. Escrevendo Queries parametrizadas com variáveis.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/3. Escrevendo Queries parametrizadas com variáveis.mp4

3.1 Documentação do GraphQL - arguments.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/3.1 Documentação do GraphQL - arguments.html

4. Utilizando Fragments no GraphQL.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/4. Utilizando Fragments no GraphQL.mp4

4.1 Documentação do GraphQL - Fragments.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/4.1 Documentação do GraphQL - Fragments.html

5. Aliases no GraphQL.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/5. Aliases no GraphQL.mp4

5.1 Documentação do GraphQL - aliases.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/5.1 Documentação do GraphQL - aliases.html

6. Criando primeira mutation para atualizar dados (updateAuthor).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/6. Criando primeira mutation para atualizar dados (updateAuthor).mp4

7. Criando mutations parametrizadas.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/7. Criando mutations parametrizadas.mp4

8. Criando primeira mutation para criar dados (createAuthor).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/8. Criando primeira mutation para criar dados (createAuthor).mp4

9. Deletando dados com mutation.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/5. Módulo 2 (extra) Introdução ao GraphQL/9. Deletando dados com mutation.mp4

1. Vendo o código da Landing Page e clonando o projeto.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/1. Vendo o código da Landing Page e clonando o projeto.mp4

1.1 Repositório da Landing Page.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/1.1 Repositório da Landing Page.html

2. Criando o GraphQLClient.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/2. Criando o GraphQLClient.mp4

2.1 Repositório do GraphQL-Request.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/2.1 Repositório do GraphQL-Request.html

2.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/2.2 Código feito na aula.html

3. Criando a primeira query no Frontend.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/3. Criando a primeira query no Frontend.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/3.1 Código feito na aula.html

4. Fazendo o fetch dos primeiros dados (Data Fetching - getStaticProps).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/4. Fazendo o fetch dos primeiros dados (Data Fetching - getStaticProps).mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/4.1 Código feito na aula.html

4.2 Data Fetching NextJS.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/4.2 Data Fetching NextJS.html

5. Criando Types para a API e mostrando primeiros dados em tela.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/5. Criando Types para a API e mostrando primeiros dados em tela.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/5.1 Código feito na aula.html

6. Criando variáveis de ambiente.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/6. Criando variáveis de ambiente.mp4

6.1 Documentação do NextJS - Environment Variables.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/6.1 Documentação do NextJS - Environment Variables.html

6.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/6.2 Código feito na aula.html

7. Tornando o header dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/7. Tornando o header dinâmico.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/7.1 Código feito na aula.html

8. Tornando o SectionAboutProject dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/8. Tornando o SectionAboutProject dinâmico.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/8.1 Código feito na aula.html

9. Tornando o SectionTech dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/9. Tornando o SectionTech dinâmico.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/9.1 Código feito na aula.html

10. Tornando o SectionConcepts dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/10. Tornando o SectionConcepts dinâmico.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/10.1 Código feito na aula.html

11. Tornando o SectionModules dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/11. Tornando o SectionModules dinâmico.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/11.1 Código feito na aula.html

12. Tornando o SectionAgenda dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/12. Tornando o SectionAgenda dinâmico.mp4

13. Tornando o PricingBox dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/13. Tornando o PricingBox dinâmico.mp4

13.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/13.1 Código feito na aula.html

14. Tornando o SectionAboutUs dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/14. Tornando o SectionAboutUs dinâmico.mp4

14.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/14.1 Código feito na aula.html

15. Tornando o SectionReviews dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/15. Tornando o SectionReviews dinâmico.mp4

15.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/15.1 Código feito na aula.html

16. Tornando o SectionFaq dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/16. Tornando o SectionFaq dinâmico.mp4

16.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/16.1 Código feito na aula.html

1. Sobre os serviços utilizados.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/1. Sobre os serviços utilizados.mp4

1.1 Site oficial do Netlify.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/1.1 Site oficial do Netlify.html

1.2 Site oficial do Heroku (host do backend).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/1.2 Site oficial do Heroku (host do backend).html

2. Configurando e subindo o projeto no Heroku.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/2. Configurando e subindo o projeto no Heroku.mp4

2.1 Instalando Heroku no WSL.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/2.1 Instalando Heroku no WSL.html

2.2 Guia de deploy no Strapi.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/2.2 Guia de deploy no Strapi.html

2.3 Guia de deploy no Strapi - Heroku.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/2.3 Guia de deploy no Strapi - Heroku.html

3. Fazendo dump de local para produção (OPCIONAL).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/3. Fazendo dump de local para produção (OPCIONAL).mp4

3.1 Site oficial da Cloudinary.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/3.1 Site oficial da Cloudinary.html

3.2 Site oficial da AWS.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/3.2 Site oficial da AWS.html

3.3 ImportandoExportando dados PostgreSQL no Heroku.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/3.3 ImportandoExportando dados PostgreSQL no Heroku.html

3.4 Dump dos dados na minha S3.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/3.4 Dump dos dados na minha S3.html

4. Instalando um provider de estáticos (AWS S3).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/4. Instalando um provider de estáticos (AWS S3).mp4

4.1 Guia do Strapi para utilizar Providers.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/4.1 Guia do Strapi para utilizar Providers.html

4.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/4.2 Código feito na aula.html

4.3 Lista de Providers disponíveis.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/4.3 Lista de Providers disponíveis.html

5. Subindo o estático Next para o Netlify.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/5. Subindo o estático Next para o Netlify.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/5.1 Código feito na aula.html

5.2 Playlist sobre o Netlify.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/5.2 Playlist sobre o Netlify.html

6. Criando um webhook para trigger de deploy no Netlify.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/6. Criando um webhook para trigger de deploy no Netlify.mp4

6.1 Environments no Strapi.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/6.1 Environments no Strapi.html

6.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/7. Módulo 2 (extra) Colocando a Landing Page em produção/6.2 Código feito na aula.html

1. Migrando o Strapi da 3.0.x para 3.1.x (a versão com permissões de usuário!).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/8. Módulo 2 (extra) Strapi - Atualizações e Migrações/1. Migrando o Strapi da 3.0.x para 3.1.x (a versão com permissões de usuário!).mp4

1.1 Blog post sobre o lançamento.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/8. Módulo 2 (extra) Strapi - Atualizações e Migrações/1.1 Blog post sobre o lançamento.html

1.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/8. Módulo 2 (extra) Strapi - Atualizações e Migrações/1.2 Código feito na aula.html

1.3 Guia de migração.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/8. Módulo 2 (extra) Strapi - Atualizações e Migrações/1.3 Guia de migração.html

2. Configurando permissões de usuário (Super Admin, Author, Editor).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/8. Módulo 2 (extra) Strapi - Atualizações e Migrações/2. Configurando permissões de usuário (Super Admin, Author, Editor).mp4

3. Migrando o Strapi para a 3.1.5.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/8. Módulo 2 (extra) Strapi - Atualizações e Migrações/3. Migrando o Strapi para a 3.1.5.mp4

3.1 Slack do Curso.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/8. Módulo 2 (extra) Strapi - Atualizações e Migrações/3.1 Slack do Curso.html

3.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/8. Módulo 2 (extra) Strapi - Atualizações e Migrações/3.2 Código feito na aula.html

1. Apresentação do projeto da API da Won Games.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/1. Apresentação do projeto da API da Won Games.mp4

1.1 API completa do projeto.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/1.1 API completa do projeto.html

2. Inicializando o Strapi.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/2. Inicializando o Strapi.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/2.1 Código feito na aula.html

2.2 PostgreSQL create user.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/2.2 PostgreSQL create user.html

2.3 PostgreSQL create database.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/2.3 PostgreSQL create database.html

2.4 Documentação do Strapi para inicializar com a CLI.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/2.4 Documentação do Strapi para inicializar com a CLI.html

3. Criando a primeira Collection Type - Categories.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/3. Criando a primeira Collection Type - Categories.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/3.1 Código feito na aula.html

3.2 Figma do projeto.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/3.2 Figma do projeto.html

4. Criando Collection Type - Platforms.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/4. Criando Collection Type - Platforms.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/4.1 Código feito na aula.html

5. Criando Collection Type - Developers.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/5. Criando Collection Type - Developers.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/5.1 Código feito na aula.html

6. Criando Collection Type - Publishers.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/6. Criando Collection Type - Publishers.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/6.1 Código feito na aula.html

7. Criando Collection Type - Games.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/7. Criando Collection Type - Games.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/7.1 Código feito na aula.html

8. Entendendo e criando Relations - One to Many, Many to Many....mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/8. Entendendo e criando Relations - One to Many, Many to Many....mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/8.1 Código feito na aula.html

9. Configurando o plugin de GraphQL.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/9. Configurando o plugin de GraphQL.mp4

10. Configurando o editor para CKEditor.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/10. Configurando o editor para CKEditor.mp4

10.1 Plugin do CKeditor5.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/9. Módulo 2 Criando a API para o Ecommerce (Won Games)/10.1 Plugin do CKeditor5.html

1. Introdução a customização.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/1. Introdução a customização.mp4

2. Documentação do Strapi sobre Customização.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/2. Documentação do Strapi sobre Customização.mp4

2.1 Documentação sobre customização.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/2.1 Documentação sobre customização.html

2.2 Pacote do strapi-admin no Github.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/2.2 Pacote do strapi-admin no Github.html

3. Customizando a Logo da página de LoginPasswordRegister.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/3. Customizando a Logo da página de LoginPasswordRegister.mp4

3.1 Código feito na aula (INCLUI IMAGENS).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/3.1 Código feito na aula (INCLUI IMAGENS).html

4. Editando o favicon.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/4. Editando o favicon.mp4

4.1 Código feito na aula (INCLUI IMAGENS).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/4.1 Código feito na aula (INCLUI IMAGENS).html

5. Removendo ícone de tutoriais.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/5. Removendo ícone de tutoriais.mp4

5.1 Documentação sobre tutorial videos.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/5.1 Documentação sobre tutorial videos.html

5.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/5.2 Código feito na aula.html

6. Mudando a logo do menu esquerdo.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/6. Mudando a logo do menu esquerdo.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/6.1 Código feito na aula.html

7. Themes do Strapi e mudando o background color do LeftMenuHeader.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/7. Themes do Strapi e mudando o background color do LeftMenuHeader.mp4

8. Refatorando o styled component para uma forma mais organizada.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/8. Refatorando o styled component para uma forma mais organizada.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/8.1 Código feito na aula.html

9. Customizando o background de todo o LeftMenu.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/9. Customizando o background de todo o LeftMenu.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/9.1 Código feito na aula.html

10. Customizando o LeftMenuLinkSection e identificando elementos com React DevTools.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/10. Customizando o LeftMenuLinkSection e identificando elementos com React DevTools.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/10.1 Código feito na aula.html

11. Customizando o hover dos links do menu.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/11. Customizando o hover dos links do menu.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/11.1 Código feito na aula.html

12. Customizando o MenuLeftFooter.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/12. Customizando o MenuLeftFooter.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/12.1 Código feito na aula.html

13. Customizando a Home Page.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/13. Customizando a Home Page.mp4

13.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/10. Módulo 2 Customizando o Admin do Strapi para a Won Games/13.1 Código feito na aula.html

1. Introdução ao plugin (repositories).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/1. Introdução ao plugin (repositories).mp4

1.1 Site do Buffet.js (Design Style do Strapi).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/1.1 Site do Buffet.js (Design Style do Strapi).html

1.2 Documentação do desenvolvimento de plugins locais.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/1.2 Documentação do desenvolvimento de plugins locais.html

2. Gerando o esqueleto do plugin.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/2. Gerando o esqueleto do plugin.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/2.1 Código feito na aula.html

2.2 Documentação sobre plugins (quickstart).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/2.2 Documentação sobre plugins (quickstart).html

3. Modificando ícone e nome no menu.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/3. Modificando ícone e nome no menu.mp4

3.1 API do objeto de plugins.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/3.1 API do objeto de plugins.html

3.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/3.2 Código feito na aula.html

4. Criando a página e a lógica do plugin.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/4. Criando a página e a lógica do plugin.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/4.1 Código feito na aula.html

4.2 Custom Table - Buffet.js.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/4.2 Custom Table - Buffet.js.html

4.3 CORREÇÃO do código!.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/4.3 CORREÇÃO do código!.html

4.4 Custom Header - Buffet.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/4.4 Custom Header - Buffet.html

5. Instalando plugin externo.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/5. Instalando plugin externo.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/5.1 Código feito na aula.html

5.2 Meu PR no projeto original.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/11. Módulo 2 Criando e baixando plugins no Strapi/5.2 Meu PR no projeto original.html

1. Apresentando o scrapper.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/1. Apresentando o scrapper.mp4

1.1 Site oficial da Gog.com.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/1.1 Site oficial da Gog.com.html

2. Conceitos de rotas e controllers.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/2. Conceitos de rotas e controllers.mp4

2.1 Documentação sobre rotas.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/2.1 Documentação sobre rotas.html

2.2 Documentação sobre controllers.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/2.2 Documentação sobre controllers.html

3. Criando rota e controller para o populate.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/3. Criando rota e controller para o populate.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/3.1 Código feito na aula.html

4. Entendo o ctx (contexto de responserequest do Koa).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/4. Entendo o ctx (contexto de responserequest do Koa).mp4

4.1 Documentação sobre ctx (RequestsResponses).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/4.1 Documentação sobre ctx (RequestsResponses).html

4.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/4.2 Código feito na aula.html

5. Conceitos dos services.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/5. Conceitos dos services.mp4

5.1 Documentação sobre Services.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/5.1 Documentação sobre Services.html

6. Buscando dados com o service.find.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/6. Buscando dados com o service.find.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/6.1 Código feito na aula.html

7. Fazendo fetch nos dados da API da GoG.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/7. Fazendo fetch nos dados da API da GoG.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/7.1 Código feito na aula.html

8. Fazendo scrapper dos dados de uma página com JSDOM.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/8. Fazendo scrapper dos dados de uma página com JSDOM.mp4

8.1 Site oficial do JSDOM.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/8.1 Site oficial do JSDOM.html

8.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/8.2 Código feito na aula.html

9. Criando dados com service.create.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/9. Criando dados com service.create.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/9.1 Código feito na aula.html

10. Buscando dados já criados e evitando erros de duplicação.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/10. Buscando dados já criados e evitando erros de duplicação.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/10.1 Código feito na aula.html

11. Criando dados relacionais de Many to Many.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/11. Criando dados relacionais de Many to Many.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/11.1 Código feito na aula.html

12. Criando a primeira estrutura dos jogos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/12. Criando a primeira estrutura dos jogos.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/12.1 Código feito na aula.html

13. Fazendo upload de imagens com Form Data.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/13. Fazendo upload de imagens com Form Data.mp4

13.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/13.1 Código feito na aula.html

14. Fazendo tratamento de erros.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/14. Fazendo tratamento de erros.mp4

14.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/14.1 Código feito na aula.html

15. Customizando nossa chamada a API com query params.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/15. Customizando nossa chamada a API com query params.mp4

15.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/15.1 Código feito na aula.html

16. Populando os dados e liberandofechando rotas públicas.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/16. Populando os dados e liberandofechando rotas públicas.mp4

16.1 API finalizada e Readme.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/16.1 API finalizada e Readme.html

1. Apresentando o módulo.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/1. Apresentando o módulo.mp4

1.1 Boilerplate criado no módulo 1.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/1.1 Boilerplate criado no módulo 1.html

1.2 Site oficial do NextJS.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/1.2 Site oficial do NextJS.html

1.3 Layout do Figma (Em andamento).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/1.3 Layout do Figma (Em andamento).html

1.4 Código feito na aula (start do boilerplate).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/1.4 Código feito na aula (start do boilerplate).html

1.5 Site oficial do Storybook.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/1.5 Site oficial do Storybook.html

1.6 Site oficial do Apollo.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/1.6 Site oficial do Apollo.html

2. Como organizo um projeto com o Github Projects.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/2. Como organizo um projeto com o Github Projects.mp4

2.1 Site oficial do Github Projects.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/2.1 Site oficial do Github Projects.html

3. Iniciando o projeto através do nosso Boilerplate.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/3. Iniciando o projeto através do nosso Boilerplate.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/3.1 Código feito na aula.html

3.2 Boilerplate criado no módulo 1.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/3.2 Boilerplate criado no módulo 1.html

4. FIX Corrigindo configuração do jest-styled-components.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/4. FIX Corrigindo configuração do jest-styled-components.mp4

5. Utilizando Web Fonts no Next e detalhes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/5. Utilizando Web Fonts no Next e detalhes.mp4

5.1 Post Using Google Fonts with Next JS.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/5.1 Post Using Google Fonts with Next JS.html

5.2 Ferramenta Google WebFonts Helper.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/5.2 Ferramenta Google WebFonts Helper.html

5.3 Post antialiasing css.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/5.3 Post antialiasing css.html

5.4 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/5.4 Código feito na aula.html

5.5 Can I Use woff2.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/5.5 Can I Use woff2.html

5.6 Can I use font-display.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/5.6 Can I use font-display.html

5.7 Post Comprehensive Guide Web Fonts.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/5.7 Post Comprehensive Guide Web Fonts.html

5.8 Google Web Fonts.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/5.8 Google Web Fonts.html

6. Criando o theme.ts (colors, spacings, layers, etc).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/6. Criando o theme.ts (colors, spacings, layers, etc).mp4

6.1 Design System.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/6.1 Design System.html

6.2 Styleguides.io.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/6.2 Styleguides.io.html

6.3 Anvil Foundation Style Guide.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/6.3 Anvil Foundation Style Guide.html

6.4 Auth0 Styleguide.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/6.4 Auth0 Styleguide.html

6.5 Ant Design Theme Variables.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/6.5 Ant Design Theme Variables.html

6.6 Australian Government Design System.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/6.6 Australian Government Design System.html

6.7 Gatsby Store Theme.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/6.7 Gatsby Store Theme.html

6.8 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/6.8 Código feito na aula.html

7. Configurando ThemeProvider e suporte do TypeScript com declaration file.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/7. Configurando ThemeProvider e suporte do TypeScript com declaration file.mp4

7.1 Documentação declaration file.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/7.1 Documentação declaration file.html

7.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/7.2 Código feito na aula.html

7.3 Documentação _app - NextJS.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/7.3 Documentação _app - NextJS.html

7.4 Documentação ThemeProvider.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/7.4 Documentação ThemeProvider.html

8. Configurando webpack do Storybook para absolute path.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/8. Configurando webpack do Storybook para absolute path.mp4

8.1 Documentação Storybook extender Webpack.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/8.1 Documentação Storybook extender Webpack.html

8.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/8.2 Código feito na aula.html

1. Logo Parte 1 Baixando do Figma, otimizando no SVG Omg e usando como componente.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/1. Logo Parte 1 Baixando do Figma, otimizando no SVG Omg e usando como componente.mp4

1.1 Site oficial SVG Omg.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/1.1 Site oficial SVG Omg.html

1.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/1.2 Código feito na aula.html

2. Logo Parte 2 Utilizando o currentColor do SVG e non null assertion do TS.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/2. Logo Parte 2 Utilizando o currentColor do SVG e non null assertion do TS.mp4

2.1 Post interessante sobre non-null assetion operator.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/2.1 Post interessante sobre non-null assetion operator.html

2.2 Documentação do Non-null assertion operator.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/2.2 Documentação do Non-null assertion operator.html

2.3 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/2.3 Código feito na aula.html

3. Logo Parte 3 Configurando args e controls no Storybook.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/3. Logo Parte 3 Configurando args e controls no Storybook.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/3.1 Código feito na aula.html

3.2 Documentação do Controls do Storybook.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/3.2 Documentação do Controls do Storybook.html

4. Logo Parte 4 Criando um helper de testes renderWithTheme.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/4. Logo Parte 4 Criando um helper de testes renderWithTheme.mp4

4.1 Documentação do React Testing Library.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/4.1 Documentação do React Testing Library.html

4.2 Cheatsheet do RTL.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/4.2 Cheatsheet do RTL.html

4.3 Playground da Testing Library.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/4.3 Playground da Testing Library.html

4.4 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/4.4 Código feito na aula.html

5. Logo Parte 5 Criando primeiros testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/5. Logo Parte 5 Criando primeiros testes.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/5.1 Código feito na aula.html

6. Logo Parte 6 Criando uma outra prop da logo usando o TDD.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/6. Logo Parte 6 Criando uma outra prop da logo usando o TDD.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/6.1 Código feito na aula.html

7. Logo Parte 7 Trabalhando com responsividade e testando media-queries.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/7. Logo Parte 7 Trabalhando com responsividade e testando media-queries.mp4

7.1 Repositório do Styled Media Query.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/7.1 Repositório do Styled Media Query.html

7.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/14. Módulo 3 Criando primeiro componente Logo (SVG + React)/7.2 Código feito na aula.html

1. Heading Parte 1 Criando o componente e suas variações.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/1. Heading Parte 1 Criando o componente e suas variações.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/1.1 Código feito na aula.html

2. Heading Parte 2 Criando os testes e pequenos ajustes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/2. Heading Parte 2 Criando os testes e pequenos ajustes.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/2.1 Código feito na aula.html

3. Criando um componente helper de responsividade com TDD (MediaMatch).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/3. Criando um componente helper de responsividade com TDD (MediaMatch).mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/3.1 Código feito na aula.html

4. Button Parte 1 Criando os diferentes tamanhos para o Button.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/4. Button Parte 1 Criando os diferentes tamanhos para o Button.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/4.1 Código feito na aula.html

5. Button Parte 2 Escrevendo testes para os sizes do Button.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/5. Button Parte 2 Escrevendo testes para os sizes do Button.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/5.1 Código feito na aula.html

6. Button Parte 3 Adicionando opção de fullWidth.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/6. Button Parte 3 Adicionando opção de fullWidth.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/6.1 Código feito na aula.html

7. Button Parte 4 Adicionando opção de icones.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/7. Button Parte 4 Adicionando opção de icones.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/7.1 Código feito na aula.html

1. Menu Parte 1 Apresentando as versões do Menu.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/1. Menu Parte 1 Apresentando as versões do Menu.mp4

2. Menu Parte 2 Criando a versão mobile do Menu.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/2. Menu Parte 2 Criando a versão mobile do Menu.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/2.1 Código feito na aula.html

3. Menu Parte 3 Melhorando acessibilidade e primeiros testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/3. Menu Parte 3 Melhorando acessibilidade e primeiros testes.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/3.1 Código feito na aula.html

4. Menu Parte 4 Criando lógica de abrirfechar com React Hooks e TDD.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/4. Menu Parte 4 Criando lógica de abrirfechar com React Hooks e TDD.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/4.1 Código feito na aula.html

5. Menu Parte 5 Criando estilos para o Menu Full.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/5. Menu Parte 5 Criando estilos para o Menu Full.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/5.1 Código feito na aula.html

6. Menu Parte 6 Criando animações para o menu.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/6. Menu Parte 6 Criando animações para o menu.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/6.1 Código feito na aula.html

7. Menu Parte 7 Criando regra para usuário logadodeslogado.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/7. Menu Parte 7 Criando regra para usuário logadodeslogado.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/7.1 Código feito na aula.html

8. Menu Parte 8 Ajustando o Menu para Desktop.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/8. Menu Parte 8 Ajustando o Menu para Desktop.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/8.1 Código feito na aula.html

8.2 CORREÇÃO menu links mobile margin.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/16. Módulo 3 Criando um menu completo com TDD e acessibilidade/8.2 CORREÇÃO menu links mobile margin.html

1. EXTRA Definindo types para jest-styled-components.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/1. EXTRA Definindo types para jest-styled-components.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/1.1 Código feito na aula.html

2. Ajustando Heading para conter size e lineColors.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/2. Ajustando Heading para conter size e lineColors.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/2.1 Código feito na aula.html

3. Criando o Footer e testes como exercício.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/3. Criando o Footer e testes como exercício.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/3.1 Código feito na aula.html

4. Button Parte 1 Ajustando para aceitar polimorfismo as.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/4. Button Parte 1 Ajustando para aceitar polimorfismo as.mp4

4.1 Documentação Styled Components - as polymorphic prop.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/4.1 Documentação Styled Components - as polymorphic prop.html

4.2 Types do React.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/4.2 Types do React.html

4.3 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/4.3 Código feito na aula.html

4.4 TypeScript React Cheatsheet - HTMLAttributes.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/4.4 TypeScript React Cheatsheet - HTMLAttributes.html

5. Button Parte 2 Ajustando visual para quando for um link.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/5. Button Parte 2 Ajustando visual para quando for um link.mp4

5.1 Fix font-family.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/5.1 Fix font-family.html

5.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/5.2 Código feito na aula.html

1. Banner Parte 1 Criando estrutura inicial.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/1. Banner Parte 1 Criando estrutura inicial.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/1.1 Código feito na aula.html

2. Banner Parte 2 Escrevendo testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/2. Banner Parte 2 Escrevendo testes.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/2.1 Código feito na aula.html

3. Banner Parte 3 Criando os estilos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/3. Banner Parte 3 Criando os estilos.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/3.1 Código feito na aula.html

4. Ribbon Parte 1 Criando estrutura com TDD.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/4. Ribbon Parte 1 Criando estrutura com TDD.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/4.1 Código feito na aula.html

5. Ribbon Parte 2 Criando os estilos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/5. Ribbon Parte 2 Criando os estilos.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/5.1 Código feito na aula.html

6. Banner+Ribbon Parte 1 Escrevendo os tests e stories + exercício.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/6. Banner+Ribbon Parte 1 Escrevendo os tests e stories + exercício.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/6.1 Código feito na aula.html

7. Banner+Ribbon Parte 2 Solução do exercício - implementação.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/7. Banner+Ribbon Parte 2 Solução do exercício - implementação.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/7.1 Código feito na aula.html

8. Highlight Parte 1 Apresentação do componente.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/8. Highlight Parte 1 Apresentação do componente.mp4

9. Highlight Parte 2 Criando a estrutura e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/9. Highlight Parte 2 Criando a estrutura e testes.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/9.1 Código feito na aula.html

10. Highlight Parte 3 Criando o CSS em detalhes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/10. Highlight Parte 3 Criando o CSS em detalhes.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/10.1 Código feito na aula.html

11. Highlight Parte 4 Adicionando opção de Float Image.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/11. Highlight Parte 4 Adicionando opção de Float Image.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/11.1 Código feito na aula.html

12. Highlight Parte 5 Criando opção de diferentes alignments.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/12. Highlight Parte 5 Criando opção de diferentes alignments.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/12.1 Código feito na aula.html

12.2 Mudança pequena renomeando Subtitle to SubTitle.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/12.2 Mudança pequena renomeando Subtitle to SubTitle.html

1. GameCard Parte 1 Apresentando o componente.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/1. GameCard Parte 1 Apresentando o componente.mp4

2. GameCard Parte 2 Criando estrutura e exercício para os testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/2. GameCard Parte 2 Criando estrutura e exercício para os testes.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/2.1 Código feito na aula.html

3. GameCard Parte 3 Solução dos testes mais CSS já criado.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/3. GameCard Parte 3 Solução dos testes mais CSS já criado.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/3.1 Código feito na aula.html

4. GameCard Parte 4 Criando opção de preço promocional e exercício para testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/4. GameCard Parte 4 Criando opção de preço promocional e exercício para testes.mp4

5. GameCard Parte 5 Solução dos exercícios de testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/5. GameCard Parte 5 Solução dos exercícios de testes.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/5.1 Código feito na aula.html

6. GameCard Parte 6 Criando função de favoritar.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/6. GameCard Parte 6 Criando função de favoritar.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/6.1 Código feito na aula.html

7. GameCard Parte 7 Adicionando o Ribbon.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/7. GameCard Parte 7 Adicionando o Ribbon.mp4

7.1 Criação do Snapshot.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/7.1 Criação do Snapshot.html

7.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/19. Módulo 3 Criando GameCard/7.2 Código feito na aula.html

1. Slider Parte 1 Apresentando o react-slick e como faremos os componentes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/1. Slider Parte 1 Apresentando o react-slick e como faremos os componentes.mp4

1.1 Site oficial do React Slick.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/1.1 Site oficial do React Slick.html

1.2 @typesreact-slick.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/1.2 @typesreact-slick.html

2. Slider Parte 2 Criando o componente de casca genérico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/2. Slider Parte 2 Criando o componente de casca genérico.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/2.1 Código feito na aula.html

3. Slider Parte 3 Criando testes e o mock para o matchMedia.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/3. Slider Parte 3 Criando testes e o mock para o matchMedia.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/3.1 Código feito na aula.html

3.2 Pacote do match-media-mock se você não quiser fazer na mão.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/3.2 Pacote do match-media-mock se você não quiser fazer na mão.html

3.3 Issue 2 sobre o matchMedia com o React-slick.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/3.3 Issue 2 sobre o matchMedia com o React-slick.html

3.4 Issue 1 sobre o matchMedia com o React-slick.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/3.4 Issue 1 sobre o matchMedia com o React-slick.html

4. Banner Slider Parte 1 Criando estrutura e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/4. Banner Slider Parte 1 Criando estrutura e testes.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/4.1 Código feito na aula.html

5. Banner Slider Parte 2 Adicionando o css.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/5. Banner Slider Parte 2 Adicionando o css.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/5.1 Código feito na aula.html

6. Game Card Slider Parte 1 Criando a estrutura.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/6. Game Card Slider Parte 1 Criando a estrutura.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/6.1 Código feito na aula.html

7. Game Card Slider Parte 2 Adicionando CSS e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/7. Game Card Slider Parte 2 Adicionando CSS e testes.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/7.1 Código feito na aula.html

1. Home Introdução.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/1. Home Introdução.mp4

2. Home Parte 1 Criando o Container.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/2. Home Parte 1 Criando o Container.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/2.1 Código feito na aula.html

3. Home Parte 2 Fazendo ajustes nos estilos globais.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/3. Home Parte 2 Fazendo ajustes nos estilos globais.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/3.1 Código feito na aula.html

4. Home Parte 3 Removendo background global do Storybook.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/4. Home Parte 3 Removendo background global do Storybook.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/4.1 Código feito na aula.html

5. Home Parte 4 Criando backgrounds customizados para o Storybook.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/5. Home Parte 4 Criando backgrounds customizados para o Storybook.mp4

5.1 Documentação do backgrounds addon.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/5.1 Documentação do backgrounds addon.html

5.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/5.2 Código feito na aula.html

6. Home Parte 5 Criando template para a Home.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/6. Home Parte 5 Criando template para a Home.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/6.1 Código feito na aula.html

6.2 Removendo componente Main.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/6.2 Removendo componente Main.html

7. Home Parte 6 Adicionando os primeiros componentes estáticos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/7. Home Parte 6 Adicionando os primeiros componentes estáticos.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/7.1 Código feito na aula.html

8. Home Parte 7 Métodos de data fetching do NextJS - getStatic, getServerSide.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/8. Home Parte 7 Métodos de data fetching do NextJS - getStatic, getServerSide.mp4

8.1 Documentação do NextJS para criação de Pages.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/8.1 Documentação do NextJS para criação de Pages.html

8.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/8.2 Código feito na aula.html

9. Home Parte 8 Criando os mocks de dados.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/9. Home Parte 8 Criando os mocks de dados.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/9.1 Código feito na aula.html

10. Home Parte 9 Conectando os dados a página.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/10. Home Parte 9 Conectando os dados a página.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/10.1 Código feito na aula.html

11. Home Parte 10 Criando os estilos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/11. Home Parte 10 Criando os estilos.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/11.1 Código feito na aula.html

12. Home Parte 11 Otimizando os testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/12. Home Parte 11 Otimizando os testes.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/21. Módulo 3 Criando a página de Home/12.1 Código feito na aula.html

1. Usando const assertion para melhorar autocomplete.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/22. Módulo 3 Dicas rápidas de TS e nova variável de button/1. Usando const assertion para melhorar autocomplete.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/22. Módulo 3 Dicas rápidas de TS e nova variável de button/1.1 Código feito na aula.html

1.2 Documentação do const assertion.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/22. Módulo 3 Dicas rápidas de TS e nova variável de button/1.2 Documentação do const assertion.html

2. Criando um typecheck para testar o TS antes do next build.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/22. Módulo 3 Dicas rápidas de TS e nova variável de button/2. Criando um typecheck para testar o TS antes do next build.mp4

3. Criando variável minimal para o button.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/22. Módulo 3 Dicas rápidas de TS e nova variável de button/3. Criando variável minimal para o button.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/22. Módulo 3 Dicas rápidas de TS e nova variável de button/3.1 Código feito na aula.html

1. Introdução e artigos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/1. Introdução e artigos.mp4

1.1 Artigo CSS Tricks - appearance.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/1.1 Artigo CSS Tricks - appearance.html

1.2 Artigo Tutsplus - com CSS.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/1.2 Artigo Tutsplus - com CSS.html

1.3 Artigo da Sara Soueidan - com SVG.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/1.3 Artigo da Sara Soueidan - com SVG.html

2. Controlled e Uncontrolled Components no React.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/2. Controlled e Uncontrolled Components no React.mp4

2.1 Documentação componentes não controlados (uncontrolled).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/2.1 Documentação componentes não controlados (uncontrolled).html

2.2 Documentação componentes controlados (controlled).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/2.2 Documentação componentes controlados (controlled).html

3. Checkbox Parte 1 Criando input de checkbox e label estáticos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/3. Checkbox Parte 1 Criando input de checkbox e label estáticos.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/3.1 Código feito na aula.html

4. Checkbox Parte 2 Tornando o input dinâmico.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/4. Checkbox Parte 2 Tornando o input dinâmico.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/4.1 Código feito na aula.html

5. Checkbox Parte 3 Criando opção de labelColor.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/5. Checkbox Parte 3 Criando opção de labelColor.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/5.1 Código feito na aula.html

6. Checkbox Parte 4 Adicionando os estilos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/6. Checkbox Parte 4 Adicionando os estilos.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/6.1 Código feito na aula.html

7. Checkbox Parte 5 Adicionando método de onChange.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/7. Checkbox Parte 5 Adicionando método de onChange.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/7.1 Código feito na aula.html

8. Checkbox Parte 6 Adicionando opção de isChecked.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/8. Checkbox Parte 6 Adicionando opção de isChecked.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/8.1 Código feito na aula.html

9. Checkbox Parte 7 Refinando Storybook e teste de acessibilidade.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/9. Checkbox Parte 7 Refinando Storybook e teste de acessibilidade.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/9.1 Código feito na aula.html

10. Radio - Vendo detalhes do componente já criado (mesma base do checkbox).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/10. Radio - Vendo detalhes do componente já criado (mesma base do checkbox).mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/10.1 Código feito na aula.html

11. TextField Parte 1 Estrutura inicial do input de text + exercício.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/11. TextField Parte 1 Estrutura inicial do input de text + exercício.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/11.1 Código feito na aula.html

12. TextField Parte 2 Solução para adicionar ícones + exercício.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/12. TextField Parte 2 Solução para adicionar ícones + exercício.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/12.1 Código feito na aula.html

13. TextField Parte 3 Solução para iconPosition + exercício.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/13. TextField Parte 3 Solução para iconPosition + exercício.mp4

13.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/13.1 Código feito na aula.html

14. TextField Parte 4 Solução para disabled + exercício.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/14. TextField Parte 4 Solução para disabled + exercício.mp4

14.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/14.1 Código feito na aula.html

15. TextField Parte 5 Solução para mostrar erro e componente finalizado.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/15. TextField Parte 5 Solução para mostrar erro e componente finalizado.mp4

15.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/15.1 Código feito na aula.html

16. Organizando o Storybook para separar por elementos de mesmo grupo.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/16. Organizando o Storybook para separar por elementos de mesmo grupo.mp4

16.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/23. Módulo 3 Criando componentes de formulário/16.1 Código feito na aula.html

1. Introdução.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/1. Introdução.mp4

2. Criando o template de Auth e rotas.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/2. Criando o template de Auth e rotas.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/2.1 Código feito na aula.html

3. Criando estrutura inicial do template.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/3. Criando estrutura inicial do template.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/3.1 Código feito na aula.html

4. Criando testes para o template.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/4. Criando testes para o template.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/4.1 Código feito na aula.html

5. Criando estilos do template no Desktop.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/5. Criando estilos do template no Desktop.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/5.1 Código feito na aula.html

6. Criando estilos do template no Mobile.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/6. Criando estilos do template no Mobile.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/6.1 Código feito na aula.html

7. Corrigindo bug da logo em SVG com defid duplicados.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/7. Corrigindo bug da logo em SVG com defid duplicados.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/7.1 Código feito na aula.html

8. Criando variação de size huge para o Heading.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/8. Criando variação de size huge para o Heading.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/8.1 Código feito na aula.html

9. Criando o componente de FormSignIn.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/9. Criando o componente de FormSignIn.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/9.1 Código feito na aula.html

10. Criando testes para o FormSignIn.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/10. Criando testes para o FormSignIn.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/10.1 Código feito na aula.html

11. Criando estilos para o FormSignIn.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/11. Criando estilos para o FormSignIn.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/11.1 Código feito na aula.html

12. Criando o componente de FormSignUp.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/12. Criando o componente de FormSignUp.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/12.1 Código feito na aula.html

13. Refatorando para usar um componente de estilos para os Forms.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/13. Refatorando para usar um componente de estilos para os Forms.mp4

13.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/13.1 Código feito na aula.html

14. Conectando os componentes nas páginas de Sign In e Sign Up.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/14. Conectando os componentes nas páginas de Sign In e Sign Up.mp4

14.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/14.1 Código feito na aula.html

15. Criando Links entre as páginas ( passHref e forwardRef ).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/15. Criando Links entre as páginas ( passHref e forwardRef ).mp4

15.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/15.1 Código feito na aula.html

15.2 Documentação nextlink.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/24. Módulo 3 Criando páginas de Sign In e Sign Out/15.2 Documentação nextlink.html

1. Apresentando a ideia do refactor e iniciando o Showcase.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/1. Apresentando a ideia do refactor e iniciando o Showcase.mp4

2. Criando a estrutura do Showcase.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/2. Criando a estrutura do Showcase.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/2.1 Código feito na aula.html

3. Criando testes para o Showcase.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/3. Criando testes para o Showcase.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/3.1 Código feito na aula.html

4. Refatorando a Home para usar o Showcase.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/4. Refatorando a Home para usar o Showcase.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/4.1 Código feito na aula.html

5. Refatorando estilos da Home.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/5. Refatorando estilos da Home.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/5.1 Código feito na aula.html

6. Refatorando os testes e usando mocks de componentes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/6. Refatorando os testes e usando mocks de componentes.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/6.1 Código feito na aula.html

7. Criando o template Base via TDD.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/7. Criando o template Base via TDD.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/25. Módulo 3 Refatorando a Home, criando template Base e aprendendo mais de mocks/7.1 Código feito na aula.html

1. GameInfo Parte 1 Explicando os elementos e iniciando o componente.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/1. GameInfo Parte 1 Explicando os elementos e iniciando o componente.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/1.1 Código feito na aula.html

2. GameInfo Parte 2 Criando estrutura e tests.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/2. GameInfo Parte 2 Criando estrutura e tests.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/2.1 Código feito na aula.html

3. GameInfo Parte 3 Adicionando styles e stories.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/3. GameInfo Parte 3 Adicionando styles e stories.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/3.1 Código feito na aula.html

4. GameDetails Parte 1 Adicionando estrutura inicial.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/4. GameDetails Parte 1 Adicionando estrutura inicial.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/4.1 Código feito na aula.html

5. GameDetails Parte 2 Adicionando ícones das plataformas.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/5. GameDetails Parte 2 Adicionando ícones das plataformas.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/5.1 Código feito na aula.html

6. GameDetails Parte 3 Trabalhando com argTypes do Storybook para types diferentes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/6. GameDetails Parte 3 Trabalhando com argTypes do Storybook para types diferentes.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/6.1 Código feito na aula.html

7. GameDetails Parte 4 Formatando datetime com Intl e criando testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/7. GameDetails Parte 4 Formatando datetime com Intl e criando testes.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/7.1 Código feito na aula.html

8. GameDetails Parte 5 Formatando Rating e Genres e adicionando testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/8. GameDetails Parte 5 Formatando Rating e Genres e adicionando testes.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/8.1 Código feito na aula.html

9. GameDetails Parte6 Ajustando stories para novos types - datetime e inline-check.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/9. GameDetails Parte6 Ajustando stories para novos types - datetime e inline-check.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/9.1 Código feito na aula.html

10. TextContent Parte 1 Criando estrutura, estilos e story.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/10. TextContent Parte 1 Criando estrutura, estilos e story.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/10.1 Código feito na aula.html

11. TextContent Parte 2 Criando testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/11. TextContent Parte 2 Criando testes.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/11.1 Código feito na aula.html

12. Gallery Parte 1 Introdução.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/12. Gallery Parte 1 Introdução.mp4

13. Gallery Parte 2 Criando o slider das thumbnails.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/13. Gallery Parte 2 Criando o slider das thumbnails.mp4

13.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/13.1 Código feito na aula.html

14. Gallery Parte 3 Criando método de open do Modal.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/14. Gallery Parte 3 Criando método de open do Modal.mp4

14.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/14.1 Código feito na aula.html

15. Gallery Parte 4 Criando método de close do modal (apertando overlay e botão).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/15. Gallery Parte 4 Criando método de close do modal (apertando overlay e botão).mp4

15.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/15.1 Código feito na aula.html

16. Gallery Parte 5 Criando método de close com a tecla ESC (useEffect hook).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/16. Gallery Parte 5 Criando método de close com a tecla ESC (useEffect hook).mp4

16.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/16.1 Código feito na aula.html

17. Gallery Parte 6 Criando e referenciando o slider do modal com o slider externo.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/17. Gallery Parte 6 Criando e referenciando o slider do modal com o slider externo.mp4

17.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/26. Módulo 3 Criando os componentes para página de Games/17.1 Código feito na aula.html

1. Criando rotas dinâmicas com Next.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/1. Criando rotas dinâmicas com Next.mp4

1.1 Documentação do NextJS sobre API Routes.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/1.1 Documentação do NextJS sobre API Routes.html

1.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/1.2 Código feito na aula.html

2. Entendendo o nextrouter e useRouter.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/2. Entendendo o nextrouter e useRouter.mp4

2.1 Documentação do NextJS sobre nextrouter (useRouter e withRouter).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/2.1 Documentação do NextJS sobre nextrouter (useRouter e withRouter).html

2.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/2.2 Código feito na aula.html

3. Iniciando o template de Game.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/3. Iniciando o template de Game.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/3.1 Código feito na aula.html

4. Ajustando o layout Base para ter o conteúdo iniciando pelo topo.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/4. Ajustando o layout Base para ter o conteúdo iniciando pelo topo.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/4.1 Código feito na aula.html

5. Criando a Cover image.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/5. Criando a Cover image.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/5.1 Código feito na aula.html

6. Usando os métodos de getStaticProps e getStaticPaths para criar página estática.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/6. Usando os métodos de getStaticProps e getStaticPaths para criar página estática.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/6.1 Código feito na aula.html

7. Adicionando o GameInfo.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/7. Adicionando o GameInfo.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/7.1 Código feito na aula.html

8. Adicionando a Gallery.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/8. Adicionando a Gallery.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/8.1 Código feito na aula.html

9. Adicionando o TextContent para o game description.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/9. Adicionando o TextContent para o game description.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/9.1 Código feito na aula.html

10. Adicionando o GameDetails.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/10. Adicionando o GameDetails.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/10.1 Código feito na aula.html

11. Adicionando os Showcases de Upcoming e Recommended.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/11. Adicionando os Showcases de Upcoming e Recommended.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/11.1 Código feito na aula.html

12. Errata fix typo upcoming.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/12. Errata fix typo upcoming.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/12.1 Código feito na aula.html

13. Adicionando os testes na página.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/13. Adicionando os testes na página.mp4

13.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/27. Módulo 3 Criando a página de Games/13.1 Código feito na aula.html

1. Introdução a Wishlist e adicionando links no menu.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/1. Introdução a Wishlist e adicionando links no menu.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/1.1 Código feito na aula.html

2. Criando a página de Wishlist e o Template.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/2. Criando a página de Wishlist e o Template.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/2.1 Código feito na aula.html

3. Adicionando Showcase e dados iniciais a página.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/3. Adicionando Showcase e dados iniciais a página.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/3.1 Código feito na aula.html

4. Escrevendo primeiros testes para o template.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/4. Escrevendo primeiros testes para o template.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/4.1 Código feito na aula.html

5. Adicionando os games na página de Wishlist.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/5. Adicionando os games na página de Wishlist.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/5.1 Código feito na aula.html

6. Criando o componente de Grid.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/6. Criando o componente de Grid.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/6.1 Código feito na aula.html

7. Criando o componente de Divider (hr).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/7. Criando o componente de Divider (hr).mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/7.1 Código feito na aula.html

8. Criando o componente de Empty.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/8. Criando o componente de Empty.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/8.1 Código feito na aula.html

9. Adicionando o estado de empty na página de Wishlist e finalizando.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/9. Adicionando o estado de empty na página de Wishlist e finalizando.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/28. Módulo 3 Criando a página de Wishlist/9.1 Código feito na aula.html

1. GameItem Parte 1 Criando estrutura.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/1. GameItem Parte 1 Criando estrutura.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/1.1 Código feito na aula.html

2. GameItem Parte 2 Adicionando estilos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/2. GameItem Parte 2 Adicionando estilos.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/2.1 Código feito na aula.html

3. GameItem Parte 3 Adicionando link de download.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/3. GameItem Parte 3 Adicionando link de download.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/3.1 Código feito na aula.html

4. GameItem Parte 4 Adicionando informações de pagamento.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/4. GameItem Parte 4 Adicionando informações de pagamento.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/4.1 Código feito na aula.html

5. CartList - criando o componente, estilos e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/5. CartList - criando o componente, estilos e testes.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/5.1 Código feito na aula.html

6. PaymentOptions Parte 1 criando estrutura.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/6. PaymentOptions Parte 1 criando estrutura.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/6.1 Código feito na aula.html

7. PaymentOptions Parte 2 criando os estilos e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/7. PaymentOptions Parte 2 criando os estilos e testes.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/7.1 Código feito na aula.html

8. PaymentOptions Parte 3 desabilitando o botão de buy now e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/8. PaymentOptions Parte 3 desabilitando o botão de buy now e testes.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/8.1 Código feito na aula.html

9. Cart Page Parte 1 Criando a estrutura da página.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/9. Cart Page Parte 1 Criando a estrutura da página.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/9.1 Código feito na aula.html

10. Cart Page - Parte 2 Criando o estado de empty e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/10. Cart Page - Parte 2 Criando o estado de empty e testes.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/29. Módulo 3 Criando os componentes e página do carrinho/10.1 Código feito na aula.html

1. Introdução as páginas de Profile e mudanças.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/1. Introdução as páginas de Profile e mudanças.mp4

2. ProfileMenu Parte 1 Criando estrutura.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/2. ProfileMenu Parte 1 Criando estrutura.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/2.1 Código feito na aula.html

3. ProfileMenu Parte 2 Criando estilos e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/3. ProfileMenu Parte 2 Criando estilos e testes.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/3.1 Código feito na aula.html

4. ProfileMenu Parte 3 Definindo activeLink.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/4. ProfileMenu Parte 3 Definindo activeLink.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/4.1 Código feito na aula.html

5. Refatorando TextField.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/5. Refatorando TextField.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/5.1 Código feito na aula.html

6. FormProfile Parte 1 Criando estrutura com TDD.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/6. FormProfile Parte 1 Criando estrutura com TDD.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/6.1 Código feito na aula.html

7. FormProfile Parte 2 Criando estilos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/7. FormProfile Parte 2 Criando estilos.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/7.1 Código feito na aula.html

8. Criando CardsList - estrutura, estilos e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/8. Criando CardsList - estrutura, estilos e testes.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/8.1 Código feito na aula.html

9. Criando Profile Template e profileme page.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/9. Criando Profile Template e profileme page.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/9.1 Código feito na aula.html

10. Criando a profilecards page.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/10. Criando a profilecards page.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/10.1 Código feito na aula.html

11. Criando OrdersList - estrutura, estilos e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/11. Criando OrdersList - estrutura, estilos e testes.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/11.1 Código feito na aula.html

12. Criando a profileorders page.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/12. Criando a profileorders page.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/12.1 Código feito na aula.html

13. Definindo activeLink com useRouter e asPath.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/13. Definindo activeLink com useRouter e asPath.mp4

13.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/30. Módulo 3 Criando componentes e páginas do Profile (me, orders, cards)/13.1 Código feito na aula.html

1. ExploreSidebar Parte 1 Criando testes e estrutura hardcoded.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/1. ExploreSidebar Parte 1 Criando testes e estrutura hardcoded.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/1.1 Código feito na aula.html

2. ExploreSidebar Parte 2 Refatorando e utilizando maps.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/2. ExploreSidebar Parte 2 Refatorando e utilizando maps.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/2.1 Código feito na aula.html

3. ExploreSidebar Parte 3 Definindo initialValues.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/3. ExploreSidebar Parte 3 Definindo initialValues.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/3.1 Código feito na aula.html

4. ExploreSidebar Parte 4 Criando método de filter.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/4. ExploreSidebar Parte 4 Criando método de filter.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/4.1 Código feito na aula.html

5. ExploreSidebar Parte 5 Criando estilos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/5. ExploreSidebar Parte 5 Criando estilos.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/5.1 Código feito na aula.html

6. Página GamesExplore Parte 1 iniciando estrutura.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/6. Página GamesExplore Parte 1 iniciando estrutura.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/6.1 Código feito na aula.html

7. Página GamesExplore Parte 2 adicionando componentes e dados.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/7. Página GamesExplore Parte 2 adicionando componentes e dados.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/7.1 Código feito na aula.html

8. Página GamesExplore Parte 3 ajustes finais e testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/8. Página GamesExplore Parte 3 ajustes finais e testes.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/31. Módulo 3 Criando ExploreSidebar e página de Explore/8.1 Código feito na aula.html

1. Criando CartIcon component.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/1. Criando CartIcon component.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/1.1 Código feito na aula.html

2. Dropdown Parte 1 criando estrutura inicial.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/2. Dropdown Parte 1 criando estrutura inicial.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/2.1 Código feito na aula.html

3. Dropdown Parte 2 criando lógica.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/3. Dropdown Parte 2 criando lógica.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/3.1 Código feito na aula.html

4. Dropdown Parte 3 adicionando testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/4. Dropdown Parte 3 adicionando testes.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/4.1 Código feito na aula.html

5. CartList adicionando opção de mostrar botão de link.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/5. CartList adicionando opção de mostrar botão de link.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/5.1 Código feito na aula.html

6. Criando o CartDropdown component.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/6. Criando o CartDropdown component.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/6.1 Código feito na aula.html

7. CartList criando opção de mostrar carrinho vazio.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/7. CartList criando opção de mostrar carrinho vazio.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/7.1 Código feito na aula.html

8. Fix corrigindo type no Cart template.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/8. Fix corrigindo type no Cart template.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/8.1 Código feito na aula.html

9. UserDropdown Parte 1 criando o componente e estilos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/9. UserDropdown Parte 1 criando o componente e estilos.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/9.1 Código feito na aula.html

10. UserDropdown Parte 2 adicionando testes.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/10. UserDropdown Parte 2 adicionando testes.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/10.1 Código feito na aula.html

11. Adicionando links e dropdowns no Menu.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/11. Adicionando links e dropdowns no Menu.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/11.1 Código feito na aula.html

12. Página 404.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/12. Página 404.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/32. Módulo 3 Criando dropdowns, ajustes finais e página 404/12.1 Código feito na aula.html

1. Introdução ao Apollo.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/1. Introdução ao Apollo.mp4

1.1 Documentação do ApolloClient.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/1.1 Documentação do ApolloClient.html

1.2 Site oficial do Apollo.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/1.2 Site oficial do Apollo.html

2. Configurando a API.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/2. Configurando a API.mp4

2.1 Link da API já pronta.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/2.1 Link da API já pronta.html

3. Instalando o Apollo Client e GraphQL.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/3. Instalando o Apollo Client e GraphQL.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/3.1 Código feito na aula.html

4. Criando o Apollo Client.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/4. Criando o Apollo Client.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/4.1 Código feito na aula.html

5. Criando ApolloProvider e usando o useQuery hook.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/5. Criando ApolloProvider e usando o useQuery hook.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/5.1 Código feito na aula.html

6. Criando a configuração do Apollo para trabalhar com SSRSSG no NextJS.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/6. Criando a configuração do Apollo para trabalhar com SSRSSG no NextJS.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/6.1 Código feito na aula.html

6.2 Exemplo do withApollo no repositório do Next.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/6.2 Exemplo do withApollo no repositório do Next.html

7. Utilizando o Apollo no getServerSideProps (SSR).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/7. Utilizando o Apollo no getServerSideProps (SSR).mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/7.1 Código feito na aula.html

8. Criando a query para Games (Explore Page).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/8. Criando a query para Games (Explore Page).mp4

8.1 Limpando código.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/8.1 Limpando código.html

9. Populando a página de Games com dados via getStaticProps (SSG) com revalidate.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/9. Populando a página de Games com dados via getStaticProps (SSG) com revalidate.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/9.1 Código feito na aula.html

10. Separando queries em arquivos separados.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/10. Separando queries em arquivos separados.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/10.1 Código feito na aula.html

11. Usando variáveis na query para definir limite de jogos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/11. Usando variáveis na query para definir limite de jogos.mp4

12. Utilizando Apollo Codegen para gerar os types das queries.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/12. Utilizando Apollo Codegen para gerar os types das queries.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/12.1 Código feito na aula.html

13. Utilizando os types na query.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/13. Utilizando os types na query.mp4

13.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/13.1 Código feito na aula.html

14. Adicionando links nos cards de games.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/14. Adicionando links nos cards de games.mp4

14.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/14.1 Código feito na aula.html

15. Criando a QueryGameBySlug.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/15. Criando a QueryGameBySlug.mp4

16. Tornando a página de game dinâmica usando getStaticPaths e getStaticProps.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/16. Tornando a página de game dinâmica usando getStaticPaths e getStaticProps.mp4

16.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/16.1 Código feito na aula.html

17. Ajustando a gallery e preço no GameInfo.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/17. Ajustando a gallery e preço no GameInfo.mp4

17.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/17.1 Código feito na aula.html

18. Criando método de formatPrice.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/18. Criando método de formatPrice.mp4

18.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/18.1 Código feito na aula.html

19. Utilizando o typecheck para verificar TS válido!.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/19. Utilizando o typecheck para verificar TS válido!.mp4

19.1 Comando para fazer typecheck.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/33. Módulo 3 Trabalhando com o GraphQL usando Apollo Client/19.1 Comando para fazer typecheck.html

1. Criando a estrutura de Banner na API do Strapi.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/1. Criando a estrutura de Banner na API do Strapi.mp4

1.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/1.1 Código feito na aula.html

2. Criando a query do Banner no Playground.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/2. Criando a query do Banner no Playground.mp4

3. Buscando os dados do Banner no client (Next).mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/3. Buscando os dados do Banner no client (Next).mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/3.1 Código feito na aula.html

4. Criando fragments no GraphQL para simplificar código.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/4. Criando fragments no GraphQL para simplificar código.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/4.1 Código feito na aula.html

5. Utilizando filters e aliases no GraphQL.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/5. Utilizando filters e aliases no GraphQL.mp4

5.1 Documentação do Strapi para Filters.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/5.1 Documentação do Strapi para Filters.html

6. Criando as queries restantes para upcomingGames e freeGames.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/6. Criando as queries restantes para upcomingGames e freeGames.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/6.1 Código feito na aula.html

7. Criando um Single Type para a Home na API do Strapi.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/7. Criando um Single Type para a Home na API do Strapi.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/7.1 Código feito na aula.html

8. Criando a query para as sections da Home.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/8. Criando a query para as sections da Home.mp4

9. Adicionando a seção de new games dinâmica.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/9. Adicionando a seção de new games dinâmica.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/9.1 Código feito na aula.html

10. Adicionando opção para cor da seta no Showcase.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/10. Adicionando opção para cor da seta no Showcase.mp4

10.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/10.1 Código feito na aula.html

11. Adicionando seção de upcoming games e free games.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/11. Adicionando seção de upcoming games e free games.mp4

11.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/11.1 Código feito na aula.html

12. Adicionando seção de popular games.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/12. Adicionando seção de popular games.mp4

12.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/12.1 Código feito na aula.html

13. Adicionando títulos para as seções.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/13. Adicionando títulos para as seções.mp4

13.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/13.1 Código feito na aula.html

14. Adicionando os highlights dinâmicos.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/14. Adicionando os highlights dinâmicos.mp4

14.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/14.1 Código feito na aula.html

15. Refatorando os dados para utilizar mappers.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/15. Refatorando os dados para utilizar mappers.mp4

15.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/15.1 Código feito na aula.html

16. Tornando a Home dinâmica pela data usando query variables.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/16. Tornando a Home dinâmica pela data usando query variables.mp4

16.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/34. Módulo 3 Criando a Home Page dinâmica/16.1 Código feito na aula.html

1. Criando Single Type para Recommended Games.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/35. Módulo 3 Adicionando seções de upcoming e recommended games/1. Criando Single Type para Recommended Games.mp4

1.1 Código feito na aula (API).html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/35. Módulo 3 Adicionando seções de upcoming e recommended games/1.1 Código feito na aula (API).html

2. Adicionando recommended games no frontend na página de Wishlist.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/35. Módulo 3 Adicionando seções de upcoming e recommended games/2. Adicionando recommended games no frontend na página de Wishlist.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/35. Módulo 3 Adicionando seções de upcoming e recommended games/2.1 Código feito na aula.html

3. Adicionando recommended games no frontend na página de Cart.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/35. Módulo 3 Adicionando seções de upcoming e recommended games/3. Adicionando recommended games no frontend na página de Cart.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/35. Módulo 3 Adicionando seções de upcoming e recommended games/3.1 Código feito na aula.html

4. Adicionando recommended games no frontend na página de Game.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/35. Módulo 3 Adicionando seções de upcoming e recommended games/4. Adicionando recommended games no frontend na página de Game.mp4

4.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/35. Módulo 3 Adicionando seções de upcoming e recommended games/4.1 Código feito na aula.html

5. Adicionando upcoming game na página de Game.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/35. Módulo 3 Adicionando seções de upcoming e recommended games/5. Adicionando upcoming game na página de Game.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/35. Módulo 3 Adicionando seções de upcoming e recommended games/5.1 Código feito na aula.html

1. Utilizando useQuery no client side.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/1. Utilizando useQuery no client side.mp4

1.1 Documentação do ApolloClient.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/1.1 Documentação do ApolloClient.html

1.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/1.2 Código feito na aula.html

2. Adicionando estado de loading.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/2. Adicionando estado de loading.mp4

2.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/2.1 Código feito na aula.html

3. Comunicando apollo cache entre Server Side e Client Side.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/3. Comunicando apollo cache entre Server Side e Client Side.mp4

3.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/3.1 Código feito na aula.html

4. Entendendo o funcionamento de paginação e criando a query.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/4. Entendendo o funcionamento de paginação e criando a query.mp4

4.1 Documentação do ApolloClient.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/4.1 Documentação do ApolloClient.html

5. Criando a paginação com fetchMore.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/5. Criando a paginação com fetchMore.mp4

5.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/5.1 Código feito na aula.html

5.2 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/5.2 Código feito na aula.html

6. Criando um hook customizado para useQuery de games.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/6. Criando um hook customizado para useQuery de games.mp4

6.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/6.1 Código feito na aula.html

7. Testando o Apollo com MockedProvider.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/7. Testando o Apollo com MockedProvider.mp4

7.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/7.1 Código feito na aula.html

8. Testando o Apollo Cache.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/8. Testando o Apollo Cache.mp4

8.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/8.1 Código feito na aula.html

9. FIX Apollo Cache initialState and keyArgs.mp4

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/9. FIX Apollo Cache initialState and keyArgs.mp4

9.1 Código feito na aula.html

React Avançado Crie aplicações com NextJS, GraphQL e Mais [Atualizado 03-2021]/36. Módulo 3 Trabalhando com o Apollo no Client Side, Cache e Paginação/9.1 Código feito na aula.html