Verwandte Themen
Der Kurs enthält
- 20 Std. 11 Min. Video
- 82 Lektionen
- Niveau: Mittelstufe
- Sprache: Português
- Wir merken uns, wo du warst
- Komplett kostenlos, ohne Karte
Lektionen
9 Abschnitte · 82 Lektionen · 20 Std. 11 Min. Gesamtlänge
Lektionen 1–1010 Lektionen · 2 Std. 27 Min.
- #react [Aula 00] - Curso Completo de React: Do Básico ao Avançado6 Min.
- #react [Aula 01] - Criando o projeto com Vite11 Min.
- #react [Aula 02] - Configurando Eslint e prettier no projeto16 Min.
- #react [Aula 03] - Instalando Styled-components e AntD11 Min.
- #react [Aula 04] - Como funciona o React21 Min.
- #react [Aula 05] - Utilizando o Google Chrome para ajudar no desenvolvimento17 Min.
- #react [Aula 06] - Criando um componente14 Min.
- #react [Aula 07] - Colocando responsividade na tela de login18 Min.
- #react [Aula 08] - Criando um Input reutilizável15 Min.
- #react [Aula 09] - Criando um Botão reutilizável18 Min.
Lektionen 11–2010 Lektionen · 2 Std. 38 Min.
- #react [Aula 10] - Trabalho com mudança de estados16 Min.
- #react [Aula 11] - Fazendo comunicação com o backend utilizando axios13 Min.
- #react [Aula 12] - Utilizando SVG no nosso projeto13 Min.
- #react [Aula 13] - Criação de rotas com o React-router14 Min.
- #react [Aula 14] - Criando React hook customizado15 Min.
- #react [Aula 15] - Utilizando context e criando um hook para usá-lo15 Min.
- #react [Aula 16] - Criando componente de notificação e utilizando useEffects24 Min.
- #react [Aula 17] - Criando função para padronizar requisições20 Min.
- #react [Aula 18] - Salvando token no localStorage15 Min.
- #react [Aula 19] - Redirecionando usuário que já fez login14 Min.
Lektionen 21–3010 Lektionen · 2 Std. 51 Min.
- #react [Aula 20] - Inserindo token JWT em todas as requisições26 Min.
- #react [Aula 21] - Verificando se o usuário fez login utilizando o loader do React router23 Min.
- #react [Aula 22] - Criando tela 404 (Not found)11 Min.
- #react [Aula 23] - Criando um novo hook para requisições11 Min.
- #react [Aula 24] - Buscando lista de produtos no backend12 Min.
- #react [Aula 25] - Criando uma tabela com o Antd14 Min.
- #react [Aula 26] - Inserindo a coluna de categoria na tabela de produtos16 Min.
- #react [Aula 27] - Criando tooltip personalizado para imagem16 Min.
- #react [Aula 28] - Criando breadcrumb e tela de inserir produto21 Min.
- #react [Aula 29] - Ordenar e buscar dados na tabela de produtos22 Min.
Lektionen 31–4010 Lektionen · 2 Std. 19 Min.
- #react [Aula 30] - Criando o formulário de inserir produto15 Min.
- #react [Aula 31] - Criando select personalizado e requisição de inserir produto18 Min.
- #react [Aula 32] - Finalizando a tela de inserir produto20 Min.
- #react [Aula 33] - Criar um input monetário19 Min.
- #react [Aula 34] - Criando hook da tela de inserir produto11 Min.
- #react [Aula 35] - Criação do menu lateral14 Min.
- #react [Aula 36] - Criação do header13 Min.
- #react [Aula 37] - Utilizar o redirect no loader do React router12 Min.
- #react [Aula 38] - Criar menu lateral com layout do Antd11 Min.
- #react [Aula 39] - Bloquear commits com warnings do Eslint5 Min.
Lektionen 41–5010 Lektionen · 2 Std. 34 Min.
- #react [Aula 40] - Criar tela de categorias11 Min.
- #react [Aula 41] - Criar tabela de categorias com AntD14 Min.
- #react [Aula 42] - Criar tela de inclusão de categorias15 Min.
- #react [Aula 43] - Finalizar lógicas de inserir categoria11 Min.
- #react [Aula 44] - Inserir React Redux no projeto20 Min.
- #react [Aula 46] - Configurar Jest + React Testing Library no Vite Typescript15 Min.
- #react [Aula 45] - Removendo o useContext e substituindo pelo Redux14 Min.
- #react [Aula 47] - Teste unitário de um botão e um input18 Min.
- #react [Aula 48] - Teste unitário do header20 Min.
- #react [Aula 49] - Como gerar e utilizar mocks com jest.mock17 Min.
Lektionen 51–6010 Lektionen · 2 Std. 19 Min.
- #react [Aula 50] - Testar onChange no React Testing Library16 Min.
- #react [Aula 51] - Finalizar os testes unitários da tela de inserir produtos11 Min.
- #react [Aula 52] - Testar um hook com a biblioteca react-hooks-testing-library12 Min.
- #react [Aula 53] - Testar useEffect no nosso hook5 Min.
- #react [Aula 54] - Criar mock para o axios com a lib axios-mock-adapter9 Min.
- #react [Aula 55] - Testar funções com o jest10 Min.
- #react [Aula 56] - Testar a função auth28 Min.
- #react [Aula 57] - Testar a função ConnectionAPI11 Min.
- #react [Aula 58] - Continuação do teste unitário da função ConnectionAPI19 Min.
- #react [Aula 59] - Criar tela de listagem de pedidos17 Min.
Lektionen 61–7010 Lektionen · 2 Std. 24 Min.
- #react [Aula 60] - Criar tabela dos pedidos utilizando AntD6 Min.
- #react [Aula 61] - Criar a tela de detalhes do pedido15 Min.
- #react [Aula 62] - Passando parametros utilizando o React-router14 Min.
- #react [Aula 63] - Inserir loading e tipagem para os detalhes do pedido17 Min.
- #react [Aula 64] - Inserir tabela com listagem de produtos do pedido20 Min.
- #react [Aula 65] - Inserir máscara para CPF, telefone e CEP13 Min.
- #react [Aula 66] - Criar tela de listar usuários13 Min.
- #react [Aula 67] - Criar tabela na tela de listar usuários14 Min.
- #react [Aula 68] - Converter informações do JWT de base64 para um objeto13 Min.
- #react [Aula 69] - Criar tela de inserir administrador19 Min.
Lektionen 71–8010 Lektionen · 2 Std. 19 Min.
- #react [Aula 70] - Inserir botão na tabela de produtos para deletar13 Min.
- #react [Aula 71] - Inserir novos campos no produto13 Min.
- #react [Aula 72] - Inserir botão de editar produto na listagem16 Min.
- #react [Aula 73] - Editar produto parte 220 Min.
- #react [Aula 74] - Editar produto parte 316 Min.
- #react [Aula 75] - Inserir modal de confirmar exclusão9 Min.
- #react [Aula 76] - Criar função de deletar categoria10 Min.
- #react [Aula 77] - Deletar e editar categoria8 Min.
- #react [Aula 78] - Criar função de editar categoria16 Min.
- #react [Aula 79] - Teste unitário da função breadcrumb18 Min.
Lektionen 81–822 Lektionen · 21 Min.
Was du brauchst
- Grundlagen helfen: der Kurs setzt hinter den Basics an.
Beschreibung
Bem-vindo ao nosso Curso Completo de React, onde você aprenderá tudo o que precisa saber para se tornar um desenvolvedor React habilidoso. Este curso é projetado para ensinar a você desde os conceitos básicos do React até tópicos avançados, com aulas passo a passo e exemplos práticos. Começaremos com uma introdução ao React e ao seu ecossistema, e depois passaremos a explicar como criar componentes, gerenciar estado e lidar com eventos. A partir daí, você aprenderá como usar o React para criar interfaces de usuário sofisticadas e interativas, usando recursos avançados como animações e roteamento. Além disso, você descobrirá como usar ferramentas populares do React, como Redux e React Router, para criar aplicativos mais complexos. E também abordaremos boas práticas, estratégias de depuração e como otimizar o desempenho do seu aplicativo. Ao final deste curso, você terá a habilidade e confiança para criar aplicativos React completos e sofisticados. Junte-se a nós nesta jornada de aprendizado e prepare-se para dar o próximo passo em sua carreira de desenvolvedor. Bibliotecas que utilizaremos: - Vite - TypeScript - AntD - Styled Components - Figma - Eslint - Prettier - Axios - Reac
Für wen dieser Kurs ist
- Alle, die die Grundlagen von React kennen.
Diese beiden Punkte sind unsere Einschätzung aus dem Niveau. Die Beschreibung stammt vom Autor.