33 Conceitos JS

6 min

Apresentando o 33 Conceitos JS: O Guia Definitivo para Dominar JavaScript

Uma introdução ao projeto open source que reúne 33 conceitos fundamentais para entender JavaScript com clareza, profundidade e exemplos práticos.

8 min

A História Por Trás do 33 Conceitos JS: Do Artigo de Blog ao Guia Mais Completo de JavaScript

A evolução do 33 Conceitos JS, desde o artigo original até o guia que se tornou referência para aprender JavaScript.

7 min

Como Usar o 33 Conceitos JS: O Guia Prático para Aprender JavaScript de Verdade

Um guia prático sobre como estudar o 33 Conceitos JS com método, prática e revisão.

5 min

Pré-requisitos para Estudar JavaScript: Tudo o Que Você Precisa para Começar

Navegador, editor de código e Node.js opcional — o setup mínimo para começar a estudar JavaScript sem complicação.

7 min

Trilhas de Aprendizado: Qual Caminho Seguir no 33 Conceitos JS?

Iniciante, intermediário ou preparação para entrevistas — escolha a trilha de estudo que combina com seu nível e seus objetivos.

Fundamentals

6 artigos

10 min

Primitive Types: Os 7 Blocos de Construção do JavaScript

Os 7 tipos primitivos do JavaScript — imutabilidade, typeof, autoboxing e os quirks que todo desenvolvedor precisa conhecer.

Primitives vs Objects: Como os Valores do JavaScript Realmente Funcionam

Como primitivos e objetos diferem em mutabilidade, passagem por compartilhamento e comportamento de cópia — a diferença real entre valores no JavaScript.

Type Coercion: Como o JavaScript Converte Tipos Automaticamente (e Por Que `"5" + 3` é `"53"`)

Coerção implícita e explícita, a surpresa do operador + e os 8 valores falsy que todo desenvolvedor JavaScript precisa memorizar.

Equality Operators: `==` vs `===` — Como o JavaScript Realmente Compara Valores

Entenda a diferença entre `==` e `===`, quando usar `Object.is()` e os quirks do `typeof` — incluindo o bug histórico do `null` e por que `NaN !== NaN`.

10 min

Call Stack: A Pilha que Organiza a Execução do JavaScript

Entenda a pilha LIFO que rastreia chamadas de função, como o JavaScript sabe onde retornar após cada execução e o que causa o temido stack overflow.

14 min

Scope and Closures: Onde as Variáveis Vivem e Como as Funções Lembram

Entenda os tipos de escopo, o escopo léxico, closures e como var, let e const afetam visibilidade, segurança e previsibilidade no JavaScript.

Functions & Execution

2 artigos

16 min

Event Loop: Como o JavaScript Faz Múltiplas Coisas Sendo Single-Threaded

Entenda como o event loop coordena código assíncrono em um runtime single-threaded, a diferença entre microtasks e macrotasks, e por que Promises rodam antes de setTimeout.

14 min

IIFE, Módulos e Namespaces: Como Organizar e Proteger Seu Código JavaScript

Aprenda a organizar JavaScript com IIFEs, namespaces e módulos ES6. Entenda escopo privado, export/import, imports dinâmicos e os erros mais comuns com módulos.

Web Platform

3 artigos

DOM em JavaScript: Entendendo Como a Página se Torna um Objeto Vivo

Aprenda o que é o DOM, como selecionar e manipular elementos HTML com JavaScript, e por que frameworks existem para simplificar essa ponte entre código e página.

14 min

HTTP e Fetch API em JavaScript: Como Conversar com Servidores

Aprenda como o JavaScript busca dados na internet usando HTTP e a Fetch API — métodos, status codes, Promises, async/await e os erros mais comuns.

Web Workers em JavaScript: Executando Tarefas em Segundo Plano sem Travar a Interface

Aprenda como Web Workers permitem executar tarefas pesadas em paralelo, mantendo a interface do usuário fluida — postMessage, limitações e quando usar.

Object-Oriented JS

4 artigos

Factories & Classes: Fábricas e Classes em JavaScript

Aprenda a criar objetos com Factory Functions e Classes ES6 — closures, protótipos, campos privados, herança, composição e quando usar cada abordagem.

this, call, apply & bind: O Pronome Mágico do JavaScript

Entenda o que é this, as 5 regras de binding, como call/apply/bind funcionam, arrow functions e as armadilhas mais comuns — com exemplos práticos.

Prototypes & Object Creation: A Cadeia de Herança do JavaScript

