O que instalar antes de começar

7 ferramentas gratuitas com as quais começa qualquer jornada em programação. Marque conforme instala — o progresso é salvo enquanto você está na página.

Progresso da instalação0 / 7
1
Passo 1
Navegador Google Chrome
A ferramenta central de desenvolvimento — DevTools integradas para depurar HTML, CSS e JavaScript direto na página.
Necessário desde a aula 1
2
Passo 2
Visual Studio Code
Um editor de código gratuito que virou padrão da indústria — realce de sintaxe, autocompletar e terminal integrado.
Necessário desde a aula 1
3
Passo 3
Extensões do VS Code
Live Server (visualização instantânea da página no navegador), Prettier (formatação automática de código) — economizam horas de trabalho repetitivo.
Necessário desde a aula 2
4
Passo 4
Node.js
Permite rodar JavaScript fora do navegador — você vai precisar mais adiante, ao migrar para o backend e trabalhar com pacotes (npm).
Necessário ao migrar para frameworks
5
Passo 5
Git
Um sistema de controle de versão — guarda o histórico de mudanças do código e permite reverter se algo quebrar.
Necessário para o seu primeiro projeto próprio
6
Passo 6
Uma conta no GitHub
Armazenamento na nuvem para seu código — também onde você vai publicar o portfólio que os empregadores vão ver.
Necessário para o seu portfólio
7
Passo 7
O terminal integrado
Já vem dentro do VS Code — nada extra para instalar. Comandos básicos (cd, ls, git) se aprendem em uma noite.
Necessário desde a aula 1

Perguntas Frequentes

Preciso pagar por alguma dessas ferramentas?
Não — as 7 ferramentas desta lista são totalmente gratuitas para uso pessoal, incluindo VS Code, Node.js, Git e uma conta no GitHub.
É possível aprender a programar sem instalar nada?
Em parte — um navegador já está presente em qualquer computador, e as primeiras aulas de HTML/CSS/JS podem ser feitas até sem um editor de código. Mas para trabalhar com conforto, instalar o VS Code e o resto leva cerca de 20 minutos.
Esse kit de ferramentas funciona no Windows, macOS e Linux?
Sim — todas as ferramentas listadas são multiplataforma e funcionam da mesma forma no Windows, macOS e Linux.

Ferramentas prontas — hora de escrever código

O curso gratuito de JavaScript ensina a usar cada uma dessas ferramentas na prática desde a primeira aula — não de forma abstrata, mas em tarefas reais.