Course curriculum

  • 1

    O que você vai aprender e como ter ajuda?

    • 1 - O que você vai aprender e como ter ajuda?

    • Arquivos de projeto e códigos-fonte
  • 2

    Vamos começara a aprender React JS

    • 2 - Visão geral do seu primeiro aplicativo

    • 3 - Perguntas frequentes

    • 4 - Let, Const e Var em 3 minutos

    • 5 - Instale o Node JS

    • 6 - Crie seu aplicativo React

    • 7 - Por que você vai precisar criar um aplicativo React?

    • 8 - Comece a criar um aplicativo React

    • 9 - Você quer aprender com parar um aplicativo React?

    • 10 - Componentes funcionais importantes
  • 3

    O que é JSX?

    • 11 - Convertendo HTML em JSX

    • 12 - Estilo Inline com JSX no React JS

    • 13 - Variável JavaScript no JSX
  • 4

    React com Props

    • 14 - Três princípios dos Componentes

    • 15 - Aplicativo simples com React

    • 16 - Aplicativo de estilização com Semantic UI

    • 17 - Componente de construção

    • 18 - Especificando a imagem no React JS

    • 19 - Duplicando o componente simples

    • 20 - Aninhamento de componente

    • 21 - Sistema Props

    • 22 - Passando Props para Filhos

    • 23 - Visão geral dos Componentes Reutilizáveis

    • 24 - Props Filhos
  • 5

    Componentes baseados em classe

    • 25 - Componentes baseados em classe e componente funcional

    • 26 - Visão geral do novo aplicativo

    • 27 - Conseguindo a localização física do usuário

    • 28 - Manipulando operações assíncronas no React

    • 29 - Transformando componente funcional em componente baseado em classe
  • 6

    State no React

    • 30 - Regras do State

    • 31 - Inicializando o State no construtor

    • 32 - Visão geral do método de ciclo de vida

    • 33 - Renderização condicional
  • 7

    Métodos de Ciclo de Vida

    • 34 - Conhecendo o método de ciclo de vida

    • 35 - Aplicativo de refatoração com método de ciclo de vida

    • 36 - Passando State como Props

    • 37 - Expressões ternárias no JSX

    • 38 - Mostrando imagem

    • 39 - Estilizando o aplicativo

    • 40 - Ferramentas de Desenvolvedor React gratuitas

    • 41 - Revisão geral do aplicativo
  • 8

    Inputs do usuário, Formulários e Eventos no React JS

    • 42 - Visão geral do aplicativo

    • 43 - Design de componente

    • 44 - Manipulando formulários

    • 45 - Estilizando o aplicativo

    • 46 - Criando manipuladores de eventos

    • 47 - Elementos controlados x não controlados

    • 48 - Por que elementos controlados?

    • 49 - Entendendo a palavra-chave ‘this’ no JS

    • 50 - Comunicando Filho com o Pai

    • 51 - Invocando retorno de chamadas nos Filhos
  • 9

    Requisições de API com React

    • 52 - Buscando dados

    • 53 - Axios x Fetch

    • 54 - Função Async Await

    • 55 - Definindo o State

    • 56 - Renderizando uma lista de componentes

    • 57 - Implementando os valores chaves na lista

    • 58 - O que a gente aprendeu do aplicativo?
  • 10

    Navegação com React Router

    • 59 - Inicializando o projeto

    • 60 - React Router

    • 61 - Link e Nav Links

    • 62 - Redirecionamentos programáticos

    • 63 - Parâmetros Route

    • 64 - React Router Switch Tag
  • 11

    Portais React

    • 65 - Como criar um modal?

    • 66 - Por que Portais React?

    • 67 - Criando Portais React