7.1.3 - Ferramentas básicas para começar

🧰 Ferramentas Básicas pra Começar com JavaScript

🧰 Ferramentas Básicas pra Começar com JavaScript

Você não precisa de um computador super caro, nem instalar mil programas pra começar a programar. A boa notícia é: o básico é simples e gratuito! 😄

Aqui estão as ferramentas essenciais pra dar seus primeiros passos com JavaScript. Bora montar sua maleta de programador? 💻✨

---

🌐 1. Navegador (Google Chrome, Firefox, Edge...)

Todo mundo já tem um! E adivinha? Os navegadores modernos já entendem JavaScript.

✅ Isso significa que você já pode escrever e testar código sem instalar nada extra!

💡 Você pode até usar o console do navegador pra experimentar códigos rapidinho:

1. Abra o Chrome

2. Aperte Ctrl + Shift + J (ou Cmd + Option + J no Mac)

3. Vá na aba “Console” e digite:

console.log("Olá, mundo!");

---

📝 2. Editor de Código (VS Code é o queridinho 💙)

O Visual Studio Code (VS Code pros íntimos) é um editor de código leve, gratuito e poderoso.

Você pode:

• Escrever e testar seus códigos com facilidade

• Usar extensões pra deixar tudo mais legal

• Personalizar do seu jeitinho!

🔗 Baixe aqui: https://code.visualstudio.com

---

📁 3. Uma pasta com seus arquivos

Crie uma pasta simples no seu computador chamada meus-projetos-js ou algo assim. Organização é vida! 💼✨

Dentro dessa pasta, você pode criar seus arquivos .html, .css e .js.

Exemplo de estrutura:

meus-projetos-js/
├── index.html
├── style.css
└── script.js

---

📦 4. Um navegador com Live Server (pra ver seus projetos funcionando!)

No VS Code, você pode instalar a extensão Live Server.

Ela cria um servidor local e atualiza seu navegador automaticamente toda vez que você salvar algo.

Passo a passo:

1. Abra o VS Code

2. Vá em Extensões (ícone de quadrado à esquerda ou Ctrl+Shift+X)

3. Procure por Live Server e instale

4. Clique com o botão direito no index.html e escolha “Open with Live Server”

🚀 Pronto! Agora é só codar e ver as mudanças na hora!

---

🛠️ 5. Sites para testar código online

Sem computador bom? Sem problemas! Você pode programar direto do navegador:

• 🧪 JSFiddle

• 🌈 CodePen

• ⚙️ Replit

Esses sites são como editores online: você escreve HTML, CSS e JS e vê o resultado na hora.

---

🤔 Resumindo...

Ferramenta	Pra que serve?
🌐 Navegador (Chrome, etc.)	Onde seu código JavaScript é executado
📝 VS Code	Editor para escrever e organizar seu código
🔁 Live Server	Visualiza os projetos em tempo real
📁 Pastas e arquivos	Organização é tudo!
🌐 Plataformas online	Alternativa leve pra começar de qualquer lugar

---

Com essas ferramentas simples, você já tem tudo que precisa pra começar a criar suas primeiras páginas interativas, jogos simples ou apps! 🛠️💡

Pronto pra abrir o VS Code e escrever sua primeira função? Vamos nessa! 😄🚀