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:
Abra o Chrome
Aperte
Ctrl + Shift + J(ouCmd + Option + Jno Mac)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:
Abra o VS Code
Vá em Extensões (ícone de quadrado à esquerda ou
Ctrl+Shift+X)Procure por
Live Servere instaleClique com o botão direito no
index.htmle 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:
Esses sites são como editores online: você escreve HTML, CSS e JS e vê o resultado na hora.
🤔 Resumindo...
🌐 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! 😄🚀
Last updated