React Avançado Crie aplicações com NextJS GraphQL

1. 1. Módulo 1 Introdução Teórica/3. Introdução ao NextJS.mp4389.01MB
2. 1. Módulo 1 Introdução Teórica/2. Dinâmica do curso, módulos e perguntas.mp440.79MB
3. 1. Módulo 1 Introdução Teórica/1. Introdução.mp454.59MB
4. 1. Módulo 1 Introdução Teórica/4. Introdução ao GraphQL.mp4226.86MB
5. 1. Módulo 1 Introdução Teórica/5. Introdução ao GraphQL Clients.mp4167.53MB
6. 1. Módulo 1 Introdução Teórica/6. Introdução ao Strapi - Headless CMS.mp4269.91MB
7. 1. Módulo 1 Introdução Teórica/7. Introdução ao CSS-in-JS.mp4162.2MB
8. 1. Módulo 1 Introdução Teórica/8. Introdução a Testes de Software.mp4309.87MB
9. 2. Módulo 1 Criando nosso Boilerplate do NextJS/1. Requisitos para o projeto.mp437.72MB
10. 2. Módulo 1 Criando nosso Boilerplate do NextJS/2. Criando o boilerplate com create-next-app.mp4143.71MB
11. 2. Módulo 1 Criando nosso Boilerplate do NextJS/3. Configurando o TypeScript no NextJS.mp4131.28MB
12. 2. Módulo 1 Criando nosso Boilerplate do NextJS/4. Configurando o .editorconfig.mp435.55MB
13. 2. Módulo 1 Criando nosso Boilerplate do NextJS/5. Configurando o Eslint.mp4188.27MB
14. 2. Módulo 1 Criando nosso Boilerplate do NextJS/6. Configurando o Prettier com o Eslint.mp478.61MB
15. 2. Módulo 1 Criando nosso Boilerplate do NextJS/7. Configurando um git hook com Husky e Lint-Staged.mp4108.69MB
16. 2. Módulo 1 Criando nosso Boilerplate do NextJS/8. Instalando e configurando o Jest com TypeScript.mp451.48MB
17. 2. Módulo 1 Criando nosso Boilerplate do NextJS/9. Instalando o React Testing Library e escrevendo primeiros testes.mp4142.57MB
18. 2. Módulo 1 Criando nosso Boilerplate do NextJS/10. Usando o findRelatedTests para rodar somente testes necessários.mp48.59MB
19. 2. Módulo 1 Criando nosso Boilerplate do NextJS/11. Instalando o Styled Components e configurando o SSR.mp447.28MB
20. 2. Módulo 1 Criando nosso Boilerplate do NextJS/12. Criando estilos globais com createGlobalStyle.mp481.6MB
21. 2. Módulo 1 Criando nosso Boilerplate do NextJS/13. Criando estilos no primeiro componente.mp4107.79MB
22. 2. Módulo 1 Criando nosso Boilerplate do NextJS/14. Melhorando snapshots com Jest-styled-components.mp425.3MB
23. 2. Módulo 1 Criando nosso Boilerplate do NextJS/15. Configurando o Storybook e escrevendo stories.mp4160.74MB
24. 2. Módulo 1 Criando nosso Boilerplate do NextJS/16. Migrando Storybook para versão 6.x.mp483.05MB
25. 2. Módulo 1 Criando nosso Boilerplate do NextJS/17. Usando Storybook Essentials e Controls.mp497.24MB
26. 2. Módulo 1 Criando nosso Boilerplate do NextJS/18. Configurando o PWA.mp457.67MB
27. 2. Módulo 1 Criando nosso Boilerplate do NextJS/19. Iniciando um projeto através do nosso boilerplate.mp436.46MB
28. 2. Módulo 1 Criando nosso Boilerplate do NextJS/20. Extra PR - corrigindo cobertura de testes.mp415.25MB
29. 2. Módulo 1 Criando nosso Boilerplate do NextJS/21. Extra Servindo estáticos corretamente no build do Storybook.mp421.77MB
30. 2. Módulo 1 Criando nosso Boilerplate do NextJS/22. Extra Mantendo o boilerplate com atualizado usando Dependabot e Github Actions.mp4256.23MB
31. 2. Módulo 1 Criando nosso Boilerplate do NextJS/23. Extra Automatizando criação de arquivos.mp4137.13MB
32. 2. Módulo 1 Criando nosso Boilerplate do NextJS/24. FIX Corrigindo configuração do jest-styled-components.mp422.44MB
33. 2. Módulo 1 Criando nosso Boilerplate do NextJS/25. FIX Definindo typings para o jest-styled-components.mp434.48MB
34. 3. Módulo 2 Iniciando com Strapi/1. Strapi por debaixo dos panos.mp4124.77MB
35. 3. Módulo 2 Iniciando com Strapi/2. Requisitos para o Strapi.mp466.71MB
36. 3. Módulo 2 Iniciando com Strapi/3. Comandos do PostgreSQL.mp431.96MB
37. 3. Módulo 2 Iniciando com Strapi/4. Iniciando o Strapi local.mp433.92MB
38. 3. Módulo 2 Iniciando com Strapi/5. Iniciando o Strapi com Docker (opcional).mp499.47MB
39. 3. Módulo 2 Iniciando com Strapi/6. Apresentação do projeto da Landing Page.mp456.56MB
40. 3. Módulo 2 Iniciando com Strapi/7. Apresentação do CMS do Strapi.mp469.98MB
41. 3. Módulo 2 Iniciando com Strapi/8. Arquivos iniciais do Strapi.mp462.64MB
42. 3. Módulo 2 Iniciando com Strapi/9. Fields do Strapi.mp448.1MB
43. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/1. Criando logo e componente de Header.mp4111.27MB
44. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/2. Criando Section About Project - Rich Text.mp421.56MB
45. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/3. Criando Section Tech - Repeatable Component.mp431.13MB
46. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/4. Criando Section Concepts.mp421.27MB
47. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/5. Criando Section Modules.mp420.99MB
48. 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.mp435.51MB
49. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/7. Criando Collection Type para Authors.mp432.5MB
50. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/8. Adicionando campo faltante em Authors.mp45.06MB
51. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/9. Criando relations (has many).mp418.19MB
52. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/10. Criando Section Reviews.mp416MB
53. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/11. Criando Section FAQ.mp415.93MB
54. 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).mp430.94MB
55. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/13. Adicionando um plugin customizado (CKEditor).mp4122.96MB
56. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/14. Importando e Exportando dados no PostgreSQL.mp472.81MB
57. 4. Módulo 2 (extra) Criando estrutura de dados para o CMS da Landing Page/15. Permissões para rotas de Rest API.mp454.42MB
58. 5. Módulo 2 (extra) Introdução ao GraphQL/1. Transformando API em GraphQL.mp431.93MB
59. 5. Módulo 2 (extra) Introdução ao GraphQL/2. Criando primeiras queries do GraphQL.mp447.63MB
60. 5. Módulo 2 (extra) Introdução ao GraphQL/3. Escrevendo Queries parametrizadas com variáveis.mp419.39MB
61. 5. Módulo 2 (extra) Introdução ao GraphQL/4. Utilizando Fragments no GraphQL.mp437.93MB
62. 5. Módulo 2 (extra) Introdução ao GraphQL/5. Aliases no GraphQL.mp46.93MB
63. 5. Módulo 2 (extra) Introdução ao GraphQL/6. Criando primeira mutation para atualizar dados (updateAuthor).mp449.32MB
64. 5. Módulo 2 (extra) Introdução ao GraphQL/7. Criando mutations parametrizadas.mp415.62MB
65. 5. Módulo 2 (extra) Introdução ao GraphQL/8. Criando primeira mutation para criar dados (createAuthor).mp425.17MB
66. 5. Módulo 2 (extra) Introdução ao GraphQL/9. Deletando dados com mutation.mp420.18MB
67. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/1. Vendo o código da Landing Page e clonando o projeto.mp449.94MB
68. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/2. Criando o GraphQLClient.mp425.99MB
69. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/3. Criando a primeira query no Frontend.mp420.55MB
70. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/4. Fazendo o fetch dos primeiros dados (Data Fetching - getStaticProps).mp499.84MB
71. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/5. Criando Types para a API e mostrando primeiros dados em tela.mp476.19MB
72. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/6. Criando variáveis de ambiente.mp466.65MB
73. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/7. Tornando o header dinâmico.mp476.15MB
74. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/8. Tornando o SectionAboutProject dinâmico.mp477.71MB
75. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/9. Tornando o SectionTech dinâmico.mp465.24MB
76. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/10. Tornando o SectionConcepts dinâmico.mp445.14MB
77. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/11. Tornando o SectionModules dinâmico.mp439.77MB
78. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/12. Tornando o SectionAgenda dinâmico.mp431.36MB
79. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/13. Tornando o PricingBox dinâmico.mp454.79MB
80. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/14. Tornando o SectionAboutUs dinâmico.mp4156.05MB
81. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/15. Tornando o SectionReviews dinâmico.mp475.74MB
82. 6. Módulo 2 (extra) Trabalhando com GraphQL no Frontend/16. Tornando o SectionFaq dinâmico.mp456.83MB
83. 7. Módulo 2 (extra) Colocando a Landing Page em produção/1. Sobre os serviços utilizados.mp423.63MB
84. 7. Módulo 2 (extra) Colocando a Landing Page em produção/2. Configurando e subindo o projeto no Heroku.mp4119.5MB
85. 7. Módulo 2 (extra) Colocando a Landing Page em produção/3. Fazendo dump de local para produção (OPCIONAL).mp473.64MB
86. 7. Módulo 2 (extra) Colocando a Landing Page em produção/4. Instalando um provider de estáticos (AWS S3).mp477.74MB
87. 7. Módulo 2 (extra) Colocando a Landing Page em produção/5. Subindo o estático Next para o Netlify.mp464.64MB
88. 7. Módulo 2 (extra) Colocando a Landing Page em produção/6. Criando um webhook para trigger de deploy no Netlify.mp4101.75MB
89. 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!).mp450.99MB
90. 8. Módulo 2 (extra) Strapi - Atualizações e Migrações/2. Configurando permissões de usuário (Super Admin, Author, Editor).mp471.82MB
91. 8. Módulo 2 (extra) Strapi - Atualizações e Migrações/3. Migrando o Strapi para a 3.1.5.mp458.89MB
92. 9. Módulo 2 Criando a API para o Ecommerce (Won Games)/1. Apresentação do projeto da API da Won Games.mp425.28MB
93. 9. Módulo 2 Criando a API para o Ecommerce (Won Games)/2. Inicializando o Strapi.mp427.41MB
94. 9. Módulo 2 Criando a API para o Ecommerce (Won Games)/3. Criando a primeira Collection Type - Categories.mp434.93MB
95. 9. Módulo 2 Criando a API para o Ecommerce (Won Games)/4. Criando Collection Type - Platforms.mp412.95MB
96. 9. Módulo 2 Criando a API para o Ecommerce (Won Games)/5. Criando Collection Type - Developers.mp48.38MB
97. 9. Módulo 2 Criando a API para o Ecommerce (Won Games)/6. Criando Collection Type - Publishers.mp45.44MB
98. 9. Módulo 2 Criando a API para o Ecommerce (Won Games)/7. Criando Collection Type - Games.mp449.61MB
99. 9. Módulo 2 Criando a API para o Ecommerce (Won Games)/8. Entendendo e criando Relations - One to Many, Many to Many....mp467.3MB
100. 9. Módulo 2 Criando a API para o Ecommerce (Won Games)/9. Configurando o plugin de GraphQL.mp47.98MB
101. 9. Módulo 2 Criando a API para o Ecommerce (Won Games)/10. Configurando o editor para CKEditor.mp418.78MB
102. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/1. Introdução a customização.mp46.36MB
103. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/2. Documentação do Strapi sobre Customização.mp439.8MB
104. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/3. Customizando a Logo da página de LoginPasswordRegister.mp462.92MB
105. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/4. Editando o favicon.mp45.37MB
106. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/5. Removendo ícone de tutoriais.mp411.76MB
107. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/6. Mudando a logo do menu esquerdo.mp453.45MB
108. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/7. Themes do Strapi e mudando o background color do LeftMenuHeader.mp430.16MB
109. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/8. Refatorando o styled component para uma forma mais organizada.mp421.5MB
110. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/9. Customizando o background de todo o LeftMenu.mp433.31MB
111. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/10. Customizando o LeftMenuLinkSection e identificando elementos com React DevTools.mp423.38MB
112. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/11. Customizando o hover dos links do menu.mp441.08MB
113. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/12. Customizando o MenuLeftFooter.mp424.81MB
114. 10. Módulo 2 Customizando o Admin do Strapi para a Won Games/13. Customizando a Home Page.mp4105.96MB
115. 11. Módulo 2 Criando e baixando plugins no Strapi/1. Introdução ao plugin (repositories).mp411.2MB
116. 11. Módulo 2 Criando e baixando plugins no Strapi/2. Gerando o esqueleto do plugin.mp418.39MB
117. 11. Módulo 2 Criando e baixando plugins no Strapi/3. Modificando ícone e nome no menu.mp427.28MB
118. 11. Módulo 2 Criando e baixando plugins no Strapi/4. Criando a página e a lógica do plugin.mp4133.79MB
119. 11. Módulo 2 Criando e baixando plugins no Strapi/5. Instalando plugin externo.mp432.81MB
120. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/1. Apresentando o scrapper.mp481.31MB
121. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/2. Conceitos de rotas e controllers.mp420.89MB
122. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/3. Criando rota e controller para o populate.mp429.72MB
123. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/4. Entendo o ctx (contexto de responserequest do Koa).mp436.04MB
124. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/5. Conceitos dos services.mp438.69MB
125. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/6. Buscando dados com o service.find.mp446.53MB
126. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/7. Fazendo fetch nos dados da API da GoG.mp470.15MB
127. 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.mp4129.28MB
128. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/9. Criando dados com service.create.mp456.66MB
129. 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.mp470.16MB
130. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/11. Criando dados relacionais de Many to Many.mp442.48MB
131. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/12. Criando a primeira estrutura dos jogos.mp441.07MB
132. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/13. Fazendo upload de imagens com Form Data.mp485.25MB
133. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/14. Fazendo tratamento de erros.mp421.05MB
134. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/15. Customizando nossa chamada a API com query params.mp446.64MB
135. 12. Módulo 2 Criando Scrapper de dados para popular a API da Won Games/16. Populando os dados e liberandofechando rotas públicas.mp431.78MB
136. 13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/1. Apresentando o módulo.mp443.79MB
137. 13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/2. Como organizo um projeto com o Github Projects.mp455.69MB
138. 13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/3. Iniciando o projeto através do nosso Boilerplate.mp430.66MB
139. 13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/4. FIX Corrigindo configuração do jest-styled-components.mp422.45MB
140. 13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/5. Utilizando Web Fonts no Next e detalhes.mp4121.5MB
141. 13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/6. Criando o theme.ts (colors, spacings, layers, etc).mp4117.29MB
142. 13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/7. Configurando ThemeProvider e suporte do TypeScript com declaration file.mp4122.68MB
143. 13. Módulo 3 Iniciando o projeto da Won e criando primeiros fundações/8. Configurando webpack do Storybook para absolute path.mp433.77MB
144. 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.mp463.76MB
145. 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.mp491.58MB
146. 14. Módulo 3 Criando primeiro componente Logo (SVG + React)/3. Logo Parte 3 Configurando args e controls no Storybook.mp48.24MB
147. 14. Módulo 3 Criando primeiro componente Logo (SVG + React)/4. Logo Parte 4 Criando um helper de testes renderWithTheme.mp469.5MB
148. 14. Módulo 3 Criando primeiro componente Logo (SVG + React)/5. Logo Parte 5 Criando primeiros testes.mp453.41MB
149. 14. Módulo 3 Criando primeiro componente Logo (SVG + React)/6. Logo Parte 6 Criando uma outra prop da logo usando o TDD.mp450.04MB
150. 14. Módulo 3 Criando primeiro componente Logo (SVG + React)/7. Logo Parte 7 Trabalhando com responsividade e testando media-queries.mp491.42MB
151. 15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/1. Heading Parte 1 Criando o componente e suas variações.mp4151.73MB
152. 15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/2. Heading Parte 2 Criando os testes e pequenos ajustes.mp459.08MB
153. 15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/3. Criando um componente helper de responsividade com TDD (MediaMatch).mp4133.49MB
154. 15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/4. Button Parte 1 Criando os diferentes tamanhos para o Button.mp497.91MB
155. 15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/5. Button Parte 2 Escrevendo testes para os sizes do Button.mp453.24MB
156. 15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/6. Button Parte 3 Adicionando opção de fullWidth.mp427.31MB
157. 15. Módulo 3 Criando componentes primitivos Heading, Button e helper responsivo/7. Button Parte 4 Adicionando opção de icones.mp4120.2MB
158. 16. Módulo 3 Criando um menu completo com TDD e acessibilidade/1. Menu Parte 1 Apresentando as versões do Menu.mp418.07MB
159. 16. Módulo 3 Criando um menu completo com TDD e acessibilidade/2. Menu Parte 2 Criando a versão mobile do Menu.mp475.43MB
160. 16. Módulo 3 Criando um menu completo com TDD e acessibilidade/3. Menu Parte 3 Melhorando acessibilidade e primeiros testes.mp428.17MB
161. 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.mp4124.27MB
162. 16. Módulo 3 Criando um menu completo com TDD e acessibilidade/5. Menu Parte 5 Criando estilos para o Menu Full.mp492.91MB
163. 16. Módulo 3 Criando um menu completo com TDD e acessibilidade/6. Menu Parte 6 Criando animações para o menu.mp411.18MB
164. 16. Módulo 3 Criando um menu completo com TDD e acessibilidade/7. Menu Parte 7 Criando regra para usuário logadodeslogado.mp466.72MB
165. 16. Módulo 3 Criando um menu completo com TDD e acessibilidade/8. Menu Parte 8 Ajustando o Menu para Desktop.mp443.2MB
166. 17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/1. EXTRA Definindo types para jest-styled-components.mp434.48MB
167. 17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/2. Ajustando Heading para conter size e lineColors.mp496.78MB
168. 17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/3. Criando o Footer e testes como exercício.mp492.03MB
169. 17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/4. Button Parte 1 Ajustando para aceitar polimorfismo as.mp480.67MB
170. 17. Módulo 3 AjustesRefactor em componentes já existentes e Footer/5. Button Parte 2 Ajustando visual para quando for um link.mp423.81MB
171. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/1. Banner Parte 1 Criando estrutura inicial.mp457.12MB
172. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/2. Banner Parte 2 Escrevendo testes.mp432.2MB
173. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/3. Banner Parte 3 Criando os estilos.mp466.27MB
174. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/4. Ribbon Parte 1 Criando estrutura com TDD.mp4126.8MB
175. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/5. Ribbon Parte 2 Criando os estilos.mp453.53MB
176. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/6. Banner+Ribbon Parte 1 Escrevendo os tests e stories + exercício.mp442.64MB
177. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/7. Banner+Ribbon Parte 2 Solução do exercício - implementação.mp446.06MB
178. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/8. Highlight Parte 1 Apresentação do componente.mp432.15MB
179. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/9. Highlight Parte 2 Criando a estrutura e testes.mp477.97MB
180. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/10. Highlight Parte 3 Criando o CSS em detalhes.mp4127.26MB
181. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/11. Highlight Parte 4 Adicionando opção de Float Image.mp4105.02MB
182. 18. Módulo 3 Criando elementos de destaque - Banner, Ribbon e Highlight/12. Highlight Parte 5 Criando opção de diferentes alignments.mp4102.18MB
183. 19. Módulo 3 Criando GameCard/1. GameCard Parte 1 Apresentando o componente.mp426.13MB
184. 19. Módulo 3 Criando GameCard/2. GameCard Parte 2 Criando estrutura e exercício para os testes.mp478.17MB
185. 19. Módulo 3 Criando GameCard/3. GameCard Parte 3 Solução dos testes mais CSS já criado.mp431.72MB
186. 19. Módulo 3 Criando GameCard/4. GameCard Parte 4 Criando opção de preço promocional e exercício para testes.mp469.24MB
187. 19. Módulo 3 Criando GameCard/5. GameCard Parte 5 Solução dos exercícios de testes.mp436.93MB
188. 19. Módulo 3 Criando GameCard/6. GameCard Parte 6 Criando função de favoritar.mp480.13MB
189. 19. Módulo 3 Criando GameCard/7. GameCard Parte 7 Adicionando o Ribbon.mp413.74MB
190. 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.mp447.39MB
191. 20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/2. Slider Parte 2 Criando o componente de casca genérico.mp4110.67MB
192. 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.mp4100.54MB
193. 20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/4. Banner Slider Parte 1 Criando estrutura e testes.mp4186.53MB
194. 20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/5. Banner Slider Parte 2 Adicionando o css.mp459.8MB
195. 20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/6. Game Card Slider Parte 1 Criando a estrutura.mp4129.92MB
196. 20. Módulo 3 Trabalhando com componentes de terceiros - Sliders com React Slick/7. Game Card Slider Parte 2 Adicionando CSS e testes.mp489.74MB
197. 21. Módulo 3 Criando a página de Home/1. Home Introdução.mp431.81MB
198. 21. Módulo 3 Criando a página de Home/2. Home Parte 1 Criando o Container.mp462.38MB
199. 21. Módulo 3 Criando a página de Home/3. Home Parte 2 Fazendo ajustes nos estilos globais.mp428.18MB
200. 21. Módulo 3 Criando a página de Home/4. Home Parte 3 Removendo background global do Storybook.mp431.09MB
201. 21. Módulo 3 Criando a página de Home/5. Home Parte 4 Criando backgrounds customizados para o Storybook.mp429.26MB
202. 21. Módulo 3 Criando a página de Home/6. Home Parte 5 Criando template para a Home.mp482.13MB
203. 21. Módulo 3 Criando a página de Home/7. Home Parte 6 Adicionando os primeiros componentes estáticos.mp485.66MB
204. 21. Módulo 3 Criando a página de Home/8. Home Parte 7 Métodos de data fetching do NextJS - getStatic, getServerSide.mp4203.54MB
205. 21. Módulo 3 Criando a página de Home/9. Home Parte 8 Criando os mocks de dados.mp4153.66MB
206. 21. Módulo 3 Criando a página de Home/10. Home Parte 9 Conectando os dados a página.mp471.68MB
207. 21. Módulo 3 Criando a página de Home/11. Home Parte 10 Criando os estilos.mp497.46MB
208. 21. Módulo 3 Criando a página de Home/12. Home Parte 11 Otimizando os testes.mp469.83MB
209. 22. Módulo 3 Dicas rápidas de TS e nova variável de button/1. Usando const assertion para melhorar autocomplete.mp461.76MB
210. 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.mp449.71MB
211. 22. Módulo 3 Dicas rápidas de TS e nova variável de button/3. Criando variável minimal para o button.mp496.67MB
212. 23. Módulo 3 Criando componentes de formulário/1. Introdução e artigos.mp456.3MB
213. 23. Módulo 3 Criando componentes de formulário/2. Controlled e Uncontrolled Components no React.mp449.26MB
214. 23. Módulo 3 Criando componentes de formulário/3. Checkbox Parte 1 Criando input de checkbox e label estáticos.mp430.83MB
215. 23. Módulo 3 Criando componentes de formulário/4. Checkbox Parte 2 Tornando o input dinâmico.mp462.45MB
216. 23. Módulo 3 Criando componentes de formulário/5. Checkbox Parte 3 Criando opção de labelColor.mp451.28MB
217. 23. Módulo 3 Criando componentes de formulário/6. Checkbox Parte 4 Adicionando os estilos.mp445.25MB
218. 23. Módulo 3 Criando componentes de formulário/7. Checkbox Parte 5 Adicionando método de onChange.mp4113.81MB
219. 23. Módulo 3 Criando componentes de formulário/8. Checkbox Parte 6 Adicionando opção de isChecked.mp458.36MB
220. 23. Módulo 3 Criando componentes de formulário/9. Checkbox Parte 7 Refinando Storybook e teste de acessibilidade.mp424.03MB
221. 23. Módulo 3 Criando componentes de formulário/10. Radio - Vendo detalhes do componente já criado (mesma base do checkbox).mp439.61MB
222. 23. Módulo 3 Criando componentes de formulário/11. TextField Parte 1 Estrutura inicial do input de text + exercício.mp441.4MB
223. 23. Módulo 3 Criando componentes de formulário/12. TextField Parte 2 Solução para adicionar ícones + exercício.mp427MB
224. 23. Módulo 3 Criando componentes de formulário/13. TextField Parte 3 Solução para iconPosition + exercício.mp435MB
225. 23. Módulo 3 Criando componentes de formulário/14. TextField Parte 4 Solução para disabled + exercício.mp429.96MB
226. 23. Módulo 3 Criando componentes de formulário/15. TextField Parte 5 Solução para mostrar erro e componente finalizado.mp430.08MB
227. 23. Módulo 3 Criando componentes de formulário/16. Organizando o Storybook para separar por elementos de mesmo grupo.mp45.48MB
228. 24. Módulo 3 Criando páginas de Sign In e Sign Out/1. Introdução.mp416.5MB
229. 24. Módulo 3 Criando páginas de Sign In e Sign Out/2. Criando o template de Auth e rotas.mp422.81MB
230. 24. Módulo 3 Criando páginas de Sign In e Sign Out/3. Criando estrutura inicial do template.mp478.76MB
231. 24. Módulo 3 Criando páginas de Sign In e Sign Out/4. Criando testes para o template.mp414.49MB
232. 24. Módulo 3 Criando páginas de Sign In e Sign Out/5. Criando estilos do template no Desktop.mp4125.58MB
233. 24. Módulo 3 Criando páginas de Sign In e Sign Out/6. Criando estilos do template no Mobile.mp434.54MB
234. 24. Módulo 3 Criando páginas de Sign In e Sign Out/7. Corrigindo bug da logo em SVG com defid duplicados.mp470.7MB
235. 24. Módulo 3 Criando páginas de Sign In e Sign Out/8. Criando variação de size huge para o Heading.mp438.42MB
236. 24. Módulo 3 Criando páginas de Sign In e Sign Out/9. Criando o componente de FormSignIn.mp487.57MB
237. 24. Módulo 3 Criando páginas de Sign In e Sign Out/10. Criando testes para o FormSignIn.mp411.07MB
238. 24. Módulo 3 Criando páginas de Sign In e Sign Out/11. Criando estilos para o FormSignIn.mp444.91MB
239. 24. Módulo 3 Criando páginas de Sign In e Sign Out/12. Criando o componente de FormSignUp.mp415.03MB
240. 24. Módulo 3 Criando páginas de Sign In e Sign Out/13. Refatorando para usar um componente de estilos para os Forms.mp435.45MB
241. 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.mp419.01MB
242. 24. Módulo 3 Criando páginas de Sign In e Sign Out/15. Criando Links entre as páginas ( passHref e forwardRef ).mp4106.45MB