# 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](https://www.youtube.com/watch?v=IOfDoyP1Aq0 "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](https://devhints.io/nodejs-assert "Devhints Cheat Sheets • Assert") - [Devhints Cheat Sheets • fs](https://devhints.io/nodejs-fs "Devhints Cheat Sheets • fs") - [Devhints Cheat Sheets • Node JS API](https://devhints.io/nodejs "Devhints Cheat Sheets • Node JS API") - [Devhints Cheat Sheets • Node JS Path API](https://devhints.io/nodejs-path "Devhints Cheat Sheets • Node JS Path API") - [Devhints Cheat Sheets • NPM](https://devhints.io/npm "Devhints Cheat Sheets • NPM") - [Devhints Cheat Sheets • Processes](https://devhints.io/nodejs-process "Devhints Cheat Sheets • Processes") - [Devhints Cheat Sheets • Package json](https://devhints.io/package-json "Devhints Cheat Sheets • Package json") - [Devhints Cheat Sheets • Node JS Stream](https://devhints.io/nodejs-stream "Devhints Cheat Sheets • Node JS Stream") # React JS (JavaScript) --- ### **🎥 Vídeo(s) Recomendado(s)** - 🔗 Vídeo: [Programação Web • Curso de React Para Iniciantes](https://www.youtube.com/watch?v=hd2B7XQAFls "Programação Web • Curso de React Para Iniciantes") - ⏰ Duração: 57:13 - 🔗 Vídeo: [Programação Web • Projeto Prático](https://www.youtube.com/watch?v=vcCKywPfQGs "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\]](https://youtu.be/2RWsLmu8yVc "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](https://react.dev/learn "React • Quick Start") - [Devhints Cheat Sheets • React JS](https://devhints.io/react "Devhints Cheat Sheets • React JS") - [Devhints Cheat Sheets • React JS (v0.14)](https://devhints.io/react@0.14 "Devhints Cheat Sheets • React JS (v0.14)") - [Devhints Cheat Sheets • React-router](https://devhints.io/react-router "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](https://youtu.be/Yp0RRTdtkqY "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.](https://www.youtube.com/watch?v=B4p5P3UlD6I "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](https://www.youtube.com/watch?v=wgsuS1lynmY "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](https://devhints.io/git-branch "Devhints Cheat Sheets • Git Branches") - [Devhints Cheat Sheets • Git Tricks](https://devhints.io/git-tricks "Devhints Cheat Sheets • Git Tricks") - [GitHub Docs • Fluxo de GitHub](https://docs.github.com/pt/get-started/using-github/github-flow "GitHub Docs • Fluxo de GitHub") - [GitHub • Git Cheat Sheet](https://education.github.com/git-cheat-sheet-education.pdf "GitHub • Git Cheat Sheet") - [GitHub Docs • Conectando-se ao GitHub com o SSH](https://docs.github.com/en/authentication/connecting-to-github-with-ssh "GitHub Docs • Conectando-se ao GitHub com o SSH") - [Devhints Cheat Sheets • Linux](https://devhints.io/linux "Devhints Cheat Sheets • Linux")