Curso Completo de JavaScript

1. O que é JavaScript?

JavaScript é a linguagem de programação da web. Ela permite tornar páginas HTML interativas, dinâmicas e inteligentes.

JavaScript roda no navegador (frontend) e no servidor (com Node.js). É a linguagem mais popular do mundo!

Quiz Rápido:

Qual linguagem adiciona interatividade a uma página web?

HTML JavaScript CSS

2. Variáveis e Constantes

let nome = "Ana";
const idade = 25;
nome = "Carlos";
// idade = 30; // erro!
            

3. Tipos de Dados

let nome = "João";        // string
let idade = 30;           // number
let ativo = true;         // boolean
let frutas = ["maçã", "banana"]; // array
let pessoa = { nome: "Maria", idade: 28 }; // object
            

4. Operadores

console.log(10 + 3);  // 13
console.log(10 % 3);  // 1 (resto)
console.log(2 ** 3);  // 8 (potência)
            

5. Condicionais (if/else)

let nota = 75;
if (nota >= 70) {
    console.log("Aprovado!");
} else {
    console.log("Reprovado.");
}
            

6. Loops (for/while)

for (let i = 1; i <= 3; i++) {
    console.log(i);
}
            

7. Funções

function saudacao(nome) {
    return "Olá, " + nome + "!";
}
console.log(saudacao("Pedro"));
            

8. Arrays

let cores = ["vermelho", "verde", "azul"];
cores.push("amarelo");
cores.forEach(cor => console.log(cor));
            

9. Objetos

let carro = {
    marca: "Toyota",
    ligar: function() {
        console.log(this.marca + " está ligado!");
    }
};
carro.ligar();
            

10. DOM e Eventos

document.getElementById("titulo").style.color = "blue";

Este texto será azul.

11. Projeto Final

Contador Simples

let count = 0;
function incrementar() {
    count++;
    document.getElementById("contador").textContent = count;
}
            

Contador: 0

🎉 Parabéns!

Você completou o curso de JavaScript!

✅ Variáveis e tipos
✅ Estruturas de controle
✅ Funções e objetos
✅ DOM e eventos

Continue praticando! A melhor forma de aprender é criando projetos reais.