React + Redux: Fundamentos e Duas Apps do ABSOLUTO ZERO!
4.6 (711 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,553 students enrolled
Wishlisted Wishlist

Please confirm that you want to add React + Redux: Fundamentos e Duas Apps do ABSOLUTO ZERO! to your Wishlist.

Add to Wishlist

React + Redux: Fundamentos e Duas Apps do ABSOLUTO ZERO!

Aprenda React, Redux, Webpack, Redux-Form, MongoDB, Express, Node... Vários exercícios práticos e Duas Apps do ZERO!
4.6 (711 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,553 students enrolled
Last updated 6/2017
Portuguese
Curiosity Sale
Current price: $10 Original price: $115 Discount: 91% off
30-Day Money-Back Guarantee
Includes:
  • 22 hours on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Configurar uma aplicação com Webpack
  • Criar componentes em React
  • Integrar o Redux em uma aplicação React
  • Desenvolver uma aplicação do zero com React/Redux
  • Desenvolver uma aplicação full-stack em Javascript
  • Aplicar boas práticas de desenvolvimento
View Curriculum
Requirements
  • É importante que o aluno conheça o básico da linguagem Javascript
  • É importante que o aluno conheça o básico de HTML
Description

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!

Who is the target audience?
  • Programadores Javascript que desejem aprender a desenvolver aplicações profissionais
  • Programadores que desejem aprender React
  • Programadores que desejem aprender React com Redux
  • Programadores que desejem aprender a desenvolver uma aplicação do zero
Students Who Viewed This Course Also Viewed
Curriculum For This Course
197 Lectures
22:00:01
+
Introdução
4 Lectures 18:03

Assine o Nosso Canal
01:07

Repositório do Curso & Apostila (Versão BETA)
00:05

Configuração do Ambiente
13:41
+
Webpack
11 Lectures 01:04:40

Configuração Inicial
05:39

Criando o index.html
01:43

Testando a Configuração
03:16

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

Importância da referência
05:28

Usando EcmaScript 2015 sem Babel
06:57

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

Interpretando o Operador Spread (Plugin Babel)
06:06

Adicionando o Preset do React
07:14

Adicionando o Loader para CSS
06:29
+
React
15 Lectures 01:42:10
Configurando o Projeto
05:59

Configurando o Build com Webpack
04:27

Criando o arquivo index.html
01:11


Primeiro Componente
06:52

Primeiro Componente (Arrow Function)
01:42


Exportando mais de um Componente
07:31

Componentes Filhos
05:55

Componentes Filhos
04:18

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

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

Componente de Classe
05:55

Componente com Estado (Ex. Contador)
12:28

Componentes Controlados/Não Controlados
17:41
+
TodoApp (Backend)
9 Lectures 01:00:24
Visão Geral
09:15

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

Configurando o Servidor com o Express
05:08

Conexão com o Banco de Dados
04:47

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

Mapeamento das Rotas
06:52

Testando a API (Postman)
09:47

Habilitando o CORS
04:33

Iniciando o Backend com PM2
03:00
+
TodoApp (Frontend)
21 Lectures 01:57:15
Configuração e Instalação
05:40

Configurando o Build com Webpack
06:06

Criação do index.html
01:51

Componente App
09:35

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:57

Estratégia de Implementação
05:02

Estrutura do Formulário
02:39

Componentes Grid e IconButton
09:36

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:54

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:45
+
React com Redux
8 Lectures 01:17:42
Palavras Iniciais e Instalação
03:06

Conhecendo o Redux
12:59

Configurando o Redux
07:53

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

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

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)
15:21
+
TodoApp (Migração para Redux)
16 Lectures 01:48:07
Instalando as Dependências
03:39

Configurando os Reducers
04:06

Configurando o Redux
03:23

Conectar o TodoList com Redux
04:06

Conectar o TodoForm com Redux
03:30

Action Creator changeDescription
11:36

Configurando o Redux Dev Tools
03:35

Action Creator de Pesquisa
12:19

Aplicando Middleware (Redux-Promise)
07:44

Adicionar TODO
08:55

Aplicando Middleware (Redux-Multi)
04:27

Aplicando Middleware (Redux-Thunk)
07:09

Marcar como Concluído/Pendente
08:13

Exclusão de TODOs
04:25

Limpar Formulário
05:42

Melhorando a Action de Pesquisa
15:18
+
Aplicação Final - Ciclos de Pagamentos (Backend)
13 Lectures 01:47:12
Visão Geral
06:50

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

Configurando o Servidor com o Express
06:39

Conexão com o Banco de Dados
02:51

Mapeamento Objeto-Documento (ODM)
07:23

Criação da API REST
07:30

Mapeamento das Rotas
07:01

Testando a API (Postman)
15:06

Obtendo a Qtde de Registros (Count)
06:13

Obtendo o Sumário de Pagamentos
16:50

Tratando as Mensagens de Erro
10:58

Habilitando o CORS
05:59

Middleware Query Parser Int
03:56
+
Aplicação Final - Ciclos de Pagamentos (Frontend)
57 Lectures 06:58:15
Visão Geral
04:39

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

Configurando o Build com Webpack
09:53

Criação do index.html
02:15

Componentes Index e App
05:03

Dependências do Template (AdminLTE)
06:16

Componente Cabeçalho
05:53

Componente Menu (Parte 1)
03:32

Componente Menu (Parte 2)
08:53

Componente Rodapé
03:50

Navegação com React-router
07:29

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

Componente Dashboard: Visão Geral
08:44

Componente Grid
07:16

Componente ValueBox
02:45

Usando ValueBox
05:12

Configurando Redux
05:34

Integrando Dashboard com Redux (Parte 1)
06:21

Integrando Dashboard com Redux (Parte 2)
11:15

Ciclo React-Redux com Middlewares
04:04

Configurando Redux DevTools
02:07

Dashboard SEM Redux
07:17

Visão Geral dos Componentes de Abas
07:12

Componente BillingCycle: Refatorando para Classe
02:12

Componentes Estruturais das Abas
03:53

Componente TabHeader
06:27

Criando a Primeira Action e o Reducer
06:08

Componente TabHeader: Conectando com Redux
07:35

Componente Tab Content
06:44

Componente BillingCycle: Conectando com Redux
04:13

Visibilidade das Abas (Parte 1)
08:12

Visibilidade das Abas (Parte 2)
07:08

Componente de Lista: Visão Geral
17:17

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

Componente BillingCycleList
04:43

Integrando BillingCycleList com Redux
11:12

Exibindo os dados em BillingCycleList
07:33

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

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

Exibindo as Mensagens de Sucesso e Erro
10:55

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

Field com Componente Personalizado
10:23

Exibir Aba de Alterar Ciclo de Pagamento
07:04

Inicializar Formulário com Dados
09:32

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

Alterar Ciclo de Pagamento
09:29

Excluir Ciclo de Pagamento
10:27

Finalizando o Cadastro Básico (Melhorias)
07:08

Componente CreditList Básico
12:22

Componente Input para CreditList
05:54

Evoluindo o Componente CreditList
15:00

Adicionar e Clonar Créditos
08:27

Remover Créditos
03:36

Generalizando o Componente CreditList
05:26

Adicionando o Campo Status no ItemList
04:45

Componente Summary
04:38

Integrar Soma de Créditos e Débitos
08:24
+
Melhorias e Correções
2 Lectures 07:59
Problema de Responsividade do Menu
02:47

Navegação com React-router (Versão 2)
05:12
5 More Sections
About the Instructor
Leonardo Moura Leitao
4.6 Average rating
1,805 Reviews
6,158 Students
4 Courses
Arquiteto de Software

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.

COD3R Cursos Online
4.7 Average rating
2,472 Reviews
7,826 Students
5 Courses

A COD3R é uma Escola de cursos online de programação criada por profissionais experientes do mercado que se dedicam a programação, arquitetura e design de software, infraestrutura e todo o ciclo de vida do desenvolvimento de um software. Acreditamos que a melhor forma de aprender é praticando, e o nosso objetivo como Escola de ensino é entregar conteúdo de valor que te fará aprender, executar e pensar da melhor forma possível e com as melhores práticas disponíveis do mercado.