Mammoth Interactive

Curso React: Guia Definitivo

Se é aspirante a desenvolvedor WEB ou um empreendedor que quer colocar as suas ideias em prática, este é um curso para si.

6 enrolled

$21.99 $36.65

Limited time offer.

assistindo agora

5 Alunos

Descrição

Este curso React é um guia para iniciantes, desenvolvedores de aplicativos Web com alguma experiência, e empreendedores ansiosos por aprender. É importante entender que, se deseja criar seu aplicativo Web, deve ter uma ideia única e saber como criar algo visualmente atraente. Mas, no processo de criação de aplicativos web, é importante não apenas focar no apelo visual, mas também criar uma interface que permita uma melhor experiência para o usuário. Portanto, deve escolher uma biblioteca que permite fazer isso. Neste curso React, você aprenderá a construir seu próprio aplicativo web usando React e Redux com o instrutor Criss Veillette.

Por que fazer este curso React?

Primeiro de tudo, gostaria de lhe dar uma breve introdução sobre o que é React. React é uma biblioteca JavaScript de código aberto usada para desenvolvimento web. Por que escolher React? Primeiro de tudo, o React é reconhecido como a biblioteca JavaScript mais popular usada para criar interfaces de usuário. Como é eficiente e flexível, muitos sites o usam. Dentre esses sites, está o Instagram, o Facebook, Netflix, Imgur e muitos mais. Ao contrário de outras bibliotecas, o React é fácil de usar. Isso significa que não irá demorar muito tempo para aprender e se tornar num desenvolvedor React, construindo os seus próprios aplicativos web! Mas, o que o React e o Redux têm em comum? Redux é uma biblioteca JavaScript de código aberto para o gerenciamento de aplicativos. Ele ajuda a criar programas que funcionem fluentemente em diferentes ambientes. É importante entender que React e Redux não estão conectados. Mas, o Redux funciona especialmente bem com bibliotecas como o React, portanto, neste curso React, você irá aprender a trabalhar com essas duas bibliotecas.

Outro ponto importante que responde à questão de por que deve aprender React são as habilidades que você irá adquirir. Após este curso React, irá conseguir organizar seu site de maneira consistente e - irá aprender a usar o JXS, que adiciona a sintaxe XML ao JavaScript. E por último, você irá aprender a escrever CSS modular. CSS modular é uma coleção de elementos que são usados para escrever um código que é mais sustentável. Além disso, este curso React oferece uma variedade de exercícios práticos, tudo passo-a-passo, por isso será muito mais fácil e até mesmo divertido de aprender. Poderá colocar no seu portfólio tudo o que aprender neste curso React e mostrar ao seu futuro empregador, ou até mesmo ao seu atual, pois isso poderá ser uma oportunidade para novos horizontes na sua carreira profissional.

Existe algum pré-requisito para aprender e ser um desenvolvedor React?

Quais pré-requisitos são necessários para se inscrever neste curso React? Existem alguns pré-requisitos antes iniciar a sua jornada no aprendizado de React e Redux. Primeiro de tudo, este curso requer algum conhecimento básico prévio de CSS ou HTML.

Sobre os requisitos técnicos: deverá ter um navegador web moderno para que tudo funcione perfeitamente.

Não espere mais e junte-se a nós neste curso, torne-se num desenvolvedor React! Abra novas possibilidades na sua vida profissional ou simplesmente ganhe um hobby divertido que pode vir a ser lucrativo!

Mostrar mais Mostrar menos

O que você vai aprender?

Aprenda a apresentar aplicativos Web de forma lógica Aprenda a usar JSX - Adicione Sintaxe XML ao Javascript Aprenda CSS Modular

Requisitos

Um navegador web moderno Básico de HTML/CSS Este curso foi gravado num Mac

NFT Certificate

148 Lições

Iniciante

English

1.0 Avaliação

+100 XP

Share Course on Social media

Grade Curricular do Curso

Course consist of total 17h 51m of content, in total.

