Roteiro de Estudos – JavaScript (16 semanas, 30
minutos por dia)
Este roteiro foi criado para pessoas que desejam aprender JavaScript com foco em transição de
carreira, mesmo com pouco tempo por dia. O plano cobre desde os fundamentos até projetos reais
para portfólio, com metas práticas e linguagem acessível.
Semana 1 – Introdução e primeiros scripts
• Como rodar JavaScript em HTML
• alert, [Link], comentários
• Variáveis (let, const), tipos primitivos
• Operadores: aritméticos e comparação
• Projeto mini: Mostrar nome e idade no console / fazer uma soma simples
Semana 2 – Controle de fluxo e funções
• if, else, else if
• Funções (declaração e chamada)
• Parâmetros e retorno
• Escopo de variáveis
• Projeto mini: Função que calcula idade / verifica se usuário é maior de idade
Semana 3 – Arrays e loops
• Arrays: criação, acesso, métodos (push, pop, length)
• Laços de repetição: for, while
• for...of, forEach
• Função que percorre array
• Projeto mini: Lista de compras simples (em array)
Semana 4 – Objetos e lógica aplicada
• Objetos: criação, acesso e modificação
• Diferença entre arrays e objetos
• Combinar arrays + objetos
• typeof, instanceof
• Projeto mini: Catálogo de produtos com nome e preço
Semana 5 – Introdução ao DOM
• [Link], querySelector
• Manipular texto, HTML e atributos
• addEventListener (eventos de click)
• Projeto mini: Botão que muda cor da página / mostra mensagem
Semana 6 – Manipulação do DOM com formulário
• Capturar valores de input, select
• [Link]()
• Validação básica de dados
• Projeto mini: Formulário que exibe dados do usuário na tela
Semana 7 – Criando e removendo elementos
• createElement, appendChild, removeChild
• Classes CSS via JS ([Link], remove)
• Contadores, listas dinâmicas
• Projeto mini: Lista de tarefas com botão de remover
Semana 8 – ES6 e boas práticas
• let, const, template strings
• Arrow functions
• forEach, map
• Projeto mini: Mapear lista de produtos e mostrar na tela
Semana 9 – filter, reduce e destruturação
• filter (filtro de dados)
• reduce (soma, contagem)
• Desestruturação de arrays e objetos
• Projeto mini: Filtro de produtos por preço
Semana 10 – Modularização e organização
• Separar funções em arquivos
• Organizar scripts
• Convenções e legibilidade
• Projeto mini: Refatorar projetos anteriores
Semana 11 – JSON e introdução a APIs
• Estrutura do JSON
• fetch() básico
• then() e catch()
• Projeto mini: Buscar dados de uma API de CEP ou piadas
Semana 12 – async/await e tratamento de erro
• Como usar async, await
• try/catch
• APIs públicas (ex: ViaCEP, TheCatAPI)
• Projeto mini: App de busca por nome de cidade (clima ou localização)
Semana 13 – Exibindo dados da API na interface
• Criar elementos dinamicamente com dados
• Carregamento (loading...)
• Mensagem de erro se API falhar
• Projeto mini: App de previsão do tempo com cidade digitada
Semana 14 – Projeto 1: To-do list com salvamento
• Criar tarefas, marcar como feito, remover
• Usar localStorage para salvar
Semana 15 – Projeto 2: Conversor de moedas com API
• Input de valor
• Seleção de moeda
• Fetch em API de câmbio
Semana 16 – Projeto 3: Quiz ou Jogo simples
• Jogo “Adivinhe o número”
• Ou quiz de perguntas com pontuação
