ROADMAP DE JAVASCRIPT - 4 MÓDULOS
(INICIANTE AO AVANÇADO)
MÓDULO 1: FUNDAMENTOS DO JAVASCRIPT (INICIANTE)
OBJETIVO: Entender os conceitos essenciais da linguagem.
CONTEÚDOS:
O que é JavaScript? História, uso e ambiente (navegador e [Link])
Sintaxe básica e comentários
Variáveis: `let`, `const`, `var`
Tipos de dados primitivos
Operadores (aritméticos, comparação, lógicos)
Estruturas condicionais: `if`, `else`, `switch`
Estruturas de repetição: `for`, `while`, `do while`
Funções básicas: declaração, parâmetros, retorno
Introdução ao DOM (Document Object Model)
Mini projetos: calculadora simples, jogo de adivinhação, contador
MÓDULO 2: JAVASCRIPT INTERMEDIÁRIO
OBJETIVO: Aprimorar lógica e aprender manipulação de elementos e
eventos.
CONTEÚDOS:
Arrays e métodos (`map`, `filter`, `reduce`, etc.)
Objetos e manipulação
Funções anônimas, arrow functions
Manipulação do DOM (inserir, remover, editar elementos)
Eventos (`click`, `keyup`, `submit`, etc.)
Validação de formulários
JSON e `localStorage`
Fetch API (introdução à requisição de dados)
Mini projetos: To-do list, Validador de formulário, Consumo de API
pública (ex: via CEP)
MÓDULO 3: JAVASCRIPT AVANÇADO
OBJETIVO: Explorar recursos modernos e conceitos mais profundos da
linguagem.
CONTEÚDOS:
es6+ (let/const, spread, destructuring, template literals)
promises, `async/await`
classes e orientação a objetos
módulos em javascript (`import/export`)
tratamento de erros (`try/catch`)
closures e escopo léxico
funções de alta ordem
debounce e throttle
design patterns básicos (factory, singleton, observer)
mini projetos: sistema de login fake, carrinho de compras local, app
de clima
MÓDULO 4: PREPARAÇÃO PARA DESENVOLVIMENTO WEB E
MOBILE (JAVASCRIPT NO MUNDO REAL)
OBJETIVO: Transição para uso prático com frameworks e aplicações
reais.
CONTEÚDOS:
Introdução a frameworks/libraries: por que React? (preparação)
SPA (Single Page Application) e SSR (Server-Side Rendering)
APIs RESTful (prática com `fetch`)
Organização de código (componentização e boas práticas)
Automatização de tarefas: npm, scripts, bundlers (Webpack/Vite -
introdução)
Git e GitHub (introdução e uso prático)
Projetos integrados: dashboard com API, jogo online simples,
projeto em equipe
DEPOIS DISSO: Transição para Desenvolvimento Web & Mobile
DESENVOLVIMENTO WEB (COM REACT OU OUTRO
FRAMEWORK)
HTML5, CSS3, JS moderno
[Link] (hooks, estados, rotas, contexto)
Axios, styled-components ou Tailwind
Consumo de APIs, autenticação, roteamento
Deploy de aplicações
DESENVOLVIMENTO MOBILE (REACT NATIVE)
Estrutura de projeto mobile
Componentes e navegação
Integração com APIs e armazenamento local
Publicação na Play Store / App Store (noções básicas)