Perfeito.
Agora você vai ter um curso completo de JavaScript,
organizado como um professor explicando passo a passo — do zero
até um nível avançado, com prática real 👊
🌐 CURSO COMPLETO DE JAVASCRIPT (DO ZERO AO AVANÇADO)
🧩 MÓDULO 1 — Introdução ao JavaScript
🎯 Objetivo
Entender o que é JavaScript e executar seu primeiro código.
🧠 O que é JavaScript?
JavaScript é uma linguagem de programação usada para deixar sites
interativos.
👉 Analogia:
HTML = estrutura 🧱
CSS = aparência 🎨
JavaScript = ação ⚡
Exemplo: Sem JS → botão não faz nada
Com JS → botão responde ao clique
🌍 Onde é usado?
Sites (botões, formulários)
Apps
Jogos
APIs
Back-end ([Link])
💻 Primeiro código
[Link](“Olá, mundo!”);
🔍 Explicação linha por linha:
[Link]() → mostra algo no console (tela de testes do navegador)
“Olá, mundo!” → mensagem exibida
🧪 Prática
Abra o navegador → pressione F12 → Console → digite:
[Link](“Testando JS”);
📝 Exercícios
1. Mostrar seu nome no console
2. Mostrar sua idade
3. Criar uma mensagem personalizada
🧩 MÓDULO 2 — Variáveis e Tipos de Dados
🎯 Objetivo
Aprender a armazenar dados
🧠 O que são variáveis?
São “caixinhas” onde guardamos informações.
💻 Exemplo:
Let nome = “João”;
Let idade = 18;
🔍 Explicação:
Let → cria variável
Nome → nome da variável
“João” → valor
🧩 Tipos de dados
Let texto = “Olá”; // string
Let numero = 10; // number
Let ativo = true; // boolean
📝 Exercícios
1. Criar variável com seu nome
2. Somar dois números
3. Mostrar dados no console
🧩 MÓDULO 3 — Entrada e Saída
🎯 Objetivo
Interagir com o usuário
💻 Exemplo:
Let nome = prompt(“Digite seu nome:”);
[Link](nome);
🔍 Explicação:
Prompt() → pede informação
[Link]() → mostra resultado
📝 Exercícios
1. Perguntar nome
2. Somar dois números digitados
3. Mostrar mensagem personalizada
🧩 MÓDULO 4 — Operadores e Condições
🎯 Objetivo
Criar decisões
💻 Exemplo:
Let idade = 18;
If (idade >= 18) {
[Link](“Maior de idade”);
} else {
[Link](“Menor de idade”);
🔍 Explicação:
If → condição
>= → comparação
Else → alternativa
📝 Exercícios
1. Par ou ímpar
2. Maior número
3. Sistema de notas
🧩 MÓDULO 5 — Laços de Repetição
🎯 Objetivo
Automatizar tarefas
💻 Exemplo:
For (let i = 1; i <= 10; i++) {
[Link](i);
🔍 Explicação:
I = 1 → início
I <= 10 → condição
I++ → incremento
📝 Exercícios
1. Contar de 1 a 10
2. Mostrar pares
3. Tabuada
🧩 MÓDULO 6 — Funções
🎯 Objetivo
Reutilizar código
💻 Exemplo:
Function soma(a, b) {
Return a + b;
🔍 Explicação:
Function → cria função
A, b → parâmetros
Return → retorno
📝 Exercícios
1. Função de saudação
2. Função de média
3. Função matemática
🧩 MÓDULO 7 — Arrays e Objetos
🎯 Objetivo
Trabalhar com vários dados
💻 Exemplo:
Let lista = [1, 2, 3];
Let pessoa = { nome: “Ana”, idade: 20 };
🔍 Explicação:
[] → array
{} → objeto
📝 Exercícios
1. Lista de nomes
2. Soma de array
3. Cadastro com objeto
🧩 MÓDULO 8 — DOM (INTERAÇÃO COM HTML)
🎯 Objetivo
Controlar elementos da página
💻 Exemplo:
[Link](“titulo”).innerText = “Novo texto”;
🔍 Explicação:
getElementById → seleciona elemento
innerText → muda texto
📝 Exercícios
1. Alterar texto
2. Mudar cor
3. Criar botão interativo
🧩 MÓDULO 9 — Eventos
🎯 Objetivo
Responder ações do usuário
💻 Exemplo:
[Link](“click”, function() {
Alert(“Clicou!”);
});
🔍 Explicação:
addEventListener → escuta evento
“click” → tipo de ação
📝 Exercícios
1. Botão com alerta
2. Contador
3. Mudar cor
🧩 MÓDULO 10 — JavaScript Avançado
🎯 Objetivo
Código mais moderno
💻 Exemplo:
Const soma = (a, b) => a + b;
🔍 Explicação:
Arrow function → função moderna
📝 Exercícios
1. Usar map()
2. Usar filter()
3. Função moderna
🧩 MÓDULO 11 — APIs
🎯 Objetivo
Buscar dados da internet
💻 Exemplo:
Fetch([Link]
.then(res => [Link]())
.then(data => [Link](data));
🔍 Explicação:
Fetch() → busca dados
.then() → processa resposta
📝 Exercícios
1. Consumir API
2. Mostrar dados
3. Criar lista dinâmica
🚀 MÓDULO 12 — PROJETO FINAL
🎯 Projeto: Lista de Tarefas (To-Do List)
📘 Funcionalidades
Adicionar tarefa
Remover tarefa
Marcar como concluída
💻 Estrutura básica:
Let tarefas = [];
Function adicionar(tarefa) {
[Link](tarefa);
📊 Avaliação
Organização do código
Funcionamento
Clareza
🧪 AVALIAÇÃO FINAL
📘 Teórica
O que é variável?
Diferença entre let e const
O que é função?
💻 Prática
1. Criar contador
2. Criar sistema de notas
3. Criar lista interativa
🔥 CONCLUSÃO
Agora você aprendeu:
✅ Lógica de programação
✅ JavaScript do básico ao avançado
✅ Interação com páginas
✅ Criação de projetos reais
Se quiser, posso agora:
👉 Criar um **simulado igual sua prova**
👉 Corrigir exercícios seus
👉 Ou montar um **projeto real completo com HTML + CSS + JS**
Só me fala 👍