Introdução A JavaScript
Introdução A JavaScript
✓ O que é JavaScript?
✓ Variáveis;
✓ Regras de definição de variáveis;
✓ Tipos de dados;
✓ Operadores;
✓ Exercício
O que é JavaScript
JavaScript é uma linguagem de programação que nasceu para dar vida às páginas web,
mas hoje em dia é muito mais do que isso. Imagine que HTML é como o esqueleto de uma
casa, CSS é a decoração e pintura, e JavaScript é toda a parte elétrica que faz as luzes
acenderem, as portas abrirem automaticamente e os eletrodomésticos funcionarem.
Quando você clica em um botão numa página web e algo acontece, quando um formulário
verifica se você digitou seu email corretamente, ou quando você vê animações suaves -
tudo isso é JavaScript trabalhando nos bastidores.
O que são variáveis?
Pense nas variáveis como caixas etiquetadas onde você guarda coisas. Cada caixa tem um
nome (a etiqueta) e pode conter diferentes tipos de objetos. Na programação, essas
"coisas" são dados: números, textos, valores verdadeiro/falso, e muito mais.
Declarando Variáveis
Em JavaScript, temos três formas principais de criar essas "caixas":
1. Var (a forma mais antiga)
O que são variáveis?
2. Let (forma moderna e recomendada)
A diferença principal está no escopo (onde a variável pode ser usada) e se ela pode ser
alterada:
✓ const: Use quando o valor nunca vai mudar, como constantes matemáticas ou
configurações fixas;
✓ let: Use para valores que podem mudar durante a execução do programa;
✓ var: Evite usar, pois tem comportamentos que podem causar confusão;
Pense assim: se você tem uma caixa para guardar seu nome completo (que não muda), use
const. Se tem uma caixa para sua idade (que muda todo ano), use let.
Regras para nomear variáveis
Assim como não podemos escrever qualquer coisa na etiqueta de uma caixa de correio,
existem regras para nomear variáveis:
Tipos de Dados
JavaScript tem vários tipos de dados, como se fossem diferentes categorias de objetos que podemos guardar
nas nossas caixas-variáveis.
1. Number (Números)
JavaScript não diferencia entre números inteiros e decimais - todos são do tipo Number. É como ter uma
caixa que aceita qualquer tipo de número.
Tipos de Dados
2. String (texto)
As strings são como cordas de caracteres (por isso o nome). Você pode usar aspas duplas, simples ou
crases, mas seja consistente no seu código.
Tipos de Dados
Booleans são como interruptores: ou está ligado (true) ou desligado (false). São fundamentais para tomar
decisões no código.
Tipos de Dados
undefined é como uma caixa que existe mas está vazia porque ninguém colocou nada nela ainda. null é uma
caixa que está intencionalmente vazia - você decidiu deixá-la assim.
Tipos de Dados
5. Object (objecto)
Objetos são como caixas organizadoras com compartimentos menores. Cada compartimento tem uma etiqueta
(propriedade) e pode guardar qualquer tipo de dado.
Operadores
Os operadores são como ferramentas que nos permitem trabalhar com os dados guardados nas
nossas variáveis.
Operadores aritméticos
Operadores
Operadores de atribuição
Operadores
Operadores de comparação
A diferença entre == e === é crucial: o primeiro tenta converter os tipos para compará-los, o segundo compara valor
e tipo. É como perguntar "são parecidos?" versus "são exatamente iguais?".
Operadores
Operadores Lógicos
Os operadores lógicos funcionam como porteiros: && (E) só deixa passar se AMBAS as condições
forem verdadeiras, || (OU) deixa passar se PELO MENOS UMA for verdadeira, e ! (NÃO) inverte o
resultado.
Operadores
Operadores de concatenação
Template literals (usando crases) são como formulários onde você pode inserir variáveis
diretamente no texto usando ${variavel}
Exemplo prático
• Calculadora de IMC
Obrigado