Estou estudando Javascript a um longo tempo. Não sei precisar quanto tempo. E tem centenas de artigos, tutoriais na internet. Alguns extremamente básicos, outros muito complexos e outros bem defasados (usando var ainda) em pleno ano de 2026.
Então surgiu a ideia de criar esta série de artigos. Não sou bom em falar, então vídeos-aula não seriam um boa ideia. Ao longo de cada artigo, o conteúdo evoluirá cada vez mais e a linguagem se tornará mais fácil, apesar de um tanto mais complexa. Mas para quem estudar (e não simplesmente ler e ir para o próximo), não terá problemas em dominar essa linguagem.
Uma grande dica: não acredite que existe em milagres para o aprendizado: tempo é a chave! Um ano, dois ... cinco anos voam se você estuda algo bom e que gosta. Anote num papel (sim, ele existe ainda!) o que você sabe hoje sobre Javascript. E daqui seis meses, um ano, pegue o papel da sua carteira, porta luvas do carro, fundo da gaveta e compare!
Plano Completo da Série
Visão Geral
A ideia é um artigo por semana, ou em menos dias — o ritmo é seu. A divisão foi pensada para o estudante assimilar bem um conteúdo, um conceito, e só então ir para o próximo; ler as referências e praticar é primordial. Se tiver mais tempo por dia, avance mais rápido, em dias e não em semanas; isso varia de pessoa para pessoa. O curso está subdividido em módulos progressivos, do zero absoluto até o mercado de trabalho, e ganha artigo novo sempre que um assunto se mostra necessário — o índice abaixo é a versão atual, com tudo o que já está no ar.
MÓDULO 1 — Fundamentos do JavaScript
MÓDULO 2 — JavaScript no Navegador — o DOM
MÓDULO 3 — Assíncrono, APIs e formatos de dados
MÓDULO 4 — Node.js e Back-end
MÓDULO 5 — Qualidade de Código
MÓDULO 6 — React
| # | Título |
|---|---|
| 41 | Introdução ao React |
| 42 | React Hooks em profundidade |
| 43 | Estado global com Zustand e React Query |
| 44 | React Router: navegação em SPAs |
| 45 | Revisão + Projeto Final: SPA Completa |
MÓDULO 7 — Deploy, Segurança e Performance
| # | Título |
|---|---|
| 46 | Deploy: do código ao ar |
| 47 | Segurança em aplicações web |
| 48 | Performance em aplicações web |
| 49 | Revisão + Projeto Final: Produção Real |
MÓDULO 8 — Arquitetura de Software
| # | Título |
|---|---|
| 50 | Padrões de Projeto em JavaScript |
| 51 | Arquitetura de Software: SOLID, Clean Architecture e DDD |
| 52 | Revisão do Módulo 8 + Projeto: Refatoração com Clean Architecture |
MÓDULO 9 — Tópicos Avançados
| # | Título |
|---|---|
| 53 | WebSockets e Comunicação em Tempo Real |
| 54 | Filas de Tarefas e Processamento Assíncrono |
| 55 | Projeto Final: Revisão Completa e Aplicação de Produção |
Fontes e leituras recomendadas
Todos os artigos desta série são baseados ou referenciados nas seguintes fontes de alto nível:
Documentação Oficial
- MDN Web Docs — Mozilla Developer Network: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript
- Node.js Official Docs: https://nodejs.org/en/docs
- Next.js Official Docs: https://nextjs.org/docs
- Express.js Official Docs: https://expressjs.com
Livros de Referência
- You Don't Know JS — Kyle Simpson (série gratuita no GitHub): https://github.com/getify/You-Dont-Know-JS
- Eloquent JavaScript — Marijn Haverbeke (gratuito online): https://eloquentjavascript.net
- Clean Code — Robert C. Martin (Editora Alta Books, edição brasileira)
- JavaScript: The Good Parts — Douglas Crockford (O'Reilly)
Comunidade e Aprendizado
- JavaScript.info — O melhor tutorial moderno de JS: https://javascript.info
- freeCodeCamp — Currículo gratuito e completo: https://www.freecodecamp.org
- Roadmap.sh — Mapa de carreira para desenvolvedores: https://roadmap.sh/javascript
Padrões e Boas Práticas
- Airbnb JavaScript Style Guide: https://github.com/airbnb/javascript
- Google JavaScript Style Guide: https://google.github.io/styleguide/jsguide.html
Boa leitura e bons estudos!
Exercícios
Exercício 1
Sem voltar à tabela: em qual módulo entra o Node.js, e o que o módulo imediatamente anterior cobre? Explique por que essa ordem não é arbitrária.
Ver resposta
✓ Resposta: O Node.js abre o Módulo 4 — é o artigo 30 do plano, Introdução ao Node.js: JavaScript fora do navegador. O anterior, o Módulo 3, é o de assíncrono, APIs e formatos de dados — event loop, callbacks, Promises, async/await e fetch. A ordem é deliberada: um servidor passa o tempo todo esperando por coisas lentas (banco de dados, outra API, disco), e sem entender o modelo assíncrono você escreveria código de servidor por imitação. O Módulo 3 é o pré-requisito conceitual do Módulo 4.
Exercício 2
Conte quantos artigos tem o Módulo 1 e diga qual é o último deles. Que padrão você percebe olhando o último artigo dos outros módulos?
Ver resposta
✓ Resposta: São 10 artigos, terminando em "Revisão do Módulo 1 + Mini Projeto: Calculadora no Console". O padrão se repete em todos os módulos: cada um fecha com uma revisão somada a um projeto que usa o módulo inteiro — a To-Do List no 2, o App de Clima no 3, a API REST no 4, o Dashboard no 5. O conteúdo nunca termina em teoria; termina em algo que roda.
Exercício 3
Faça agora a tarefa que o artigo propõe: anote num papel o que você sabe hoje sobre JavaScript. Guarde-o num lugar que você reencontre daqui a seis meses.
Ver resposta
✓ Resposta: Não há gabarito — o valor está no registro datado. Escreva de verdade o que você consegue fazer hoje sem consultar nada: declarar uma variável? escrever uma função? explicar o que é uma Promise? Daqui a seis meses, a comparação mede o progresso muito melhor que a memória, que tende a apagar o ponto de partida e fazer parecer que "sempre" se soube o básico.
Exercício 4
O artigo reclama de material defasado, "usando var ainda". Localize no plano da série o artigo que dá as ferramentas para entender por que o var é problemático.
Ver resposta
✓ Resposta: É o artigo 08 do Módulo 1, Escopo, Hoisting e Closures. O problema do var não é sintático, é de escopo: ele é de função (não de bloco) e sofre hoisting, então uma variável declarada dentro de um if ou de um for vaza para fora dele e pode ser lida antes da declaração, valendo undefined. Sem escopo e hoisting explicados, "não use var" seria só uma regra decorada.
Exercício 5
Entre as fontes listadas no fim do artigo, quais são gratuitas e integralmente disponíveis online? E qual delas você abriria primeiro diante de uma dúvida pontual — o que exatamente Array.prototype.slice faz com um índice negativo?
Ver resposta
✓ Resposta: Gratuitas e completas online: MDN Web Docs, javascript.info, Eloquent JavaScript, You Don't Know JS e o freeCodeCamp, além das documentações oficiais de Node, Express e Next. Para a dúvida pontual, a resposta é a MDN: ela é material de referência, organizado por método, com a assinatura, o comportamento dos casos-limite e exemplos. Os outros são material de curso — ótimos para aprender um tema, lentos para consultar um detalhe.