Fundamentos do JavaScript

Módulo: js-1 • +50 XP ao completar

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