Sobre o Curso

O principal objetivo de um desenvolvedor de software é sem dúvida construir aplicações, então que tal construir duas aplicação do absoluto zero usando o principal framework web do mercado? A proposta desse curso é te guiar passo a passo na construções de duas aplicações completas, mas se você ainda está iniciando no mundo do React, não tem problema porque antes de entrarmos no desenvolvimento das aplicações, serão apresentados vários exercícios para ensinar os fundamentos de Webpack, React, Redux e todo o ecossistema envolvido no processo. Inclusive tecnologias de backend, como Node, Express e MongoDB. Falaremos desde o básico, mostrando os primeiros passos, até assuntos complexos como geração de formulários dinâmicos e middlewares. Curso 100% prático, mas sempre deixando muito claro os conceitos essenciais para que o aluno aprenda os princípios associados à prática. Tenho certeza que esse curso te dará uma visão bastante robusta sobre desenvolvimento Web com Javascript! Seja muito bem vindo!

Sobre o Autor

Leonardo Leitão é graduado em Engenharia Elétrica pela Universidade Federal do Ceará e Mestre em Informática Aplicada pela Universidade de Fortaleza, na qual trabalhou com Integração de Redes de Sensores sem Fio e Computação em Nuvem. Há doze anos atua na área como desenvolvedor de softwares e atualmente trabalha na DATAPREV como arquiteto, desenvolvendo sistemas para o INSS. Professor de desenvolvimento de software há quase dez anos, iniciou recentemente um projeto de ensinar programação à distância.

Conteúdo Programático

Capítulo 1. Introdução

Visão Geral do Curso     03:10

Assine o Nosso Canal 01:08

Configuração do Ambiente 13:42

Capítulo 2. Webpack

Visão Geral e Instalação     08:58

Configuração Inicial 05:39

Criando o index.html 01:44

Testando a Configuração 03:17

Usando o Sistema de Módulos do CommonsJS 06:12

Importância da referência 05:29

Usando EcmaScript 2015 sem Babel 06:57

Usando o Sistema de Módulos do ES2015 (Babel) 06:40

Interpretando o Operador Spread (Plugin Babel) 06:07

Adicionando o Preset do React 07:15

Adicionando o Loader para CSS 06:30

Capítulo 3. React

Configurando o Projeto 05:59

Configurando o Webpack Manualmente 04:28

Criando o arquivo index.html 01:12

Olá React     11:58

Primeiro Componente 06:52

Primeiro Componente (Arrow Function) 01:42

Usando as Propriedades do Componente     03:13

Exportando mais de um Componente 07:31

Componentes Filhos 05:56

Componentes Filhos 04:19

Passando Propriedades para Componentes Filhos (Parte 1) 04:19

Passando Propriedades para Componentes Filhos (Parte 2) 08:44

Componente de Classe 05:55

Componente com Estado (Ex. Contador) 12:28

Componentes Controlados/Não Controlados 17:42

Capítulo 4. TODO App (Backend)

Visão Geral 09:16

Configuração e Instalação 09:01

Configurando o Servidor com o Express 05:08

Conexão com o Banco de Dados 04:48

ODM e Criação da API REST 08:02

Mapeamento das Rotas 06:52

Testando a API (Postman) 09:47

Habilitando o CORS 04:33

Iniciando o Backend com PM2 03:00

Capítulo 5. TODO App (Frontend)

Configuração e Instalação 05:40

Configurando o Build com Webpack 06:06

Criação do index.html 01:51

Componente App 09:36

Componentes Todo e About 04:26

Componente Menu 05:07

Configurando as Rotas (React-Router) 03:11

Componente PageHeader 03:07

Componentes TodoForm e TodoList 03:58

Estratégia de Implementação 05:02

Estrutura do Formulário 02:39

Componentes Grid e IconButton 09:37

Renderização Condicional (If) 01:57

Evento Adicionar 06:05

