Trilha - Dev. React JavaScript - Intermediário

Node JavaScript (JS)
🎥 Vídeo(s) Recomendado(s) 
 
 🔗 Vídeo:  Felipe Rocha • Full Stack Club • Curso de Node.js Para Completos Iniciantes 
 
 ⏰ Duração: 1:47:41 
 
 
 
 
 🗝️ Pontos-chave (Perguntas-guia) 
 
 Se você consegue responder isso, você entendeu o módulo. 
 Essas perguntas poderão ser usadas futuramente para validação. 
 
 ❓ Perguntas: 
 
 O que é Node.js? 
 Node.js é uma linguagem ou um runtime? 
 Qual a diferença entre JavaScript no browser e no Node.js? 
 Para que tipo de aplicação o Node.js é mais usado? 
 O que é o npm? 
 O que é um package.json ? 
 Qual a diferença entre dependências e devDependencies? 
 O que são módulos no Node.js? 
 Qual a diferença entre require e import ? 
 O que é o Event Loop no Node.js? 
 O que é um servidor HTTP em Node.js? 
 Como Node.js lida com requisições assíncronas? 
 
 
 🔗 Material de Apoio 
 Referência rápida para uso prático. 
 
 Devhints Cheat Sheets • Assert 
 Devhints Cheat Sheets • fs 
 Devhints Cheat Sheets • Node JS API 
 Devhints Cheat Sheets • Node JS Path API 
 Devhints Cheat Sheets • NPM 
 Devhints Cheat Sheets • Processes 
 Devhints Cheat Sheets • Package json 
 Devhints Cheat Sheets • Node JS Stream

React JS (JavaScript)
🎥 Vídeo(s) Recomendado(s) 
 
 
 🔗 Vídeo: Programação Web • Curso de React Para Iniciantes 
 
 ⏰ Duração: 57:13 
 
 
 🔗 Vídeo: Programação Web • Projeto Prático 
 
 ⏰ Duração: 1:06:55 
 Obs.: Continuação do vídeo anterior 
 
 
 🔗 Vídeo: Felipe Rocha • Full Stack Club • Curso de React para Completos Iniciantes [2026] 
 
 ⏰ Duração: 2:25:22 
 
 
 
 
 
 🗝️ Pontos-chave (Perguntas-guia) 
 
 Se você consegue responder isso, você entendeu o módulo. 
 Essas perguntas poderão ser usadas futuramente para validação. 
 
 ❓ Perguntas: 
 
 O que é React e qual problema ele resolve? 
 O que é um componente em React? 
 O que é JSX e por que o React usa JSX? 
 O que são props? 
 Qual a diferença entre props e state? 
 O que é useState ? 
 Quando o componente re-renderiza? 
 Como funciona o fluxo de dados no React? 
 O que é useEffect e quando usar? 
 O que é renderização condicional? 
 Em que partes do produto a empresa usa React? 
 
 
 🔗 Material de Apoio 
 Referência rápida para uso prático. 
 
 React • Quick Start 
 Devhints Cheat Sheets • React JS 
 Devhints Cheat Sheets • React JS (v0.14) 
 Devhints Cheat Sheets • React-router

Git + GitHub - Na Prática
🎥 Vídeo(s) Recomendado(s) 
 
 🔗 Vídeo:  Felipe Rocha • Full Stack Club • Curso de Git & GitHub Para Completos Iniciantes 
 
 ⏰ Duração: 45:53 
 Obs.: Recomendado depois você fazer o setup da sua chave SSH para sua máquina. 
 
 
 🔗 Vídeo Setup do SSH no Windows: hcode • Como Configurar Chave SSH no GitHub: Guia Passo a Passo. 
 
 ⏰ Duração: 5:58 
 
 
 🔗 Vídeo Setup do SSH no Ubuntu: Winner Dev • Criando chave SSH para o GitHub em 2022 | Simples e Rápido 
 
 ⏰ Duração: 3:23 
 
 
 
 
 🗝️ Pontos-chave (Perguntas-guia) 
 
 Se você consegue responder isso, você entendeu o módulo. 
 Essas perguntas poderão ser usadas futuramente para validação. 
 
 ❓ Perguntas: 
 
 Como criar um repositório no GitHub? 
 Como clonar um repositório para a máquina local? 
 Qual a diferença entre HTTPS e SSH? 
 Por que usar chave SSH no GitHub? 
 Como verificar se a conexão SSH está funcionando? 
 Como fazer alterações locais e versionar ( add , commit ) ? 
 Como enviar alterações para o GitHub ( push ) ? 
 O que é pull e quando usar? 
 O que fazer quando ocorre conflito de merge? 
 
 
 🔗 Material de Apoio 
 Referência rápida para uso prático. 
 
 Devhints Cheat Sheets • Git Branches 
 Devhints Cheat Sheets • Git Tricks 
 GitHub Docs • Fluxo de GitHub 
 GitHub • Git Cheat Sheet 
 GitHub Docs • Conectando-se ao GitHub com o SSH 
 Devhints Cheat Sheets • Linux