Temas relacionados
Este curso inclui
- 20 h 11 min de vídeo
- 82 lições
- Nível: Intermediário
- Idioma: Português
- Guardamos onde ficaste
- Totalmente grátis, sem cartão
Aulas
9 secções · 82 aulas · 20 h 11 min duração total
Lições 1 a 1010 aulas · 2 h 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
Lições 11 a 2010 aulas · 2 h 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
Lições 21 a 3010 aulas · 2 h 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
Lições 31 a 4010 aulas · 2 h 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
Lições 41 a 5010 aulas · 2 h 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
Lições 51 a 6010 aulas · 2 h 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
Lições 61 a 7010 aulas · 2 h 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
Lições 71 a 8010 aulas · 2 h 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
O que precisas
- Ajuda ter bases: o curso segue a partir delas.
Descrição
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
Para quem é este curso
- Quem já sabe o básico de React.
Estes dois pontos são a nossa leitura do nível. A descrição é do autor.