Evento onChange 08:40

Evento Adicionar (Integração Backend) 03:37

Consulta e Exclusão de TODOs 11:55

Marcar como Concluído/Pendente 09:34

Pesquisa de TODOs 06:47

Melhorias de CSS e Limpar Formulário 04:39

Adicionar Teclas de Atalhos 03:46

Capítulo 6. React com Redux

Palavras Iniciais e Instalação 03:06

Conhecendo o Redux 12:59

Configurando o Redux 07:54

Ex 01 - Integrando o React-Redux (Parte 1) 09:55

Ex 01 - Integrando o React-Redux (Parte 2) 10:47

Ex 01 - Integrando o React-Redux (Parte 3) 09:57

Ex 02 - Integrando o React-Redux (Parte 1) 07:45

Ex 02 - Integrando o React-Redux (Parte 2) 00:22

Capítulo 7. TODO App (Migração para Redux)

Instalando as Dependências 03:40

Configurando os Reducers 04:06

Configurando o Redux 03:24

Conectar o TodoList com Redux 04:07

Conectar o TodoForm com Redux 03:31

Action Creator changeDescription 11:36

Configurando o Redux Dev Tools 03:35

Action Creator de Pesquisa 12:20

Aplicando Middleware (Redux-Promise) 07:44

Adicionar TODO 08:55

Aplicando Middleware (Redux-Multi) 04:27

Aplicando Middleware (Redux-Thunk) 07:10

Marcar como Concluído/Pendente 08:14

Exclusão de TODOs 04:25

Limpar Formulário 05:42

Melhorando a Action de Pesquisa 15:18

Capítulo 8. Aplicação Final - Ciclos de Pagamentos (Backend)

Visão Geral 06:50

Configuração e Instalação 09:57

Configurando o Servidor com o Express 06:39

Conexão com o Banco de Dados 02:52

Mapeamento Objeto-Documento (ODM) 07:24

Criação da API REST 07:31

Mapeamento das Rotas 07:01

Testando a API (Postman) 15:07

Obtendo a Qtde de Registros (Count) 06:14

Obtendo o Sumário de Pagamentos 16:51

Tratando as Mensagens de Erro 10:59

Habilitando o CORS 06:00

Middleware Query Parser Int 03:56

Capítulo 9. Aplicação Final - Ciclos de Pagamentos (Frontend)

Visão Geral 04:39

Configuração e Instalação 08:44

Configurando o Build com Webpack 09:54

Criação do index.html 02:15

Componentes Index e App 05:03

Dependências do Template (AdminLTE) 06:17

Componente Cabeçalho 05:54

Componente Menu (Parte 1) 03:32

Componente Menu (Parte 2) 08:54

Componente Rodapé 03:51

Navegação com React-router 07:29

Componente de Título do Conteúdo 03:55

Componente Dashboard: Visão Geral 08:45

Componente Grid 07:17

Componente ValueBox 02:45

Usando ValueBox 05:13

Configurando Redux 05:35

Integrando Dashboard com Redux (Parte 1) 06:21

Integrando Dashboard com Redux (Parte 2) 11:16

Ciclo React-Redux com Middlewares 04:05

Configurando Redux DevTools 02:07

Dashboard SEM Redux 07:17

Visão Geral dos Componentes de Abas 07:13

omponente BillingCycle: Refatorando para Classe 02:13

Componentes Estruturais das Abas 03:54

Componente TabHeader 06:27

Criando a Primeira Action e o Reducer 06:09

Componente TabHeader: Conectando com Redux 07:36

Componente Tab Content 06:45

Componente BillingCycle: Conectando com Redux 04:13

Visibilidade das Abas (Parte 1) 08:12

Visibilidade das Abas (Parte 2) 07:09

Componente de Lista: Visão Geral 17:17

Criando a Action "getList" e o Reducer 08:46

Componente BillingCycleList 04:44

