O que é JavaScript?
JavaScript, abreviado como JS, é a linguagem de programação que dá comportamento às páginas web. Enquanto o HTML estrutura o conteúdo e o CSS define a aparência, o JavaScript decide o que acontece quando alguém interage.
O JavaScript nasceu em 1995 para rodar dentro do navegador e continua sendo a única linguagem que todos os navegadores executam de forma nativa. Menu que abre, carrossel que gira, campo que avisa sobre e-mail inválido, carrinho que atualiza o total: tudo isso passa por JS.
A linguagem saiu do navegador com o tempo. Com o Node.js, o mesmo JavaScript passou a rodar em servidores, o que permitiu usar uma linguagem só nas duas pontas de uma aplicação.
Existe um custo a considerar. O JavaScript precisa ser baixado, interpretado e executado pelo aparelho do visitante, e essa conta cai sobre o processador de um celular intermediário. Excesso de scripts é uma das causas mais frequentes de má performance de site.
Como funciona na prática?
O ciclo típico de um script na página tem quatro etapas:
- O HTML declara o arquivo com uma tag
<script>. - O navegador baixa e executa o código.
- O script observa eventos: clique, envio de formulário, rolagem, digitação.
- Ao detectar um evento, ele altera a página, pede dados ao servidor ou dispara uma ação.
Um exemplo direto:
document.querySelector('#btn').addEventListener('click', () => {
document.querySelector('#painel').classList.toggle('aberto');
});Ao clicar no botão, o painel abre ou fecha, sem nenhuma recarga de página.
O JavaScript também busca dados em segundo plano. Quando você digita o CEP e o endereço aparece sozinho, um script consultou um serviço externo e preencheu os campos com a resposta.
Em sites com CMS, cada plugin tende a carregar seus próprios scripts em todas as páginas, mesmo onde nenhum deles é usado. Auditar o que roda em cada rota é parte da rotina antes de qualquer deploy.
Exemplos de uso
- Uma loja calcula o frete direto na página do produto. O visitante digita o CEP, o script consulta a transportadora e devolve o prazo sem sair da tela.
- Um site de eventos usa JavaScript para carregar mais palestrantes conforme o visitante rola a página, evitando baixar 80 fotos de uma vez.
- Uma landing page valida o telefone no formato brasileiro antes do envio, avisando na hora sobre o número incompleto.
Erros comuns
- Carregar bibliotecas inteiras para resolver um efeito de poucas linhas.
- Deixar scripts bloqueando a renderização no topo do documento em vez de adiar o carregamento.
- Confiar apenas na validação do navegador, já que qualquer pessoa consegue burlá-la nas ferramentas de desenvolvedor.
- Acumular scripts de terceiros como pixels e chats sem medir o custo somado no carregamento.
- Construir funcionalidades essenciais que quebram por completo se um script falhar ao carregar.
Perguntas frequentes sobre JavaScript
JavaScript é a mesma coisa que Java?
Não. São linguagens diferentes, com sintaxe, propósito e histórias distintas. A semelhança no nome veio de uma decisão de marketing nos anos 1990, quando Java estava em alta. JavaScript roda no navegador, Java é comum em sistemas corporativos e aplicativos Android.
Todo site precisa de JavaScript?
Não. Uma página com texto, imagens e links funciona apenas com HTML e CSS. O JavaScript entra quando a página precisa reagir a cliques, validar campos, buscar dados sem recarregar ou atualizar informação em tempo real. Muitos sites institucionais usam pouquíssimo JS.
JavaScript deixa o site lento?
O JavaScript pesa quando é usado em excesso. Cada script precisa ser baixado, interpretado e executado no aparelho do visitante, e celulares intermediários demoram nessa conta. Usado com moderação e carregado de forma adiada, o impacto no tempo de carregamento fica pequeno.