■ Plano de Estudos Completo de JavaScript
■ Visão Geral do Plano
O plano de estudos a seguir foi elaborado para levar você do nível iniciante ao avançado em
JavaScript, unindo teoria, prática e projetos. A duração total é de aproximadamente 15 semanas,
mas pode ser adaptada conforme seu ritmo.
■ Fase 1 — Fundamentos (Semanas 1 a 4)
• Entender a sintaxe, variáveis, operadores e controle de fluxo.
• Tópicos: variáveis, tipos de dados, operadores, condicionais, loops, funções e objetos.
• Prática: calculadora simples, mensagens baseadas no horário e contador no console.
■ Fase 2 — DOM, Eventos e Interface (Semanas 5 a 7)
• Aprender a manipular HTML e CSS via JavaScript.
• Tópicos: DOM, seletores, estilos, eventos e formulários.
• Projetos: relógio digital, lista de tarefas, validador de formulários e modal.
■ Fase 3 — Manipulação de Dados e Projetos (Semanas 8 a 10)
• Trabalhar com arrays, objetos e armazenar dados localmente.
• Tópicos: arrays, objetos, JSON, localStorage e manipulação de datas.
• Projetos: controle de tarefas, lista de produtos e controle de gastos.
■ Fase 4 — Avançado: API, Fetch e Firebase (Semanas 11 a 15)
• Aprender a integrar o JavaScript com APIs e bancos de dados.
• Tópicos: fetch(), Promises, async/await, Firebase e deploy.
• Projetos: app de clima, controle de estoque e sistema de login.
■ Cronograma Resumido
1 Semanas 1–2: Variáveis, tipos e operadores — Projeto: Calculadora simples
2 Semanas 3–4: Funções e loops — Projeto: Contador + Relógio
3 Semanas 5–6: DOM e eventos — Projeto: Lista de tarefas
4 Semanas 7–8: Formulários — Projeto: Validador de formulário
5 Semanas 9–10: Arrays e objetos — Projeto: Controle de gastos
6 Semanas 11–12: APIs e JSON — Projeto: App de clima
7 Semanas 13–15: Firebase + módulos — Projeto: Controle de estoque completo
■ Materiais e Ferramentas Recomendados
• Editor: Visual Studio Code
• Navegador: Google Chrome (console para testes)
• Documentação oficial: MDN Web Docs (JavaScript)
• Cursos gratuitos: Curso em Vídeo (Guanabara) e FreeCodeCamp
• Desafios práticos: Frontend Mentor