Curso de React
Aprenda a programar com JavaScript neste curso online.
- Empresa: Desenvolvendo do Básico
- Nível do curso: Básico
O React não é uma linguagem de programação completa e independente, mas acabou se tornando um poderoso recurso utilizado por programadores. Trata-se de uma biblioteca de JavaScript que foi criada com o principal objetivo de ajudar no desenvolvimento de interfaces do usuário utilizando essa linguagem de programação. Ela foi criada pelo time do Facebook, no ano de 2011, e hoje em dia é praticamente um projeto mantido pela comunidade.
Um dos principais diferenciais do React quando comparado com a linguagem pura do JS é a simplificação das atividades chamadas de estados, que tinham uma descrição muito complexa. A partir do React, acabou se tornando muito mais fácil a conexão entre diversas tecnologias utilizadas para programação e desenvolvimento web, como HTML, CSS e JavaScriot.
Aprenda mais sobre React neste curso online e gratuito. Não deixe de conferir também este outro curso de React.
Sobre o curso
Neste curso online e gratuito os alunos poderão aprender mais sobre o desenvolvimento em JavaScript com foco justamente em entender o funcionamento do React como biblioteca. AO longo do curso os alunos aprenderão os principais conceitos e elementos da biblioteca e poderão aplicar o conhecimento no desenvolvimento de um projeto prático.
Estrutura do curso
#react [Aula 00] – Curso Completo de React: Do Básico ao Avançado
#react [Aula 01] – Criando o projeto com Vite
#react [Aula 02] – Configurando Eslint e prettier no projeto
#react [Aula 03] – Instalando Styled-components e AntD
#react [Aula 04] – Como funciona o React
#react [Aula 05] – Utilizando o Google Chrome para ajudar no desenvolvimento
#react [Aula 06] – Criando um componente
#react [Aula 07] – Colocando responsividade na tela de login
#react [Aula 08] – Criando um Input reutilizável
#react [Aula 09] – Criando um Botão reutilizável
#react [Aula 10] – Trabalho com mudança de estados
#react [Aula 11] – Fazendo comunicação com o backend utilizando axios
#react [Aula 12] – Utilizando SVG no nosso projeto
#react [Aula 13] – Criação de rotas com o React-router
#react [Aula 14] – Criando React hook customizado
#react [Aula 15] – Utilizando context e criando um hook para usá-lo
#react [Aula 16] – Criando componente de notificação e utilizando useEffects
#react [Aula 17] – Criando função para padronizar requisições
#react [Aula 18] – Salvando token no localStorage
#react [Aula 19] – Redirecionando usuário que já fez login
#react [Aula 20] – Inserindo token JWT em todas as requisições
#react [Aula 21] – Verificando se o usuário fez login utilizando o loader do React router
#react [Aula 22] – Criando tela 404 (Not found)
#react [Aula 23] – Criando um novo hook para requisições
#react [Aula 24] – Buscando lista de produtos no backend
#react [Aula 25] – Criando uma tabela com o Antd
#react [Aula 26] – Inserindo a coluna de categoria na tabela de produtos
#react [Aula 27] – Criando tooltip personalizado para imagem
#react [Aula 28] – Criando breadcrumb e tela de inserir produto
#react [Aula 29] – Ordenar e buscar dados na tabela de produtos
#react [Aula 30] – Criando o formulário de inserir produto
#react [Aula 31] – Criando select personalizado e requisição de inserir produto
#react [Aula 32] – Finalizando a tela de inserir produto
#react [Aula 33] – Criar um input monetário
#react [Aula 34] – Criando hook da tela de inserir produto
#react [Aula 35] – Criação do menu lateral
#react [Aula 36] – Criação do header
#react [Aula 37] – Utilizar o redirect no loader do React router
#react [Aula 38] – Criar menu lateral com layout do Antd
#react [Aula 39] – Bloquear commits com warnings do Eslint
#react [Aula 40] – Criar tela de categorias
#react [Aula 41] – Criar tabela de categorias com AntD
#react [Aula 42] – Criar tela de inclusão de categorias
#react [Aula 43] – Finalizar lógicas de inserir categoria
#react [Aula 44] – Inserir React Redux no projeto
#react [Aula 46] – Configurar Jest + React Testing Library no Vite Typescript
#react [Aula 45] – Removendo o useContext e substituindo pelo Redux
#react [Aula 47] – Teste unitário de um botão e um input
#react [Aula 48] – Teste unitário do header
#react [Aula 49] – Como gerar e utilizar mocks com jest.mock
#react [Aula 50] – Testar onChange no React Testing Library
#react [Aula 51] – Finalizar os testes unitários da tela de inserir produtos
#react [Aula 52] – Testar um hook com a biblioteca react-hooks-testing-library
#react [Aula 53] – Testar useEffect no nosso hook
#react [Aula 54] – Criar mock para o axios com a lib axios-mock-adapter
#react [Aula 55] – Testar funções com o jest
#react [Aula 56] – Testar a função auth
#react [Aula 57] – Testar a função ConnectionAPI
#react [Aula 58] – Continuação do teste unitário da função ConnectionAPI
#react [Aula 59] – Criar tela de listagem de pedidos
#react [Aula 60] – Criar tabela dos pedidos utilizando AntD
#react [Aula 61] – Criar a tela de detalhes do pedido
#react [Aula 62] – Passando parametros utilizando o React-router
#react [Aula 63] – Inserir loading e tipagem para os detalhes do pedido
#react [Aula 64] – Inserir tabela com listagem de produtos do pedido
#react [Aula 65] – Inserir máscara para CPF, telefone e CEP
#react [Aula 66] – Criar tela de listar usuários
#react [Aula 67] – Criar tabela na tela de listar usuários
#react [Aula 68] – Converter informações do JWT de base64 para um objeto
#react [Aula 69] – Criar tela de inserir administrador
#react [Aula 70] – Inserir botão na tabela de produtos para deletar
#react [Aula 71] – Inserir novos campos no produto
#react [Aula 72] – Inserir botão de editar produto na listagem
#react [Aula 73] – Editar produto parte 2
#react [Aula 74] – Editar produto parte 3
#react [Aula 75] – Inserir modal de confirmar exclusão
#react [Aula 76] – Criar função de deletar categoria
#react [Aula 77] – Deletar e editar categoria
#react [Aula 78] – Criar função de editar categoria
#react [Aula 79] – Teste unitário da função breadcrumb
#react [Aula 80] – Teste unitário do componente InputMoney
#react [Aula 81] – Teste unitário do componente Select
Aulas:
-
#react [Aula 00] - Curso Completo de React: Do Básico ao Avançado#react [Aula 01] - Criando o projeto com Vite#react [Aula 02] - Configurando Eslint e prettier no projeto#react [Aula 03] - Instalando Styled-components e AntD#react [Aula 04] - Como funciona o React#react [Aula 05] - Utilizando o Google Chrome para ajudar no desenvolvimento#react [Aula 06] - Criando um componente#react [Aula 07] - Colocando responsividade na tela de login#react [Aula 08] - Criando um Input reutilizável#react [Aula 09] - Criando um Botão reutilizável#react [Aula 10] - Trabalho com mudança de estados#react [Aula 11] - Fazendo comunicação com o backend utilizando axios#react [Aula 12] - Utilizando SVG no nosso projeto#react [Aula 13] - Criação de rotas com o React-router#react [Aula 14] - Criando React hook customizado#react [Aula 15] - Utilizando context e criando um hook para usá-lo#react [Aula 16] - Criando componente de notificação e utilizando useEffects#react [Aula 17] - Criando função para padronizar requisições#react [Aula 18] - Salvando token no localStorage#react [Aula 19] - Redirecionando usuário que já fez login#react [Aula 20] - Inserindo token JWT em todas as requisições#react [Aula 21] - Verificando se o usuário fez login utilizando o loader do React router#react [Aula 22] - Criando tela 404 (Not found)#react [Aula 23] - Criando um novo hook para requisições#react [Aula 24] - Buscando lista de produtos no backend#react [Aula 25] - Criando uma tabela com o Antd#react [Aula 26] - Inserindo a coluna de categoria na tabela de produtos#react [Aula 27] - Criando tooltip personalizado para imagem#react [Aula 28] - Criando breadcrumb e tela de inserir produto#react [Aula 29] - Ordenar e buscar dados na tabela de produtos#react [Aula 30] - Criando o formulário de inserir produto#react [Aula 31] - Criando select personalizado e requisição de inserir produto#react [Aula 32] - Finalizando a tela de inserir produto#react [Aula 33] - Criar um input monetário#react [Aula 34] - Criando hook da tela de inserir produto#react [Aula 35] - Criação do menu lateral#react [Aula 36] - Criação do header#react [Aula 37] - Utilizar o redirect no loader do React router#react [Aula 38] - Criar menu lateral com layout do Antd#react [Aula 39] - Bloquear commits com warnings do Eslint#react [Aula 40] - Criar tela de categorias#react [Aula 41] - Criar tabela de categorias com AntD#react [Aula 42] - Criar tela de inclusão de categorias#react [Aula 43] - Finalizar lógicas de inserir categoria#react [Aula 44] - Inserir React Redux no projeto#react [Aula 46] - Configurar Jest + React Testing Library no Vite Typescript#react [Aula 45] - Removendo o useContext e substituindo pelo Redux#react [Aula 47] - Teste unitário de um botão e um input#react [Aula 48] - Teste unitário do header#react [Aula 49] - Como gerar e utilizar mocks com jest.mock#react [Aula 50] - Testar onChange no React Testing Library#react [Aula 51] - Finalizar os testes unitários da tela de inserir produtos#react [Aula 52] - Testar um hook com a biblioteca react-hooks-testing-library#react [Aula 53] - Testar useEffect no nosso hook#react [Aula 54] - Criar mock para o axios com a lib axios-mock-adapter#react [Aula 55] - Testar funções com o jest#react [Aula 56] - Testar a função auth#react [Aula 57] - Testar a função ConnectionAPI#react [Aula 58] - Continuação do teste unitário da função ConnectionAPI#react [Aula 59] - Criar tela de listagem de pedidos#react [Aula 60] - Criar tabela dos pedidos utilizando AntD#react [Aula 61] - Criar a tela de detalhes do pedido#react [Aula 62] - Passando parametros utilizando o React-router#react [Aula 63] - Inserir loading e tipagem para os detalhes do pedido#react [Aula 64] - Inserir tabela com listagem de produtos do pedido#react [Aula 65] - Inserir máscara para CPF, telefone e CEP#react [Aula 66] - Criar tela de listar usuários#react [Aula 67] - Criar tabela na tela de listar usuários#react [Aula 68] - Converter informações do JWT de base64 para um objeto#react [Aula 69] - Criar tela de inserir administrador#react [Aula 70] - Inserir botão na tabela de produtos para deletar#react [Aula 71] - Inserir novos campos no produto#react [Aula 72] - Inserir botão de editar produto na listagem#react [Aula 73] - Editar produto parte 2#react [Aula 74] - Editar produto parte 3#react [Aula 75] - Inserir modal de confirmar exclusão#react [Aula 76] - Criar função de deletar categoria#react [Aula 77] - Deletar e editar categoria#react [Aula 78] - Criar função de editar categoria#react [Aula 79] - Teste unitário da função breadcrumb#react [Aula 80] - Teste unitário do componente InputMoney#react [Aula 81] - Teste unitário do componente Select