0% acharam este documento útil (0 voto)
12 visualizações3 páginas

Roadmap

O documento apresenta um roadmap de aprendizado de JavaScript dividido em quatro módulos, que vão do nível iniciante ao avançado. Os módulos abordam fundamentos da linguagem, manipulação de elementos e eventos, recursos modernos e conceitos avançados, além de preparação para desenvolvimento web e mobile. Após completar o roadmap, o foco é na transição para desenvolvimento com frameworks como React e React Native.

Enviado por

robertozua161
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
12 visualizações3 páginas

Roadmap

O documento apresenta um roadmap de aprendizado de JavaScript dividido em quatro módulos, que vão do nível iniciante ao avançado. Os módulos abordam fundamentos da linguagem, manipulação de elementos e eventos, recursos modernos e conceitos avançados, além de preparação para desenvolvimento web e mobile. Após completar o roadmap, o foco é na transição para desenvolvimento com frameworks como React e React Native.

Enviado por

robertozua161
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 3

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)

Você também pode gostar