Conteúdo da Aula
JavaScript: A Linguagem da Web
JavaScript é a linguagem mais popular do mundo. Todo site que você acessa usa JavaScript!
🚀 Onde o JS roda?
- No navegador → faz botões funcionarem, animações, etc.
- No servidor → Node.js, Deno, Bun
📦 Funções: Blocos de Código Reutilizáveis
Uma função é como uma receita — você define uma vez e usa quantas vezes quiser:
// Criando uma função
function saudacao(nome) {
return "Olá, " + nome + "!";
}
// Usando a função
console.log(saudacao("Ana")); // "Olá, Ana!"
console.log(saudacao("Carlos")); // "Olá, Carlos!"
➡️ Arrow Functions (Funções Flecha)
Uma forma mais curta de escrever funções:
// Função normal
function dobro(n) {
return n * 2;
}
// Arrow function (mesma coisa, mais curto)
const dobro = (n) => n * 2;
console.log(dobro(5)); // 10
console.log(dobro(10)); // 20
📝 Template Literals (Textos Dinâmicos)
Use crases (`) em vez de aspas para incluir variáveis no texto:
let nome = "Dev";
let idade = 20;
// Jeito antigo (difícil de ler)
console.log("Olá " + nome + ", você tem " + idade + " anos.");
// Template Literal (muito melhor!)
console.log(`Olá ${nome}, você tem ${idade} anos.`);
📋 Arrays (Listas)
// Criando uma lista
let frutas = ["maçã", "banana", "uva"];
// Acessando itens (começa do 0!)
console.log(frutas[0]); // "maçã"
console.log(frutas[1]); // "banana"
// Adicionando item
frutas.push("manga");
// Percorrendo a lista
frutas.forEach(function(fruta) {
console.log(fruta);
});
Exercício Prático
Crie uma função `soma` que receba dois números e retorne a soma deles. Teste com `soma(3, 7)` e imprima o resultado.
👀 Exemplo — Veja e faça igual
✍️ Sua vez — Escreva seu código
javascript