O que é JavaScript e por que aprender?

Se você quer trabalhar com desenvolvimento web — seja criando sites, aplicações, sistemas ou até servidores — o JavaScript é inevitável. Ele é a única linguagem que roda nativamente nos navegadores, e hoje também roda no servidor, em aplicativos mobile, em IoT, e muito mais.

Neste artigo inaugural da nossa série, vou te apresentar o JavaScript do zero, com calma e sem atalhos. Em um ano, você vai dominar desde o básico até frameworks modernos como React e Node.js. Mas todo grande edifício começa pela fundação.

O que é JavaScript?

JavaScript é uma linguagem de programação interpretada, dinâmica e orientada a eventos, criada em 1995 por Brendan Eich em apenas 10 dias. Apesar da origem apressada, ela se tornou a linguagem mais popular do mundo por décadas seguidas.

Ela foi criada para dar vida às páginas HTML — que sozinhas são estáticas, como um documento de texto. Com JavaScript, você consegue reagir a cliques, validar formulários, buscar dados de uma API, animar elementos, e muito mais.

Onde o JavaScript roda?

No navegador (front-end): Todo browser moderno — Chrome, Firefox, Safari, Edge — possui um motor JavaScript embutido. O do Chrome se chama V8, e é extremamente poderoso.

No servidor (back-end): Graças ao Node.js, criado em 2009, o JavaScript saiu do navegador e passou a rodar também no servidor. Hoje você pode escrever toda a sua aplicação — do banco de dados à interface — em JavaScript.

Seu primeiro código

Abra o navegador, pressione F12 para abrir o DevTools, clique na aba Console e digite:

console.log("Olá, mundo!");

Pronto. Você acabou de executar seu primeiro programa JavaScript. O console.log() é o comando mais básico para exibir informações — ele vai ser seu melhor amigo nos próximos meses.

Variáveis: guardando informações

Em JavaScript moderno, usamos let e const para declarar variáveis. Esqueça o var por enquanto — ele existe, mas tem comportamentos problemáticos que vamos estudar no futuro.

// const: valor que não vai mudar
const nome = "Ana";

// let: valor que pode mudar
let idade = 25;

console.log(nome);  // Ana
console.log(idade); // 25

idade = 26; // isso funciona com let
console.log(idade); // 26

// nome = "Maria"; // ERRO! const não pode ser reatribuída

Regra prática: use const por padrão. Só use let quando souber que o valor vai mudar.

Tipos de dados básicos

JavaScript possui alguns tipos primitivos essenciais:

// String (texto)
const saudacao = "Bem-vindo ao curso!";

// Number (número — inteiro ou decimal)
const preco = 49.90;
const ano = 2025;

// Boolean (verdadeiro ou falso)
const estaLogado = true;
const temDesconto = false;

// Null (ausência intencional de valor)
const endereco = null;

// Undefined (variável declarada sem valor)
let profissao;
console.log(profissao); // undefined

Não se preocupe em memorizar tudo agora. Vamos usar cada tipo exaustivamente nos próximos artigos.

Operadores básicos

const a = 10;
const b = 3;

console.log(a + b);  // 13 — soma
console.log(a - b);  // 7  — subtração
console.log(a * b);  // 30 — multiplicação
console.log(a / b);  // 3.333... — divisão
console.log(a % b);  // 1  — resto da divisão (módulo)
console.log(a ** b); // 1000 — potência (10³)

Concatenando textos com Template Literals

Uma das formas mais modernas e limpas de trabalhar com texto:

const nome = "Carlos";
const idade = 30;

// Jeito antigo (evite):
console.log("Meu nome é " + nome + " e tenho " + idade + " anos.");

// Jeito moderno com template literal (use sempre):
console.log(`Meu nome é ${nome} e tenho ${idade} anos.`);

Note as crases ` em vez de aspas, e o ${} para inserir variáveis dentro do texto. Limpo, legível, elegante.

Comentários no código

Código bem comentado é código respeitoso — com seus colegas e com você mesmo do futuro:

// Isso é um comentário de linha única

/*
  Isso é um comentário
  de múltiplas linhas.
  Útil para explicações mais longas.
*/

const taxa = 0.1; // 10% de juros ao mês

Tarefa para você

Abra o console do navegador e tente o seguinte:

1. Crie uma const com seu nome
2. Crie um let com seu ano de nascimento
3. Calcule sua idade subtraindo o ano atual
4. Exiba uma frase completa usando template literal

const meuNome = "???";
let anoNascimento = ???;
const anoAtual = 2025;
const minhaIdade = anoAtual - anoNascimento;

console.log(`Olá! Meu nome é ${meuNome} e tenho ${minhaIdade} anos.`);

Conclusão

Neste primeiro artigo você aprendeu:

• O que é JavaScript e onde ele roda
• Como usar o console do navegador
• Variáveis com const e let
• Tipos de dados primitivos
• Operadores matemáticos
• Template literals
• Como escrever comentários

No próximo artigo vamos mergulhar nas estruturas de controle: if, else, operadores de comparação e lógicos. É onde o seu código começa a tomar decisões.