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_display Apresentação do curso Fundamentos do React
smart_display O que é React? smart_display 01-FuncionamentoReact smart_display Criando o primeiro projeto smart_display Entendendo o fluxo criado pelo CRA smart_display Criando o primeiro componente smart_display JSX & expressões smart_display Propriedades smart_display Estado smart_display Renderização Condicional smart_display Ciclos de vida smart_display Renderização de listas smart_display Aplicando CSS React Hooks
smart_display Functional Components smart_display useState smart_display useEffect smart_display useRef Portfólio - Projeto #01
smart_display Apresentação do projeto smart_display Criando o projeto smart_display Analisando estrutura e iniciando o desenvolvimento smart_display Criando componente Header smart_display Criando componente Footer smart_display Criando componentes Description e Profile smart_display Estilizando conteúdo principal #01 smart_display Criando componente Card smart_display Finalizando o projeto GoTasks - Projeto #02
smart_display Apresentação e Criação do Projeto smart_display Criando Header e Footer smart_display Contador de tarefas e Button smart_display Componente Table smart_display Estilizando conteúdo principal smart_display Estilizando tabela smart_display Componente Modal smart_display Estilizando Modal smart_display Controlando o modal smart_display Salvando tarefa no LocalStorage smart_display Carregando tarefas do LocalStorage smart_display Terminando função de criação de tarefas smart_display Listando tarefas smart_display Deletando tarefas smart_display Criando Alert e finalizando projeto ContextAPI
smart_display Criando um ”problema” smart_display Resolvendo o ”problema” com ContextAPI DevFinder (Consumo de API) - Projeto #03
smart_display Apresentação do projeto smart_display Criação do projeto e limpeza smart_display Criação de reset e estilos base smart_display Criando componente Header smart_display Criando componente Search smart_display Criando componente Card smart_display Criando Header do Card smart_display Criando componente Counters smart_display Criando footer do Card smart_display Theme Context smart_display Aplicando troca de tema smart_display Criando contexto de usuário smart_display Consumindo API do Github smart_display Guardando os dados retornados smart_display Apresentando os dados smart_display Lógica para renderizar Card [Extra] - HTML5
smart_display O que é HTML? smart_display O que são Tags? smart_display Head e Body smart_display Meta Tags smart_display Título e subtítulos smart_display Textos e mais textos... smart_display Comentários smart_display Divisão no código smart_display Listas smart_display Âncora smart_display Imagens smart_display Formulário smart_display Input smart_display Tabela smart_display Áudio e Vídeo smart_display Link e Script smart_display Onde chamar meu arquivo Javascript? smart_display Semântica no HTML [Extra] - CSS3
smart_display O que é CSS? smart_display Sintaxe smart_display Formas de aplicar o CSS smart_display Especificidade smart_display Box Model smart_display Fonts smart_display Width & Height smart_display Unidades #01 smart_display Unidades #02 smart_display Border & border-radius smart_display Background smart_display Margin & Padding smart_display Display smart_display Position smart_display Float & Overflow smart_display Box-shadow & Opacity smart_display Gradient smart_display Pseudo-Classes #01 smart_display Pseudo-Classes #02 smart_display Comentários smart_display Variáveis smart_display Reset (Dica) [Extra] - FlexBox
smart_display Conceitos do FlexBox smart_display Align-items & justify-content smart_display Flex-wrap & flex-direction smart_display Flex-flow & align-content smart_display Trabalhando com os Flex Items smart_display Criando um Header com FlexBox [Extra] - Javascript
smart_display O que é a DOM? smart_display O objeto Console smart_display Alert(), prompt() & confirm() smart_display getElementById() & getElementsByClassName() smart_display getElementByName() & getElementsByTagName() smart_display querySelector() & querySelectorAll() smart_display InnerHTML smart_display ClassList smart_display Style smart_display createElement smart_display AppendChild() & RemoveChild() smart_display getAttribute(), setAttribute() & removeAttribute() smart_display ChildNod & parentNode smart_display Onclick smart_display Onmouseover & Onmouseout smart_display Onload smart_display OnSubmit smart_display AddEventListener
Este curso inclui:
- Video aulas: 123
- Carga horária: 11h18
- Certificado validado
- Recursos adicionais
Instrutor(a):
Luis Antonio Souza Silva
4 cursos410 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.