JavaScript: Introdução ao JavaScript

Última atualização: 2026-10-13

JavaScript é a linguagem de programação da web — ela dá vida às páginas HTML estáticas.

Este tutorial foi pensado para iniciantes absolutos. Vamos começar com variáveis e funções, e avançar até construir um aplicativo completo de lista de tarefas sozinho.

1. O Que Você Vai Aprender

Sintaxe básica e conceitos fundamentais do JavaScript
Trabalhar com arrays, objetos e funções
Manipulação do DOM e tratamento de eventos
Programação assíncrona e módulos
Prática com projetos reais

▶ Exemplo

▶ Experimente

Este é o exemplo mais simples; as seções seguintes explicarão em detalhes.## 2. Pré-requisitos

Antes de começar este tutorial, você deve estar familiarizado com:

HTML básico (tags, atributos, formulários)
CSS básico (seletores, modelo de caixa)

3. O Que É JavaScript

JavaScript é uma linguagem de script que roda diretamente no navegador — sem necessidade de compilação. O navegador lê e executa o código JS linha por linha.

O JS foi criado originalmente apenas para navegadores, mas seu alcance se expandiu para servidores (Node.js), aplicativos desktop (Electron) e até aplicativos móveis (React Native). Neste tutorial, vamos focar em como o JS funciona em páginas web.

4. O Que o JavaScript Pode Fazer

O JS cuida de praticamente todos os aspectos da interação web:

Alterar conteúdo HTML — substituir texto na página ao clicar em um botão
Responder a eventos — executar lógica quando o usuário clica, rola ou digita
Validar formulários — verificar formato de e-mail e tamanho de senha antes do envio
Manipular CSS — alterar estilos dinamicamente e criar animações
Se comunicar com servidores — buscar dados sem recarregar a página (AJAX)

Resumindo: HTML monta a estrutura, CSS estiliza e JavaScript torna tudo interativo.

5. JavaScript e HTML/CSS — O Relacionamento

Pense em uma página web como uma pessoa:

HTML é o esqueleto — define a estrutura da página
CSS é a pele e as roupas — controla a aparência
JavaScript é os músculos — faz a página se mover e reagir

Cada um tem seu papel. O JS altera a aparência e o comportamento da página manipulando elementos HTML e estilos CSS.

6. Uma Breve História do JavaScript

Em 1995, Brendan Eich, na Netscape, escreveu a primeira versão do JavaScript em apenas 10 dias. Sim, a linguagem que hoje domina a web nasceu em menos de duas semanas.

Alguns equívocos comuns:

JavaScript e Java são duas linguagens completamente diferentes — apesar de compartilharem o nome, isso é tudo
O JS se chamava originalmente Mocha, depois foi renomeado para LiveScript e, por fim, para JavaScript para surfar na popularidade do Java
Em 1997, o JS foi submetido à ECMA para padronização. Seu nome oficial passou a ser ECMAScript (ES). O ES6 que você ouve falar é a sexta edição, lançada em 2015

7. Como os Navegadores Executam JavaScript

Todo navegador possui um mecanismo JS embutido que traduz seu código em instruções de máquina:

Chrome / Edge: mecanismo V8
Firefox: mecanismo SpiderMonkey
Safari: mecanismo JavaScriptCore

O processo é simples: o navegador carrega o HTML → encontra uma tag script → o mecanismo JS analisa e executa linha por linha → os resultados aparecem na página.

❓ Perguntas Frequentes

P JavaScript e Java são a mesma linguagem?

R De forma alguma. Compartilham o nome, mas são completamente diferentes — Java é uma linguagem compilada usada para backends e desenvolvimento Android, enquanto JavaScript é uma linguagem de script interpretada usada principalmente em páginas web. A semelhança no nome é apenas uma coincidência de marketing.

P Preciso dominar HTML e CSS antes de aprender JS?

R Não precisa dominar, mas deve entender o básico. O JS trabalha principalmente manipulando elementos HTML e estilos CSS, então se você não consegue ler tags e seletores, aprender JS será uma batalha ladeira acima.

P O JS só pode ser usado no navegador?

R Não. O Node.js permite que o JS rode em servidores, o Electron permite criar aplicativos desktop e o React Native permite criar aplicativos móveis. Mas o navegador continua sendo o principal palco do JS.

📖 Resumo

JavaScript é a linguagem de script do navegador — interpreta e executa o código linha por linha sem etapa de compilação
Principais capacidades do JS: alterar conteúdo, responder a eventos, validar formulários, manipular estilos, se comunicar com servidores
HTML/CSS/JS têm papéis claros — estrutura, apresentação e comportamento
O JS foi criado por Brendan Eich em 1995 em 10 dias e depois padronizado pela ECMA como ECMAScript
Os navegadores executam o código por meio de mecanismos JS embutidos, como o V8

📝 Exercícios

Iniciante: Crie uma página HTML com um botão e um parágrafo. Ao clicar no botão, altere o texto do parágrafo para "Eu aprendi JavaScript!" e torne a cor do texto azul.
Intermediário: Crie uma página com dois botões — "Aumentar" e "Diminuir" — que aumentam ou diminuem o tamanho da fonte de um texto em 2px a cada clique.
Desafio: Crie uma página simples de validação de senha. A senha deve ter pelo menos 6 caracteres e conter pelo menos um dígito. Exiba uma mensagem de erro em vermelho abaixo do campo de entrada quando as condições não forem atendidas.

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

Sobre Nós