İlgili konular
Bu kursta neler var
- 20 sa 11 dk video
- 82 ders
- Seviye: Orta
- Dil: Português
- Nerede kaldığını hatırlıyoruz
- Tamamen ücretsiz, kartsız
Dersler
9 bölüm · 82 ders · 20 sa 11 dk toplam süre
1–10. dersler10 ders · 2 sa 27 dk
- #react [Aula 00] - Curso Completo de React: Do Básico ao Avançado6 dk
- #react [Aula 01] - Criando o projeto com Vite11 dk
- #react [Aula 02] - Configurando Eslint e prettier no projeto16 dk
- #react [Aula 03] - Instalando Styled-components e AntD11 dk
- #react [Aula 04] - Como funciona o React21 dk
- #react [Aula 05] - Utilizando o Google Chrome para ajudar no desenvolvimento17 dk
- #react [Aula 06] - Criando um componente14 dk
- #react [Aula 07] - Colocando responsividade na tela de login18 dk
- #react [Aula 08] - Criando um Input reutilizável15 dk
- #react [Aula 09] - Criando um Botão reutilizável18 dk
11–20. dersler10 ders · 2 sa 38 dk
- #react [Aula 10] - Trabalho com mudança de estados16 dk
- #react [Aula 11] - Fazendo comunicação com o backend utilizando axios13 dk
- #react [Aula 12] - Utilizando SVG no nosso projeto13 dk
- #react [Aula 13] - Criação de rotas com o React-router14 dk
- #react [Aula 14] - Criando React hook customizado15 dk
- #react [Aula 15] - Utilizando context e criando um hook para usá-lo15 dk
- #react [Aula 16] - Criando componente de notificação e utilizando useEffects24 dk
- #react [Aula 17] - Criando função para padronizar requisições20 dk
- #react [Aula 18] - Salvando token no localStorage15 dk
- #react [Aula 19] - Redirecionando usuário que já fez login14 dk
21–30. dersler10 ders · 2 sa 51 dk
- #react [Aula 20] - Inserindo token JWT em todas as requisições26 dk
- #react [Aula 21] - Verificando se o usuário fez login utilizando o loader do React router23 dk
- #react [Aula 22] - Criando tela 404 (Not found)11 dk
- #react [Aula 23] - Criando um novo hook para requisições11 dk
- #react [Aula 24] - Buscando lista de produtos no backend12 dk
- #react [Aula 25] - Criando uma tabela com o Antd14 dk
- #react [Aula 26] - Inserindo a coluna de categoria na tabela de produtos16 dk
- #react [Aula 27] - Criando tooltip personalizado para imagem16 dk
- #react [Aula 28] - Criando breadcrumb e tela de inserir produto21 dk
- #react [Aula 29] - Ordenar e buscar dados na tabela de produtos22 dk
31–40. dersler10 ders · 2 sa 19 dk
- #react [Aula 30] - Criando o formulário de inserir produto15 dk
- #react [Aula 31] - Criando select personalizado e requisição de inserir produto18 dk
- #react [Aula 32] - Finalizando a tela de inserir produto20 dk
- #react [Aula 33] - Criar um input monetário19 dk
- #react [Aula 34] - Criando hook da tela de inserir produto11 dk
- #react [Aula 35] - Criação do menu lateral14 dk
- #react [Aula 36] - Criação do header13 dk
- #react [Aula 37] - Utilizar o redirect no loader do React router12 dk
- #react [Aula 38] - Criar menu lateral com layout do Antd11 dk
- #react [Aula 39] - Bloquear commits com warnings do Eslint5 dk
41–50. dersler10 ders · 2 sa 34 dk
- #react [Aula 40] - Criar tela de categorias11 dk
- #react [Aula 41] - Criar tabela de categorias com AntD14 dk
- #react [Aula 42] - Criar tela de inclusão de categorias15 dk
- #react [Aula 43] - Finalizar lógicas de inserir categoria11 dk
- #react [Aula 44] - Inserir React Redux no projeto20 dk
- #react [Aula 46] - Configurar Jest + React Testing Library no Vite Typescript15 dk
- #react [Aula 45] - Removendo o useContext e substituindo pelo Redux14 dk
- #react [Aula 47] - Teste unitário de um botão e um input18 dk
- #react [Aula 48] - Teste unitário do header20 dk
- #react [Aula 49] - Como gerar e utilizar mocks com jest.mock17 dk
51–60. dersler10 ders · 2 sa 19 dk
- #react [Aula 50] - Testar onChange no React Testing Library16 dk
- #react [Aula 51] - Finalizar os testes unitários da tela de inserir produtos11 dk
- #react [Aula 52] - Testar um hook com a biblioteca react-hooks-testing-library12 dk
- #react [Aula 53] - Testar useEffect no nosso hook5 dk
- #react [Aula 54] - Criar mock para o axios com a lib axios-mock-adapter9 dk
- #react [Aula 55] - Testar funções com o jest10 dk
- #react [Aula 56] - Testar a função auth28 dk
- #react [Aula 57] - Testar a função ConnectionAPI11 dk
- #react [Aula 58] - Continuação do teste unitário da função ConnectionAPI19 dk
- #react [Aula 59] - Criar tela de listagem de pedidos17 dk
61–70. dersler10 ders · 2 sa 24 dk
- #react [Aula 60] - Criar tabela dos pedidos utilizando AntD6 dk
- #react [Aula 61] - Criar a tela de detalhes do pedido15 dk
- #react [Aula 62] - Passando parametros utilizando o React-router14 dk
- #react [Aula 63] - Inserir loading e tipagem para os detalhes do pedido17 dk
- #react [Aula 64] - Inserir tabela com listagem de produtos do pedido20 dk
- #react [Aula 65] - Inserir máscara para CPF, telefone e CEP13 dk
- #react [Aula 66] - Criar tela de listar usuários13 dk
- #react [Aula 67] - Criar tabela na tela de listar usuários14 dk
- #react [Aula 68] - Converter informações do JWT de base64 para um objeto13 dk
- #react [Aula 69] - Criar tela de inserir administrador19 dk
71–80. dersler10 ders · 2 sa 19 dk
- #react [Aula 70] - Inserir botão na tabela de produtos para deletar13 dk
- #react [Aula 71] - Inserir novos campos no produto13 dk
- #react [Aula 72] - Inserir botão de editar produto na listagem16 dk
- #react [Aula 73] - Editar produto parte 220 dk
- #react [Aula 74] - Editar produto parte 316 dk
- #react [Aula 75] - Inserir modal de confirmar exclusão9 dk
- #react [Aula 76] - Criar função de deletar categoria10 dk
- #react [Aula 77] - Deletar e editar categoria8 dk
- #react [Aula 78] - Criar função de editar categoria16 dk
- #react [Aula 79] - Teste unitário da função breadcrumb18 dk
Ne gerekiyor
- Temel bilgi işe yarar: kurs temellerin ötesinden devam ediyor.
Açıklama
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
Bu kurs kimin için
- React temellerini bilenler.
Bu iki madde kursun seviyesinden çıkardığımız sonuç. Açıklama yazarın kendisine ait.