O que é JavaScript e como ele saiu do navegador para dominar a web

Quem começa costuma achar que JavaScript tem alguma coisa a ver com Java. Não tem. O nome foi uma jogada de marketing de 1995, quando Java estava na moda, e confunde iniciantes até hoje. Java é outra linguagem, de outra empresa, com outra filosofia. Quem chega achando que aprendeu uma vai saber a outra perde semanas.

JavaScript é a linguagem de programação que roda dentro de todo navegador. É ela que faz um botão abrir um menu, um formulário avisar que o e-mail está errado antes de enviar e uma página carregar novos posts quando você rola até o fim. Hoje ela também roda em servidores, celulares e até em computadores de bordo, e foi a linguagem mais usada na pesquisa de 2025 do Stack Overflow Developer Survey, marcada por 66% dos respondentes.

O essencial: HTML define o conteúdo da página, CSS define a aparência e JavaScript define o comportamento. Com Node.js, o mesmo JavaScript passou a rodar fora do navegador, e o TypeScript adicionou tipos por cima dele.

JavaScript nasceu para deixar páginas menos paradas

Em 1995, Brendan Eich criou a linguagem na Netscape em cerca de dez dias. A ideia era simples: dar às páginas um pouco de interatividade sem precisar recarregar tudo a cada clique. Para que navegadores diferentes entendessem o mesmo código, a linguagem foi padronizada sob o nome ECMAScript, mantido pela Ecma International. As versões que você vê citadas como ES6 ou ES2015 são edições desse padrão.

Desde 2015, sai uma edição nova por ano. Por isso recursos como let, const, funções de seta e async/await aparecem em tutoriais mais novos e não nos antigos.

Como o navegador executa o JavaScript de uma página

Entender esse caminho evita metade dos bugs de iniciante:

1. O navegador baixa o HTML e começa a montar a página.
2. Ao encontrar uma tag <script>, ele baixa o arquivo JavaScript e entrega ao seu motor (V8 no Chrome e no Edge, SpiderMonkey no Firefox, JavaScriptCore no Safari).
3. O motor interpreta e compila o código na hora, por técnicas de compilação sob demanda (JIT).
4. O código manipula o DOM, a representação em árvore da página que o navegador mantém na memória. Mudar o DOM muda o que aparece na tela.
5. O código registra funções para reagir a eventos: clique, digitação, resposta de uma requisição.

Um exemplo mínimo de tudo isso junto:

const botao = document.querySelector("#comprar");
botao.addEventListener("click", () => {
  botao.textContent = "Adicionado ao carrinho";
});

O bug clássico: colocar esse script no <head> sem o atributo defer. O código roda antes de o botão existir no DOM, querySelector devolve null e aparece o famoso “Cannot read properties of null”. Use <script defer src="app.js"> e o problema some.

Event loop: o motivo de a página não travar esperando a internet

JavaScript tem uma única linha de execução principal (é single-threaded). Se ele parasse para esperar uma resposta do servidor, a página inteira congelaria. A solução é o event loop: operações demoradas (buscar dados, ler arquivo, esperar um timer) são disparadas e o código segue. Quando o resultado chega, uma função de retorno entra na fila e roda assim que a linha principal fica livre.

async function carregarCep(cep) {
  const resp = await fetch(`https://viacep.com.br/ws/${cep}/json/`);
  const dados = await resp.json();
  console.log(dados.localidade);
}

O await parece pausar o programa, mas só pausa aquela função. O resto da página continua respondendo. Esse modelo é a razão pela qual o JavaScript se deu tão bem no servidor.

Node.js: o dia em que o JavaScript saiu do navegador

Em 2009, Ryan Dahl pegou o motor V8 do Chrome e o colocou para rodar fora do navegador, com acesso a arquivos, rede e sistema operacional. Nasceu o Node.js. A página oficial do Node.js o define como um ambiente de execução assíncrono orientado a eventos, feito para aplicações de rede escaláveis.

Na prática, isso significou que uma pessoa podia escrever o front-end e o back-end na mesma linguagem. Junto veio o npm, o gerenciador de pacotes que virou o maior repositório de bibliotecas do mundo. Quem trabalha com Node precisa acompanhar as versões LTS; o texto sobre a migração para o Node.js 26 LTS mostra o que costuma quebrar numa troca de versão.

TypeScript é outra linguagem ou é JavaScript com tipos?

É JavaScript com tipos. O TypeScript, criado pela Microsoft, acrescenta anotações como nome: string e verifica erros antes de o código rodar. No fim, ele é convertido em JavaScript comum, porque é isso que navegador e Node executam.

A ordem que faz sentido é aprender JavaScript primeiro e TypeScript depois. Todo erro de TypeScript é, no fundo, um conceito de JavaScript que você precisa entender. O guia oficial de TypeScript para iniciantes parte exatamente desse princípio.

As pegadinhas de JavaScript que todo iniciante encontra

A linguagem foi feita às pressas e precisa continuar compatível com sites de 1996, então alguns comportamentos estranhos nunca foram corrigidos. Os que mais aparecem:

Dois sinais de igual contra três

"5" == 5 dá true, porque o operador == converte os tipos antes de comparar. "5" === 5 dá false. Use sempre === e !== e você evita uma classe inteira de bugs.

Somar texto com número

"10" + 1 resulta em "101", não em 11. Valor vindo de um campo de formulário é sempre texto; converta com Number() antes de fazer conta.

var, let e const

var é a forma antiga e tem regras de escopo confusas. Em código novo, use const por padrão e let só quando o valor precisar mudar.

null e undefined

Os dois representam “ausência de valor”, mas undefined costuma significar “nunca foi definido” e null, “definido como vazio de propósito”. Muito erro de iniciante vem de acessar uma propriedade de algo que é um dos dois.

O que dá para construir com JavaScript hoje

• Front-end: interfaces com React, Vue, Svelte ou Angular.
• Back-end: APIs com Node.js e frameworks como Express, Fastify ou NestJS.
• Apps móveis: React Native e Ionic geram apps para Android e iOS.
• Desktop: o VS Code, o Slack e o Discord usam Electron, que empacota JavaScript como aplicativo.
• Automação e testes: Playwright e Puppeteer controlam navegadores por código.

A amplitude tem um preço: o ecossistema muda rápido e tem dependências demais. Projetos pequenos chegam a ter centenas de pacotes instalados, o que abre espaço para ataques à cadeia de suprimentos.

Uma ordem de estudo que evita frustração

A recomendação direta: aprenda HTML e CSS básicos, depois JavaScript puro no navegador, sem framework, até conseguir manipular o DOM e consumir uma API com fetch. Quem já programa em outra linguagem, como Python, pode pular para os pontos que mais diferem: escopo com let e const, igualdade com ===, promessas e o event loop.

A referência mais confiável em português é a seção de JavaScript na MDN, mantida pela Mozilla e pela comunidade. Termos que aparecem nesse caminho, como DOM, framework e API, têm verbete próprio no glossário de programação. Só deixe o React para quando um projeto em JavaScript puro começar a ficar difícil de organizar: é nesse momento que o framework passa a fazer sentido.