Seção 1: Introdução ao React e JSX

51:29

React e JSX Intro Parte 1

React e JSX Intro Parte 2

React e JSX Intro Parte 3

React e JSX Intro Parte 4

Seção 2: Componentes

57:58

DOM Virtual do React e Classes

15:43

Classe ES6 de React (webpack-dev-server)

11:19

Componentes do React

07:28

Componentes do React Parte 2

09:04

Validadores Componentes do React

14:24

Seção 3: Estados (States)

39:17

Estados React Parte 1

12:02

Estados React Parte 2

04:39

Estados React Parte 3

06:01

Estados React Parte 4

00:01

Estados React Parte 5

05:06

Estados React - componentWillUnmount

06:34

Estados React - Webpack Hot Reloading

04:54

Seção 4: Manipulação de eventos

41:13

Manipulação de eventos React Parte 1

12:57

Manipulação de eventos React Parte 2

04:26

Manipulação de eventos React Parte 3

03:57

Manipulação de eventos React Parte 4

12:59

Manipulação de eventos React Parte 5

06:54

Seção 5: Roteadores

1:27:32

Props.children do React

06:01

Componente Redirect

01:36

Perfis de Roteamento React

06:48

Roteamento React - Back Button

03:25

Roteamento React - Activeclassname

05:22

Roteamento React - Active Inline Styles

02:57

Roteamento React - Componentes Navlinks

10:14

Roteamento React

12:27

Roteamento React - Direct URL

04:19

Roteamento React - Wildcard

02:29

Roteamento React - Indexroute

06:04

Roteamento React - Perfil

04:10

Roteamento React - Rotas Aninhadas

06:31

Roteamento React - Perfil de Usuário

07:36

Roteamento React - Redirects

07:33

Seção 6: Refatorando

10:22

Refatorando componentes React

05:25

Refatorando componentes React (Continuação)

04:57

Seção 7: Componentes Product

44:18

Componentes Product do React Parte 1

09:31

Componentes Product do React Parte 2

04:23

Componentes Product do React Parte 3 v2

07:29

Componentes Product do React Parte 4

07:20

Componentes Product do React Parte 5

06:39

Componentes Product do React Parte 6

08:56

Seção 8: CSS

1:13:36

Framework CSS Básica no React

05:12

Extrair CSS do React para arquivo separado

08:21

Extrair CSS do React para arquivo separado (Continuação)

01:41

Framework CSS Básica no React (Continuação)

07:51

Módulo CSS do React

10:48

Estilizando CSS do React Parte 1

09:01

Estilizando CSS do React Parte 2

08:26

Estilizando CSS do React Parte 3

07:21

Estilizando CSS do React Parte 4

06:59

Estilizando CSS do React Parte 5

03:33

Estilizando CSS do React Parte 6

04:23

Seção 9: Redux

58:19

Introdução ao Redux Parte 1

09:25

Introdução ao Redux Parte 2

07:57

Introdução ao Redux Parte 3

07:15

Introdução ao Redux Parte 4

04:21

Redux Store

08:32

Redux Store (Continuação)

03:03

Subscrição na Redux Store

04:52

Subscrição na Redux Store (Continuação)

03:09

Redutores Combinados Redux

09:45

Seção 10: Adicionado o Redux ao React

1:04:36

Adicionado o Redux ao React Parte 1

27:28

Adicionado o Redux ao React Parte 2

03:31

Adicionado o Redux ao React Parte 3

10:44

Adicionado o Redux ao React Parte 4

10:27

Apagar Nomes

07:40

Babel e Operador Spread

04:46

Seção 11: Perfis

1:07:53

Criando Actions

10:23

Página do Perfil

16:39

Dispatch e onEnter

07:33

Refatorar em arquivos separados

03:43

Refatorar em arquivos separados (Continuação)

01:24

Página de Produtos

13:16

Página Perfil dos Produtos

14:55

Seção 12: Criando uma Store (Loja)

