Entrar em contato via Whatsapp

ReactJS na prática

ReactJS na prática

ReactJS na prática

  • 123 Video Aulas (12 horas)
  • Certificado Validado
  • Recursos Adicionais
  • Acesso Vitalício
  • Acomp. Personalizado
17% de desconto R$ 180,00
R$ 150,00

O que você aprenderá

- ReactJS
- JSX
- Props
- Estados
- Componentização
- Listas
- Renderização Condicional
- Imutabilidade
- React Hooks
- ContextAPI
- React Router
- Consumo de APIs
- Javascript ES6+
- Várias bibliotecas externas
- HTML5
- CSS3
- Javascript
- Entre outros

Requisitos

- Lógica de Programação
- HTML5, CSS3 e Javascript

Conteúdo

  • Apresentação do curso
    4 minutos

  • O que é React?
    6 minutos
  • 01-FuncionamentoReact
    5 minutos
  • Criando o primeiro projeto
    8 minutos
  • Entendendo o fluxo criado pelo CRA
    4 minutos
  • Criando o primeiro componente
    10 minutos
  • JSX & expressões
    4 minutos
  • Propriedades
    4 minutos
  • Estado
    7 minutos
  • Renderização Condicional
    5 minutos
  • Ciclos de vida
    8 minutos
  • Renderização de listas
    6 minutos
  • Aplicando CSS
    7 minutos

  • Functional Components
    8 minutos
  • useState
    6 minutos
  • useEffect
    12 minutos
  • useRef
    11 minutos

  • Apresentação do projeto
    1 minutos
  • Criando o projeto
    3 minutos
  • Analisando estrutura e iniciando o desenvolvimento
    10 minutos
  • Criando componente Header
    10 minutos
  • Criando componente Footer
    2 minutos
  • Criando componentes Description e Profile
    9 minutos
  • Estilizando conteúdo principal #01
    12 minutos
  • Criando componente Card
    7 minutos
  • Finalizando o projeto
    11 minutos

  • Apresentação e Criação do Projeto
    4 minutos
  • Criando Header e Footer
    9 minutos
  • Contador de tarefas e Button
    6 minutos
  • Componente Table
    8 minutos
  • Estilizando conteúdo principal
    5 minutos
  • Estilizando tabela
    5 minutos
  • Componente Modal
    11 minutos
  • Estilizando Modal
    6 minutos
  • Controlando o modal
    5 minutos
  • Salvando tarefa no LocalStorage
    13 minutos
  • Carregando tarefas do LocalStorage
    10 minutos
  • Terminando função de criação de tarefas
    2 minutos
  • Listando tarefas
    2 minutos
  • Deletando tarefas
    4 minutos
  • Criando Alert e finalizando projeto
    9 minutos

  • Criando um ”problema”
    16 minutos
  • Resolvendo o ”problema” com ContextAPI
    12 minutos

  • Apresentação do projeto
    2 minutos
  • Criação do projeto e limpeza
    4 minutos
  • Criação de reset e estilos base
    9 minutos
  • Criando componente Header
    5 minutos
  • Criando componente Search
    6 minutos
  • Criando componente Card
    7 minutos
  • Criando Header do Card
    10 minutos
  • Criando componente Counters
    4 minutos
  • Criando footer do Card
    9 minutos
  • Theme Context
    6 minutos
  • Aplicando troca de tema
    5 minutos
  • Criando contexto de usuário
    5 minutos
  • Consumindo API do Github
    7 minutos
  • Guardando os dados retornados
    8 minutos
  • Apresentando os dados
    8 minutos
  • Lógica para renderizar Card
    4 minutos

  • O que é HTML?
    1 minutos
  • O que são Tags?
    2 minutos
  • Head e Body
    5 minutos
  • Meta Tags
    9 minutos
  • Título e subtítulos
    3 minutos
  • Textos e mais textos...
    6 minutos
  • Comentários
    2 minutos
  • Divisão no código
    2 minutos
  • Listas
    2 minutos
  • Âncora
    6 minutos
  • Imagens
    5 minutos
  • Formulário
    7 minutos
  • Input
    9 minutos
  • Tabela
    10 minutos
  • Áudio e Vídeo
    4 minutos
  • Link e Script
    6 minutos
  • Onde chamar meu arquivo Javascript?
    3 minutos
  • Semântica no HTML
    6 minutos

  • O que é CSS?
    1 minutos
  • Sintaxe
    3 minutos
  • Formas de aplicar o CSS
    1 minutos
  • Especificidade
    7 minutos
  • Box Model
    6 minutos
  • Fonts
    5 minutos
  • Width & Height
    2 minutos
  • Unidades #01
    3 minutos
  • Unidades #02
    6 minutos
  • Border & border-radius
    4 minutos
  • Background
    3 minutos
  • Margin & Padding
    7 minutos
  • Display
    10 minutos
  • Position
    6 minutos
  • Float & Overflow
    4 minutos
  • Box-shadow & Opacity
    7 minutos
  • Gradient
    3 minutos
  • Pseudo-Classes #01
    7 minutos
  • Pseudo-Classes #02
    5 minutos
  • Comentários
    1 minutos
  • Variáveis
    6 minutos
  • Reset (Dica)
    3 minutos

  • Conceitos do FlexBox
    6 minutos
  • Align-items & justify-content
    8 minutos
  • Flex-wrap & flex-direction
    4 minutos
  • Flex-flow & align-content
    3 minutos
  • Trabalhando com os Flex Items
    5 minutos
  • Criando um Header com FlexBox
    4 minutos

  • O que é a DOM?
    4 minutos
  • O objeto Console
    4 minutos
  • Alert(), prompt() & confirm()
    3 minutos
  • getElementById() & getElementsByClassName()
    3 minutos
  • getElementByName() & getElementsByTagName()
    3 minutos
  • querySelector() & querySelectorAll()
    3 minutos
  • InnerHTML
    2 minutos
  • ClassList
    4 minutos
  • Style
    3 minutos
  • createElement
    1 minutos
  • AppendChild() & RemoveChild()
    3 minutos
  • getAttribute(), setAttribute() & removeAttribute()
    2 minutos
  • ChildNod & parentNode
    6 minutos
  • Onclick
    4 minutos
  • Onmouseover & Onmouseout
    2 minutos
  • Onload
    1 minutos
  • OnSubmit
    2 minutos
  • AddEventListener
    4 minutos
Luis Antonio Souza Silva

Luis Antonio Souza Silva

Produtor deste 03/09/2020

4 cursos - 413 alunos

Apaixonado por desenvolvimento de softwares, estudo programação desde os 15 anos, sempre com ênfase em Desenvolvimento Frontend. Sou técnico em informática e tecnólogo em Sistemas para Internet. - YT: https://www.youtube.com/c/DevCHICO - IG: https://www.instagram.com/dev.

Luis Antonio Souza Silva
PRODUTORLuis Antonio Souza Silva

4 cursos - 413 alunos