Entenda a cadeia de protótipos, [[Prototype]] vs .prototype, Object.create(), new, Object.assign() e as armadilhas mais comuns de herança em JS.

Inheritance & Polymorphism: Herança e Polimorfismo em JavaScript

Aprenda herança com extends/super, sobrescrita de métodos, polimorfismo, composição vs herança, mixins e quando usar cada abordagem em JavaScript.

Async JavaScript

4 artigos

Callbacks: A Função que te Liga de Volta

Entenda callbacks síncronos e assíncronos, o padrão error-first do Node.js, inferno de callbacks, event loop e por que Promises foram inventadas.

Promises: O Ticket de Pedido do JavaScript Assíncrono

Aprenda estados de Promise, then/catch/finally, encadeamento, métodos estáticos (all, race, any) e padrões para substituir o inferno de callbacks.

Async/Await: Escrevendo Código Assíncrono que Parece Síncrono

Aprenda async/await sobre Promises: try/catch, sequencial vs paralelo, microtasks, top-level await, erros comuns e padrões avançados.

Generators & Iterators: Funções que Pausam e Sequências que Nunca Terminam

Aprenda iterators, function*, yield, Symbol.iterator, lazy evaluation, sequências infinitas, async generators e for await...of.

Functional Programming

5 artigos

Higher-Order Functions: Quando Funções Viram Superpoderes

Aprenda funções de ordem superior: aceitar e retornar funções, fábricas, closures, map/filter/reduce e quando usar HOFs na prática.

Pure Functions: A Magia da Previsibilidade

Domine funções puras: mesma entrada → mesma saída, zero efeitos colaterais, imutabilidade, structuredClone, padrões práticos e quando a impureza é inevitável.

Map, Reduce & Filter: A Linha de Montagem dos Arrays

Domine map(), filter() e reduce(): linha de montagem de dados, encadeamento, valor inicial do reduce, parseInt gotcha, find/some/every e callbacks assíncronos.

Recursion: Quando a Função Olha no Espelho

Domine recursão: caso base e recursivo, call stack, fatorial, Fibonacci, árvores e objetos aninhados, memoização, tail recursion e recursão vs iteração.

Currying & Composition: Montando Funções como LEGO

Domine currying, aplicação parcial, compose, pipe, data-last, estilo point-free e quando usar vanilla JS vs Lodash/Ramda — o fechamento da trilha Functional Programming.

Advanced Topics

9 artigos

JavaScript Engines: O Motor Por Trás do Código

Como o V8 parseia código, gera bytecode com Ignition, otimiza com TurboFan, usa hidden classes, inline caching e garbage collection — e como escrever JS amigável ao motor.

Error Handling: Seu Código Precisa de um Plano B

Domine try/catch/finally, objetos Error, throw, classes customizadas, erros async com fetch, handlers globais e padrões reais: retry, validação e graceful degradation.

Regular Expressions: O Detetive do Texto

Domine regex em JavaScript: literais e RegExp, classes de caracteres, quantificadores, âncoras, test/match/replace/split, grupos de captura, flags e a armadilha greedy vs lazy.

Modern JS Syntax (ES6+): O JavaScript que Você Realmente Usa

Arrow functions, destructuring, spread/rest, template literals, optional chaining, nullish coalescing, parâmetros padrão, Map/Set/Symbol e for...of — a sintaxe moderna do dia a dia.

23 min

ES Modules: O Sistema de Entrega de Código JavaScript

ESM vs CommonJS, live bindings, import/export, dynamic import(), top-level await, browser vs Node, import maps e tree-shaking — o sistema de módulos oficial do JavaScript.

Data Structures: Organizando Dados como um Pro

Array, Object, Map, Set, WeakMap/WeakSet, Stack, Queue, Linked List, BST e Graph — complexidade Big O, quando usar cada uma e padrões clássicos de entrevista.

Algorithms & Big O: A Ciência da Performance

Big O notation, O(1) a O(n²), análise de código, complexidade de métodos JS, busca linear/binária, ordenação, two pointers, sliding window e frequency counter.

Design Patterns: Os Modelos de Solução que Todo Dev Precisa Conhecer

Module, Singleton, Factory, Observer, Proxy e Decorator em JavaScript moderno — quando usar, quando evitar e como o JS simplifica os padrões clássicos da Gang of Four.

Clean Code: Escrevendo Código que Outros (e Você no Futuro) Vão Amar Ler

Nomenclatura, funções focadas, DRY, efeitos colaterais, early returns, comentários úteis, SOLID e testabilidade — o fechamento da trilha Advanced Topics da série 33 Conceitos JS.