19:01

Estado Inicial em createStore

06:34

Estado Inicial em createStore (Continuação)

03:57

Adicionando nomes gerados com o Faker

08:30

Seção 13: Funções Get

1:15:33

Back-end e Middleware Falsos

15:06

Adicionar nome aleatório (Continuação)

04:39

Thunk Middleware

16:14

Verificação do Estado Thunk

06:24

Obter Perfil Parte 1

08:53

Obter Perfil Parte 2

04:46

Obter Perfil Parte 3

04:18

Obter Perfil Parte 4

03:22

Obter Refator de nomes

05:47

Adicionar nome aleatório

06:04

Seção 14: Tratamento de erros

35:55

Refatorar nome de Redutores

06:57

Usando Actions

02:44

Tratamento de erros Parte 1

10:11

Tratamento de erros Parte 2

07:04

Tratamento de erros Parte 3

08:59

Seção 15: Lista de Produtos e Perfis

39:38

Lista de Produtos

13:24

Lista de Produtos (Continuação)

03:04

Perfil do Produto

10:54

Perfil do Produto (Continuação)

04:05

Refatorar Tratamento de Erros

04:57

Refatorar Tratamento de Erros (Continuação)

03:14

Seção 16: Carregando Spinner

27:54

Carregando Spinner

09:16

Carregando Spinner (Continuação)

07:14

Componente Error

11:24

Seção 17: Reviews

55:24

Adicionando Reviews Parte 1

00:01

Adicionando Reviews Parte 2

11:32

Adicionando Reviews Parte 3

10:48

Adicionando Reviews

19:46

Refinando os Containers de Reviews Parte 1

03:53

Refinando os Containers de Reviews Parte 2

03:24

Refinando os Containers de Reviews Parte 3

06:00

Seção 18: Protótipos e Tratamento de Erros

58:24

Adicionando Protótipos

28:57

Adicionando Protótipos (Continuação)

14:23

Tipos de Action

06:39

Refatorando Tratamento de Erros

06:28

Refatorando Tratamento de Erros (Continuação)

01:57

Seção 19: Hot Reloading

38:39

Migrando para o Webpack2

07:14

Hot Reloading

05:43

Hot Reloading (Continuação)

09:31

Plug-in Webpack em HTML

04:48

Simple Production Build

07:34

Atualização do arquivo Dev Config

03:49

Seção 20: Toques Finais

1:45:41

Refinamentos finais Parte 1

07:13

Estilizando o perfil do Produto Parte 1

06:15

Estilizando o perfil do Produto (Continuação)

05:06

Estilizando as reviews

05:03

Estilizando as reviews (Continuação)

02:15

Continuando com as Estilizações

01:58

Estilizando a Namelist Parte 1

03:40

Estilizando a Namelist Parte 2

03:34

Estilizando a Namelist Parte 3

01:44

Estilizando o Layout do Footer

05:44

Estilizando o Layout do Footer (Continuação)

02:35

Refinamentos finais 2

04:07

Estilizando o Layout Geral

05:07

Estilizando o Layout Geral (Continuação)

01:07

Fonte e Mais Refinamentos

17:11

Refinamentos finais Parte 3

10:53

Refinamentos finais Parte 4

03:58

Refinamentos finais Parte 5

02:40

Estilizando a NavBar

02:33

Estilizando a Lista de Produtos Parte 1

06:06

Estilizando a Lista de Produtos Parte 2

05:18

Estilizando a Lista de Produtos Parte 3

01:34

Seção 21: Epílogo

02:50

Considerações Finais

02:50

Seção 22: Arquivos e Códigos-Fonte

15:58

React_Common_Pitfalls

05:03

React_Quick_Win

05:36

React_Top_Ten

05:19

Avaliações da plataforma BitDegree

EXCLUSIVE OFFER: GET 25% OFF

Save Big With DataCamp Promo Code

Days

Hours

Minutes

Seconds

GET 25% OFF