Curso de React

Aprenda a programar com JavaScript neste curso online.

Compartilhe:
Curso de React
  • 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:

Curso de React Dê seu voto para Curso de React:
VOTE:
Ruim!Regular!Bom!Muito bom!Ótimo! (Seja o primeiro a votar!)
Loading...