Apostila de JavaScript
■ Sumário
1. Módulo 1 – Fundamentos (Semana 1 e 2)
2. Módulo 2 – Funções e Escopo (Semana 3)
3. Módulo 3 – Arrays e Objetos (Semana 4)
4. Módulo 4 – DOM e Eventos (Semana 5 e 6)
5. Módulo 5 – Programação Assíncrona (Semana 7 e 8)
6. Módulo 6 – Conceitos Avançados (Semana 9 e 10)
7. Módulo 7 – Boas Práticas e Ferramentas (Semana 11)
8. Módulo 8 – Projeto Final (Semana 12)
Módulo 1 – Fundamentos (Semana 1 e 2)
■ Conceitos estudados
■ Atividade concluída
■ Projeto finalizado
Conceitos Variáveis, tipos de dados, operadores, estruturas de decisão e repetição.
Atividade Criar um programa que recebe dois números e mostra a soma, subtração, multiplicação e divis
Projeto Criar uma calculadora simples que roda no console.
■ Anotações pessoais:
Módulo 2 – Funções e Escopo (Semana 3)
■ Conceitos estudados
■ Atividade concluída
■ Projeto finalizado
Conceitos Funções, parâmetros, retorno, escopo, arrow functions, hoisting.
Atividade Criar uma função que calcula a média de três notas.
Projeto Programa que gera a tabuada de qualquer número.
■ Anotações pessoais:
Módulo 3 – Arrays e Objetos (Semana 4)
■ Conceitos estudados
■ Atividade concluída
■ Projeto finalizado
Conceitos Arrays, métodos (map, filter, reduce, etc.), objetos literais, this.
Atividade Criar um array com 10 números e mostrar somente os pares.
Projeto Lista de tarefas (to-do list) em JS puro.
■ Anotações pessoais:
Módulo 4 – DOM e Eventos (Semana 5 e 6)
■ Conceitos estudados
■ Atividade concluída
■ Projeto finalizado
Conceitos DOM, seletores, manipulação de elementos, eventos, criação dinâmica de elementos.
Atividade Alterar o texto de um parágrafo ao clicar em um botão.
Projeto Contador com botões + e - que atualizam o valor na tela.
■ Anotações pessoais:
Módulo 5 – Programação Assíncrona (Semana 7 e 8)
■ Conceitos estudados
■ Atividade concluída
■ Projeto finalizado
Conceitos setTimeout, setInterval, Promises, async/await, fetch, JSON e APIs.
Atividade Criar um relógio digital com setInterval.
Projeto Consumir uma API pública (ex.: Pokémon API) e exibir dados em cards.
■ Anotações pessoais:
Módulo 6 – Conceitos Avançados (Semana 9 e 10)
■ Conceitos estudados
■ Atividade concluída
■ Projeto finalizado
Conceitos Desestruturação, spread/rest, classes, herança, módulos, closures, higher-order functions.
Atividade Criar uma classe Carro com marca, modelo e ano.
Projeto Sistema de cadastro de usuários com classes e armazenamento em array.
■ Anotações pessoais:
Módulo 7 – Boas Práticas e Ferramentas (Semana 11)
■ Conceitos estudados
■ Atividade concluída
■ Projeto finalizado
Conceitos ESLint, Prettier, convenções de código, debugging, estrutura de projeto, testes.
Atividade Instalar ESLint e organizar um código bagunçado.
Projeto Refatorar o projeto da lista de tarefas usando boas práticas.
■ Anotações pessoais:
Módulo 8 – Projeto Final (Semana 12)
■ Conceitos estudados
■ Atividade concluída
■ Projeto finalizado
Conceitos Planejamento de aplicação, integração de conceitos aprendidos.
Atividade Planejar a estrutura (desenho ou pseudocódigo) do projeto final.
Projeto Escolher um: App de lista de tarefas avançado com localStorage, Jogo da memória, Dashboar
■ Anotações pessoais:
■ Dicas para os Estudos
• Estude de 1h a 2h por dia, focando mais na prática do que na teoria.
• Use o console do navegador para testar sempre.
• Pratique resolvendo exercícios no Codewars ou HackerRank.
• Leia a documentação oficial: MDN JavaScript.
■ Desafios Extras de JavaScript
■ Crie um programa que receba um número e diga se ele é primo.
■ Faça um cronômetro com botão de iniciar, pausar e resetar.
■ Monte um jogo da adivinhação: o usuário tenta acertar um número aleatório gerado
pelo programa.
■ Crie uma aplicação que consuma a API de clima e mostre a temperatura da sua cidade.
■ Desenvolva um gerador de senhas aleatórias com opções de tamanho e caracteres.
■ Monte um quiz com perguntas e respostas e exiba a pontuação final.
■ Crie uma calculadora que funcione na própria página (HTML + JS).
■ Monte um sistema de cadastro de contatos (nome, telefone, email) e salve no
localStorage.
■ Desenvolva um jogo da memória simples com cartas virando.
■ Faça um mini-dashboard que mostre informações de uma API (como filmes,
criptomoedas ou esportes).