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 série terá 52 artigos — um por semana, ou até em menos dias, durante um ano inteiro. Essa divisão foi feita para o estudane assimilar bem um conteúdo, um conceito e daí ir para a o próximo; ler as referências, praticar, é primordial. Claro que não precisa ser uma semana. Se tiver mais tempo e horas/dia pode ir progredindo mais rápido, em dias e não semanas; isso varia de pessoa para pessoa. Também está sudividida em 6 módulos progressivos, do zero absoluto até o mercado de trabalho.
MÓDULO 1 — Fundamentos do JavaScript
| # | Título |
|---|---|
| 01 | O que é JavaScript e por que aprender? ✅ |
| 02 | Condicionais: if, else e switch |
| 03 | Laços de repetição: for, while e do...while |
| 04 | Funções: declaração, expressão e arrow functions |
| 05 | Arrays: criando e manipulando listas |
| 06 | Objetos: estruturando dados do mundo real |
| 07 | Desestruturação, spread e rest operator |
| 08 | Escopo, hoisting e closures |
| 09 | Tratamento de erros com try/catch |
| 10 | Revisão do Módulo 1 + Mini Projeto: Calculadora no Console |
MÓDULO 2 — JavaScript no Navegador (DOM)
| # | Título |
|---|---|
| 11 | O que é o DOM e como o JS interage com o HTML |
| 12 | Selecionando e manipulando elementos |
| 13 | Eventos: click, input, submit e muito mais |
| 14 | Criando e removendo elementos dinamicamente |
| 15 | Formulários: validação e coleta de dados |
| 16 | LocalStorage e SessionStorage |
| 17 | Introdução ao CSS via JavaScript |
| 18 | Temporizadores: setTimeout e setInterval |
| 19 | Boas práticas no DOM: performance e legibilidade |
| 20 | Revisão + Mini Projeto: To-Do List completa |
MÓDULO 3 — JavaScript Assíncrono e APIs
| # | Título |
|---|---|
| 21 | O que é programação assíncrona? Event Loop explicado |
| 22 | Callbacks: o começo de tudo |
| 23 | Promises: resolvendo o callback hell |
| 24 | Async/Await: escrevendo código assíncrono de forma limpa |
| 25 | Fetch API: consumindo dados da internet |
| 26 | Trabalhando com JSON |
| 27 | Tratamento de erros em requisições |
| 28 | APIs públicas: exemplos práticos |
| 29 | Introdução ao padrão REST |
| 30 | Revisão + Mini Projeto: App de Clima com API real |
MÓDULO 4 — Node.js e Back-end com JavaScript
| # | Título |
|---|---|
| 31 | O que é Node.js? Instalação e primeiros passos |
| 32 | Módulos no Node.js: CommonJS e ES Modules |
| 33 | NPM: gerenciando pacotes e dependências |
| 34 | Criando um servidor HTTP do zero com Node puro |
| 35 | Express.js: o framework web mais popular do Node |
| 36 | Rotas, middlewares e estrutura de projeto |
| 37 | Conectando ao banco de dados com SQLite/Postgres |
| 38 | Revisão + Projeto: API REST funcional |
MÓDULO 5 — React e Front-end Moderno
| # | Título |
|---|---|
| 39 | O que é React e por que ele dominou o mercado |
| 40 | Componentes e JSX: pensando em blocos |
| 41 | Props e State: dados que fluem e dados que mudam |
| 42 | Hooks essenciais: useState e useEffect |
| 43 | Hooks avançados: useContext, useRef, useMemo |
| 44 | React Router: navegação entre páginas |
| 45 | Consumindo APIs no React com fetch e axios |
| 46 | Gerenciamento de estado global com Context API |
| 47 | Introdução ao Next.js: React com superpoderes |
| 48 | Revisão + Projeto: Dashboard com React completo |
MÓDULO 6 — Código Limpo, Boas Práticas e Mercado
| # | Título |
|---|---|
| 49 | Clean Code em JavaScript: nomes, funções e comentários |
| 50 | Testes automatizados com Jest: por que e como testar |
| 51 | Git, GitHub e o fluxo de trabalho profissional |
| 52 | Como montar seu portfólio e entrar no mercado de trabalho |
📚 Fontes e Referências da Série
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
- React Official Docs: https://react.dev
- 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!