Integrando BillingCycleList com Redux 11:12

Exibindo os dados em BillingCycleList 07:34

BillingCycleForm com Redux-Form (Parte 01) 07:58

BillingCycleForm com Redux-Form (Parte 02) 11:38

Exibindo as Mensagens de Sucesso e Erro 10:56

Melhorias na Inclusão do Ciclo de Pagamento 10:53

Field com Componente Personalizado 10:24

Alterar Ciclo de Pagamento (Parte 1) 12:53

Alterar Ciclo de Pagamento (Parte 2) 10:25

Função do Botão Cancelar 07:51

Alterar Ciclo de Pagamento (Parte 3) 06:41

Excluir Ciclo de Pagamento 09:07

Finalizando o Cadastro Básico (Melhorias) 05:25

Componente CreditList Básico 12:23

Componente Input para CreditList 05:55

Evoluindo o Componente CreditList 15:01

Adicionar e Clonar Créditos 08:28

Remover Créditos 03:36

Generalizando o Componente CreditList 05:26

Adicionando o Campo Status no ItemList 04:46

Componente Summary 04:39

Integrar Soma de Créditos e Débitos 08:25

Capítulo 10. Melhorias e Correções

Problema de Responsividade do Menu 02:48

Navegação com React-router (Versão 2) 05:13

Capítulo 11. Aplicação Final - Autenticação (Backend)

Mongo - Visão Geral 08:33

Autenticação - Backend (Parte 01) 08:09

Mongo - Exercício 01: Comandos Básicos 03:57

Mongo - Exercício 02: Inserções 04:34

Mongo - Exercício 03: Consultas 05:35

Mongo - Exercício 04: Agregação 08:32

Mongo - Exercício 05: Atualização 04:00

Mongo - Exercício 06: Contador e Remoções 02:13

Capítulo 12. **Bônus**: Exercícios MongoDB

Capítulo 13. **Bônus**: Exercícios Node

Node - Exercício 01: Javascript Básico 07:07

Node - Exercício 02: Sistema de Módulos 06:38

Node - Exercício 03: Singleton 04:04

Node - Exercício 04: Objeto Global 04:46

Node - Exercício 05: This 05:07

Node - Exercício 06: Módulo Externo (Lodash) 10:42

Node - Exercício 07: Passagem de Parâmetros 03:57

Node - Exercício 08: Process (ARGV) 04:50

Node - Exercício 09: Process (STDIN/STDOUT) 03:31

Node - Exercício 10: Módulo FS 04:33

Node - Exercício 11: Módulo HTTP 04:45

Capítulo 14. **Bônus**: Exercícios Express

Express - Visão Geral 07:01

Express - Exercício 01: Configuração e Mapeando uma Rota 11:46

Express - Exercício 02: Cadeia de Middlewares 05:53

Express - Exercício 03: Método USE 04:09

Express - Exercício 04: Método Route 03:40

Express - Exercício 05: Express Router 12:05

Express - Exercício 06: Express e Router são Singletons? 03:53

Avaliações de nossos alunos

5.0

Avaliação média

  • (100%)
  • (0%)
  • (0%)
  • (0%)
  • (0%)

Comentários

  • avatar

    Cah Felix

    Adorando o curso Leonardo, já tinha visto seus videos de ES6 no youtube, quando vi esse curso de react não tive dúvida da excelente qualidade. Muito obg por partilhar seu conhecimento!

  • avatar

    Luiz Leite

    O prof é fantástico. Não se limita apenas a proposta do curso. Tem sempre uma dica, conselho e uma explicação adicional em cada aula ministrada. Entende bem do assunto. E está focado a passar o melhor de si. Sem enrolação e direto ao ponto. Parabéns a toda a equipe. Grato.

  • avatar

    Alison Y Koyano

  • avatar

    Rafael Montarroyos

  • avatar

    Jorge Sidney Cardoso Junior