Roadmap JavaScript

Confira neste roteiro o que você precisa estudar para aprender JavaScript. Nesta página você vai encontrar cursos, livros e canais que vão ser úteis para o seu aprendizado

Segundo uma pesquisa da empresa de análise de mercado SlashData feita em 2020 a linguagem de programação mais popular na atualidade é o JavaScript.

Para quem pretende seguir uma carreira como desenvolvedor, JavaScript é uma opção segura. O JavaScript surgiu em 1995, e vem evoluindo de forma constante.

JavaScript é uma linguagem muito versátil, podendo ser utilizado tanto no frontend quanto no backend. Mas ele também pode ser utilizado na criação de jogos ou de aplicativos.

Para quem está começando, o JavaScript é uma linguagem muito amigágel, já que não exige ferramentas de desenvolvimento pesadas ou um computador com muitos recursos.

Existe uma grande quantidade de soluções prontas em JavaScript. como frameworks ou bibliotecas. A comunidade de usuários do JavaScript é muito grande, o que facilita encontrar ajuda ou tutoriais. Para você ter uma idéia, o JavaScript é o líder absoluto no número de perguntas no site Stack Overflow. Existem 2,3 milhões de respostas cobrindo tanto assuntos básicos quanto avançados. Na pesquisa feita pelo Stack Overflow em 2021, 67,7% dos desenvolvedores afirmaram usar JavaScript, tornando esta tecnologia uma das primeiras na lista.

A seguir, um roteiro de conteúdos que podem ajudar nos seus estudos de JavaScript. Clique em cada tópico para obter mais informações

Estrutura da linguagem

Expressões
Tipos de dados
Variáveis
Comentários
Interações
Arrays
Template Literals
Strict Mode

Condicionais e Loops

If
While
For
Switch
Do While
 
 
 

Funções

O que são funções
Binding de funções
Arrow functions
 
 
 
 
 

Outros recursos

Recursividade
Rest e operador spread
setTimeout
setInterval
Decorators
Forwarding
Call, apply e bind
 

Operadores e Conversão de Tipos

Matemáticos
Lógicos
Comparação
Atribuição
Relacionais
Conversão de tipos
 
 

Trabalhando com arrays

Map
Filter
Reduce
Sort
Splice
Shuffle
 
 

Trabalhando com JSON

Métodos JSON, toJSON
stringify
parse
 
 
 
 
 

Objetos

Referência de objetos
Garbage collection
This
Construtores
Operador New
Objeto Dates
Objeto Math
 

Eventos

Eventos do navegador
Bubbling e capturing
Delegação de Eventos
Ações padrões
Dispatching
Eventos personalizados
 
 

Manipulando o DOM - Básico

Documento
Arvore DOM
Navegando pelo DOM
getElement*
querySelector*
Propriedades dos Nós
 
 

Manipulando o DOM - Intermediário

Estilos e classes
Tamanho dos elementos
Tamanho da janela
Coordenadas
Popups
Rolagem
 
 

Intermediário

Editores de Código
Console
Qualidade de Código
Debug
Padrões de Código
Polyfills
Transpilers
 

Animações Javascript

Web Anination API
Canvas
Sprite Sheets
SVG
 
 
 
 

Programação Assíncrona e Callbacks

Timers
Promises
Async e Await
AJAX
Eventos
 
 
 

Eventos de Mouse

Mouseover
Mouseout
Mouseenter
Mouseleave
Arrastar e soltar
Eventos do cursor
Rolagem
 

Eventos de Teclado

Keydown
Keyup
Keypress
Keycode
 
 
 
 

Programação Funcional

Defer e Async
CORS
Closures
Expressões regulares
Unicode
Estrutura de dados
Map Data Structure
Set Data Structure

Armazenamento de dados e API

Cookies
localStorage
History API
Fetch
Cache
Service Workers
IndexDB
 

Arquivos e dados binários

ArrayBuffer
TextDecoder
TextEncoder
Blob
File e FileReader
Requisições de rede
FormData
 

Requisições de Rede

Fetch API
FormData
Cross-Origin Requests
URL objects
XMLHttpRequest
Upload de arquivos
Long polling
WebSocket

Formulários

Propriedades e métodos
Foco: focus/blur
Eventos: change, input
Copiar e colar
Eventos de formulário
Metodo submit
 
 

Módulos

Exportar
Importar
Importação dinâmica
Generators
 
 
 
 

Classes

Sintaxe básica
Herança
Propriedades estáticas
Métodos públicos
Métodos privados
Extendendo classes
Instanceof
Mixins

Tratamento de Erros

Try...catch
Throw
Objeto Error
Erros customizados
Testes automatizados
 
 
 

HTML e CSS

Sólidos conhecimentos de HTML e CSS são necessários para quem deseja uma carreira de desenvolvedor Frontend. Não deixe de conferir este roteiro de estudos sobre HTML e CSS!

Roadmap HTML e CSS