ReactJS na prática

ReactJS na prática

Sobre o Curso

Se você está iniciando os estudos ou possui interesse em aprender sobre Frontend, vem comigo aprender a tecnologia com uma das melhoras ferramentas para desenvolvimento web Frontend da atualidade!
...

Introdução ao curso

smart_displayApresentação do curso

Fundamentos do React

smart_displayO que é React?
smart_display01-FuncionamentoReact
smart_displayCriando o primeiro projeto
smart_displayEntendendo o fluxo criado pelo CRA
smart_displayCriando o primeiro componente
smart_displayJSX & expressões
smart_displayPropriedades
smart_displayEstado
smart_displayRenderização Condicional
smart_displayCiclos de vida
smart_displayRenderização de listas
smart_displayAplicando CSS

React Hooks

smart_displayFunctional Components
smart_displayuseState
smart_displayuseEffect
smart_displayuseRef

Portfólio - Projeto #01

smart_displayApresentação do projeto
smart_displayCriando o projeto
smart_displayAnalisando estrutura e iniciando o desenvolvimento
smart_displayCriando componente Header
smart_displayCriando componente Footer
smart_displayCriando componentes Description e Profile
smart_displayEstilizando conteúdo principal #01
smart_displayCriando componente Card
smart_displayFinalizando o projeto

GoTasks - Projeto #02

smart_displayApresentação e Criação do Projeto
smart_displayCriando Header e Footer
smart_displayContador de tarefas e Button
smart_displayComponente Table
smart_displayEstilizando conteúdo principal
smart_displayEstilizando tabela
smart_displayComponente Modal
smart_displayEstilizando Modal
smart_displayControlando o modal
smart_displaySalvando tarefa no LocalStorage
smart_displayCarregando tarefas do LocalStorage
smart_displayTerminando função de criação de tarefas
smart_displayListando tarefas
smart_displayDeletando tarefas
smart_displayCriando Alert e finalizando projeto

ContextAPI

smart_displayCriando um ”problema”
smart_displayResolvendo o ”problema” com ContextAPI

DevFinder (Consumo de API) - Projeto #03

smart_displayApresentação do projeto
smart_displayCriação do projeto e limpeza
smart_displayCriação de reset e estilos base
smart_displayCriando componente Header
smart_displayCriando componente Search
smart_displayCriando componente Card
smart_displayCriando Header do Card
smart_displayCriando componente Counters
smart_displayCriando footer do Card
smart_displayTheme Context
smart_displayAplicando troca de tema
smart_displayCriando contexto de usuário
smart_displayConsumindo API do Github
smart_displayGuardando os dados retornados
smart_displayApresentando os dados
smart_displayLógica para renderizar Card

[Extra] - HTML5

smart_displayO que é HTML?
smart_displayO que são Tags?
smart_displayHead e Body
smart_displayMeta Tags
smart_displayTítulo e subtítulos
smart_displayTextos e mais textos...
smart_displayComentários
smart_displayDivisão no código
smart_displayListas
smart_displayÂncora
smart_displayImagens
smart_displayFormulário
smart_displayInput
smart_displayTabela
smart_displayÁudio e Vídeo
smart_displayLink e Script
smart_displayOnde chamar meu arquivo Javascript?
smart_displaySemântica no HTML

[Extra] - CSS3

smart_displayO que é CSS?
smart_displaySintaxe
smart_displayFormas de aplicar o CSS
smart_displayEspecificidade
smart_displayBox Model
smart_displayFonts
smart_displayWidth & Height
smart_displayUnidades #01
smart_displayUnidades #02
smart_displayBorder & border-radius
smart_displayBackground
smart_displayMargin & Padding
smart_displayDisplay
smart_displayPosition
smart_displayFloat & Overflow
smart_displayBox-shadow & Opacity
smart_displayGradient
smart_displayPseudo-Classes #01
smart_displayPseudo-Classes #02
smart_displayComentários
smart_displayVariáveis
smart_displayReset (Dica)

[Extra] - FlexBox

smart_displayConceitos do FlexBox
smart_displayAlign-items & justify-content
smart_displayFlex-wrap & flex-direction
smart_displayFlex-flow & align-content
smart_displayTrabalhando com os Flex Items
smart_displayCriando um Header com FlexBox

[Extra] - Javascript

smart_displayO que é a DOM?
smart_displayO objeto Console
smart_displayAlert(), prompt() & confirm()
smart_displaygetElementById() & getElementsByClassName()
smart_displaygetElementByName() & getElementsByTagName()
smart_displayquerySelector() & querySelectorAll()
smart_displayInnerHTML
smart_displayClassList
smart_displayStyle
smart_displaycreateElement
smart_displayAppendChild() & RemoveChild()
smart_displaygetAttribute(), setAttribute() & removeAttribute()
smart_displayChildNod & parentNode
smart_displayOnclick
smart_displayOnmouseover & Onmouseout
smart_displayOnload
smart_displayOnSubmit
smart_displayAddEventListener

R$ 150,00

R$ 180,00-17%

Comprar este curso

Este curso inclui:

  • Video aulas: 123
  • Carga horária: 11h18
  • Certificado validado
  • Recursos adicionais

Instrutor(a):

Luis Antonio Souza Silva

4 cursos405 alunosApaixonado 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.