Uma das maiores barreiras para quem quer aprender JavaScript é achar que precisa de um setup complexo. Instalar dezenas de ferramentas, configurar ambientes, entender mil linhas de configuração antes de escrever um único console.log.
A boa notícia? Você não precisa de nada disso.
O 33 Conceitos JS foi projetado para todos — incluindo iniciantes completos. Você não precisa saber nenhuma linguagem de programação antes de começar. Tudo o que você precisa são algumas ferramentas gratuitas que você provavelmente já tem.
// metadados do artigo
{
"tag": "getting started",
"readTime": "5 min",
"author": "Vanderlei José Alamino",
"source": "33jsconcepts.com/getting-started/prerequisites",
"series": "33 Conceitos JS",
"part": {
"current": 3,
"total": 38
}
}Fonte de referência
Conteúdo adaptado a partir do guia original em inglês.
seção
JavaScript roda em todo navegador web. Você pode usar qualquer navegador moderno:
| Navegador | Atalho para DevTools |
|---|---|
| Chrome (recomendado) | F12 ou Cmd+Option+J (Mac) |
| Firefox | F12 ou Cmd+Option+I (Mac) |
| Safari | Cmd+Option+C (habilite nas Preferências primeiro) |
| Edge | F12 |
Recomendamos o Chrome para aprendizado. Ele tem ferramentas de desenvolvedor excelentes e a maioria dos tutoriais o utiliza para screenshots e exemplos.
seção
O console do navegador é onde você vai executar código JavaScript. Veja como abri-lo:
Passo 1 — Abra qualquer página da web
Até uma aba em branco funciona
Passo 2 — Abra as Ferramentas de Desenvolvedor
Pressione F12 (Windows/Linux) ou Cmd+Option+J (Mac)
Passo 3 — Clique na aba Console
Este é o seu playground JavaScript
Passo 4 — Digite o código e pressione Enter
Experimente digitar console.log("Olá!") e pressione Enter
// Digite isso no seu console agora mesmoconsole.log("Olá, JavaScript!")// Saída: Olá, JavaScript! // Experimente alguma matemática2 + 2// Saída: 4 // Crie uma variávelconst name = "Seu Nome"console.log(name)// Saída: Seu NomePronto. Você está pronto para aprender JavaScript.
seção
Embora você possa aprender muito no console do navegador, um editor de código torna a escrita de códigos mais longos muito mais fácil.
Escolha mais popular
Gratuito, poderoso, com excelente suporte a JavaScript. Funciona no Windows, Mac e Linux.
Baixar VS Code
Rápido e leve
Gratuito para avaliação, funciona em todas as plataformas.
Baixar Sublime Text
Hackável e customizável
Editor open source com ecossistema de temas e pacotes. Gratuito para Windows, Mac e Linux.
Baixar AtomSe você não quer instalar nada, estes editores online funcionam perfeitamente:
Experimentos rápidos
Ótimo para testar ideias na hora. Veja HTML, CSS e JavaScript rodando instantaneamente.
Abrir CodePen
Snippets no navegador
Interface simples e direta. Ideal para isolar e compartilhar pequenos trechos de código.
Abrir JSFiddle
IDE completa online
Ambiente de desenvolvimento no navegador, com suporte a projetos Node e frameworks modernos.
Abrir StackBlitz
Projetos e frameworks
Perfeito para protótipos maiores, sandboxes colaborativas e stacks com React, Vue e mais.
Abrir CodeSandboxseção
O Node.js permite que você execute JavaScript fora do navegador, na linha de comando do seu computador.
Você não precisa do Node.js para aprender com este guia. Tudo pode ser feito no navegador.
No entanto, se você quiser:
Então instale a versão LTS (Long Term Support) em nodejs.org.
Abra seu terminal (Prompt de Comando no Windows, Terminal no Mac/Linux) e digite:
node --versionSe você vir um número de versão como v20.10.0, está tudo certo.
seção
Vamos garantir que tudo funcione. Abra o console do navegador e digite:
// Variáveisconst message = "Estou aprendendo JavaScript!"console.log(message) // Uma função simplesfunction greet(name) { return "Olá, " + name + "!"} console.log(greet("Mundo"))// Saída: Olá, Mundo!Se você viu a saída, parabéns! Você está pronto para começar a aprender.
seção
Agora que seu ambiente está pronto, é hora de escolher seu caminho. Siga o roadmap abaixo — você pode começar pela metodologia ou ir direto aos conceitos.
Entenda a metodologia do guia: prática ativa, revisão espaçada e como usar cada página de conceito.
Escolha a trilha ideal — iniciante, intermediário ou preparação para entrevistas.
Primeiro conceito da série: os blocos de construção básicos do JavaScript.
Fonte de referência: 33jsconcepts.com/getting-started/prerequisites ⬀