{
  "markdown": "<h1 align=\"center\">\n<br>\n  <a href=\"https://github.com/leonardomso/33-js-concepts\"><img src=\"github-image.png\" alt=\"33 Concepts Every JS Developer Should Know\"></a>\n  <br>\n    <br>\n  <strong>33 Concepts Every JavaScript Developer Should Know</strong>\n  <br><br>\n</h1>\n\n<p align=\"center\">\n  <a href=\"https://33jsconcepts.com\">Read the Full Guide</a> •\n  <a href=\"#concepts\">Concepts</a> •\n  <a href=\"TRANSLATIONS.md\">Translations</a> •\n  <a href=\"CONTRIBUTING.md\">Contributing</a>\n</p>\n\n<div align=\"center\">\n  <strong>Recognized by GitHub as one of the <a href=\"https://github.blog/news-insights/octoverse/new-open-source-projects/#top-projects-of-2018\">top open source projects of 2018!</a></strong>\n</div>\n\n---\n\n## About\n\nThis repository helps developers master core JavaScript concepts. Each concept includes clear explanations, practical code examples, and curated resources.\n\n**[Start learning at 33jsconcepts.com →](https://33jsconcepts.com)**\n\n---\n\n## Concepts\n\n### Fundamentals\n\n- **[Primitive Types](https://33jsconcepts.com/concepts/primitive-types)**  \n  Learn JavaScript's 7 primitive types: string, number, bigint, boolean, undefined, null, and symbol. Understand immutability, typeof quirks, and autoboxing.\n\n- **[Primitives vs Objects](https://33jsconcepts.com/concepts/primitives-objects)**  \n  Learn how JavaScript primitives and objects differ in behavior. Understand immutability, call-by-sharing semantics, why mutation works but reassignment doesn't, and how V8 actually stores values.\n\n- **[Type Coercion](https://33jsconcepts.com/concepts/type-coercion)**  \n  Learn JavaScript type coercion and implicit conversion. Understand how values convert to strings, numbers, and booleans, the 8 falsy values, and how to avoid common coercion bugs.\n\n- **[Equality Operators](https://33jsconcepts.com/concepts/equality-operators)**  \n  Learn JavaScript equality operators == vs ===, typeof quirks, and Object.is(). Understand type coercion, why NaN !== NaN, and why typeof null returns 'object'.\n\n- **[Scope and Closures](https://33jsconcepts.com/concepts/scope-and-closures)**  \n  Learn JavaScript scope and closures. Understand the three types of scope, var vs let vs const, lexical scoping, the scope chain, and closure patterns for data privacy.\n\n- **[Call Stack](https://33jsconcepts.com/concepts/call-stack)**  \n  Learn how the JavaScript call stack tracks function execution. Understand stack frames, LIFO ordering, execution contexts, stack overflow errors, and debugging with stack traces.\n\n### Functions & Execution\n\n- **[Event Loop](https://33jsconcepts.com/concepts/event-loop)**  \n  Learn how the JavaScript event loop handles async code. Understand the call stack, task queue, microtasks, and why Promises always run before setTimeout().\n\n- **[IIFE, Modules & Namespaces](https://33jsconcepts.com/concepts/iife-modules)**  \n  Learn how to organize JavaScript code with IIFEs, namespaces, and ES6 modules. Understand private scope, exports, dynamic imports, and common module mistakes.\n\n### Web Platform\n\n- **[DOM](https://33jsconcepts.com/concepts/dom)**  \n  Learn how the DOM works in JavaScript. Understand how browsers represent HTML as a tree, select and manipulate elements, traverse nodes, and optimize rendering performance.\n\n- **[Fetch API](https://33jsconcepts.com/concepts/http-fetch)**  \n  Learn how to make HTTP requests with the JavaScript Fetch API. Understand GET, POST, response handling, JSON parsing, error patterns, and AbortController for cancellation.\n\n- **[Web Workers](https://33jsconcepts.com/concepts/web-workers)**  \n  Learn Web Workers in JavaScript for running code in background threads. Understand postMessage, Dedicated and Shared Workers, and transferable objects.\n\n### Object-Oriented JavaScript\n\n- **[Factories and Classes](https://33jsconcepts.com/concepts/factories-classes)**  \n  Learn JavaScript factory functions and ES6 classes. Understand constructors, prototypes, private fields, inheritance, and when to use each pattern.\n\n- **[this, call, apply, bind](https://33jsconcepts.com/concepts/this-call-apply-bind)**  \n  Learn how JavaScript's 'this' keyword works and how to control context binding. Understand the 5 binding rules, call/apply/bind methods, arrow functions, and common pitfalls.\n\n- **[Object Creation & Prototypes](https://33jsconcepts.com/concepts/object-creation-prototypes)**  \n  Learn JavaScript's prototype chain and object creation. Understand how inheritance works, the new operator's 4 steps, Object.create(), Object.assign(), and prototype methods.\n\n- **[Inheritance & Polymorphism](https://33jsconcepts.com/concepts/inheritance-polymorphism)**  \n  Learn inheritance and polymorphism in JavaScript — extending classes, prototype chains, method overriding, and code reuse patterns.\n\n### Async JavaScript\n\n- **[Callbacks](https://33jsconcepts.com/concepts/callbacks)**  \n  Learn JavaScript callbacks, functions passed to other functions to be called later. Understand sync vs async callbacks, error-first patterns, callback hell, and why Promises were invented.\n\n- **[Promises](https://33jsconcepts.com/concepts/promises)**  \n  Learn JavaScript Promises for handling async operations. Understand how to create, chain, and combine Promises, handle errors properly, and avoid common pitfalls.\n\n- **[async/await](https://33jsconcepts.com/concepts/async-await)**  \n  Learn async/await in JavaScript. Syntactic sugar over Promises that makes async code readable. Covers error handling with try/catch, parallel execution with Promise.all, and common pitfalls.\n\n- **[Generators & Iterators](https://33jsconcepts.com/concepts/generators-iterators)**  \n  Learn JavaScript generators and iterators. Understand yield, the iteration protocol, lazy evaluation, infinite sequences, and async generators with for await...of.\n\n### Functional Programming\n\n- **[Higher-Order Functions](https://33jsconcepts.com/concepts/higher-order-functions)**  \n  Learn higher-order functions in JavaScript. Understand functions that accept or return other functions, create reusable abstractions, and write cleaner code.\n\n- **[Pure Functions](https://33jsconcepts.com/concepts/pure-functions)**  \n  Learn pure functions in JavaScript. Understand the two rules of purity, avoid side effects, and write testable, predictable code with immutable patterns.\n\n- **[map, reduce, filter](https://33jsconcepts.com/concepts/map-reduce-filter)**  \n  Learn map, reduce, and filter in JavaScript. Transform, filter, and combine arrays without mutation. Includes method chaining and common pitfalls.\n\n- **[Recursion](https://33jsconcepts.com/concepts/recursion)**  \n  Learn recursion in JavaScript. Understand base cases, recursive calls, the call stack, and patterns like factorial, tree traversal, and memoization.\n\n- **[Currying & Composition](https://33jsconcepts.com/concepts/currying-composition)**  \n  Learn currying and function composition in JavaScript. Build reusable functions from simple pieces using curry, compose, and pipe for cleaner, modular code.\n\n### Advanced Topics\n\n- **[JavaScript Engines](https://33jsconcepts.com/concepts/javascript-engines)**  \n  Learn how JavaScript engines work. Understand V8's architecture, parsing, compilation, JIT optimization, hidden classes, inline caching, and garbage collection.\n\n- **[Error Handling](https://33jsconcepts.com/concepts/error-handling)**  \n  Learn JavaScript error handling with try/catch/finally. Understand Error types, custom errors, async error patterns, and best practices for robust code.\n\n- **[Regular Expressions](https://33jsconcepts.com/concepts/regular-expressions)**  \n  Learn regular expressions in JavaScript. Covers pattern syntax, character classes, quantifiers, flags, capturing groups, and methods like test, match, and replace.\n\n- **[Modern JS Syntax](https://33jsconcepts.com/concepts/modern-js-syntax)**  \n  Learn modern JavaScript ES6+ syntax. Covers destructuring, spread/rest operators, arrow functions, optional chaining, nullish coalescing, and template literals.\n\n- **[ES Modules](https://33jsconcepts.com/concepts/es-modules)**  \n  Learn ES Modules in JavaScript. Understand import/export syntax, why ESM beats CommonJS, live bindings, dynamic imports, top-level await, and how modules enable tree-shaking.\n\n- **[Data Structures](https://33jsconcepts.com/concepts/data-structures)**  \n  Learn JavaScript data structures from built-in Arrays, Objects, Maps, and Sets to implementing Stacks, Queues, and Linked Lists. Understand when to use each structure.\n\n- **[Algorithms & Big O](https://33jsconcepts.com/concepts/algorithms-big-o)**  \n  Learn Big O notation and algorithms in JavaScript. Understand time complexity, implement searching and sorting algorithms, and recognize common interview patterns.\n\n- **[Design Patterns](https://33jsconcepts.com/concepts/design-patterns)**  \n  Learn JavaScript design patterns like Module, Singleton, Observer, Factory, Proxy, and Decorator. Understand when to use each pattern and avoid common pitfalls.\n\n- **[Clean Code](https://33jsconcepts.com/concepts/clean-code)**  \n  Learn clean code principles for JavaScript. Covers meaningful naming, small functions, DRY, avoiding side effects, and best practices to write maintainable code.\n\n---\n\n## Beyond 33: Extended Concepts\n\nReady to go deeper? These advanced topics build on the fundamentals above.\n\n### Language Mechanics\n\n- **[Hoisting](https://33jsconcepts.com/concepts/hoisting)**  \n  Learn how JavaScript hoists variable and function declarations. Understand why `var` behaves differently from `let` and `const`, function hoisting order, and how to avoid common bugs.\n\n- **[Temporal Dead Zone](https://33jsconcepts.com/concepts/temporal-dead-zone)**  \n  Learn the Temporal Dead Zone (TDZ) in JavaScript. Understand why accessing `let` and `const` before declaration throws errors, and how TDZ differs from `var` hoisting.\n\n- **[Strict Mode](https://33jsconcepts.com/concepts/strict-mode)**  \n  Learn JavaScript strict mode and how `'use strict'` catches common mistakes. Understand silent errors it prevents, forbidden syntax, and when to use it.\n\n### Type System\n\n- **[JavaScript Type Nuances](https://33jsconcepts.com/concepts/javascript-type-nuances)**  \n  Learn advanced JavaScript type behavior. Understand null vs undefined, short-circuit evaluation, typeof quirks, instanceof and Symbol.hasInstance, Symbols, and BigInt for large numbers.\n\n### Objects & Properties\n\n- **[Property Descriptors](https://33jsconcepts.com/concepts/property-descriptors)**  \n  Learn JavaScript property descriptors. Understand writable, enumerable, and configurable attributes, Object.defineProperty(), and how to create immutable object properties.\n\n- **[Getters & Setters](https://33jsconcepts.com/concepts/getters-setters)**  \n  Learn JavaScript getters and setters. Understand how to define computed properties with `get` and `set`, validate data on assignment, and create reactive object behavior.\n\n- **[Object Methods](https://33jsconcepts.com/concepts/object-methods)**  \n  Learn essential JavaScript Object methods. Master Object.keys(), Object.values(), Object.entries(), Object.fromEntries(), Object.freeze(), Object.seal(), and object cloning patterns.\n\n- **[Proxy & Reflect](https://33jsconcepts.com/concepts/proxy-reflect)**  \n  Learn JavaScript Proxy and Reflect APIs. Understand how to intercept object operations, create reactive systems, implement validation, and build powerful metaprogramming patterns.\n\n- **[WeakMap & WeakSet](https://33jsconcepts.com/concepts/weakmap-weakset)**  \n  Learn JavaScript WeakMap and WeakSet. Understand weak references, automatic garbage collection, private data patterns, and when to use them over Map and Set.\n\n### Memory & Performance\n\n- **[Memory Management](https://33jsconcepts.com/concepts/memory-management)**  \n  Learn JavaScript memory management. Understand the memory lifecycle, stack vs heap allocation, memory leaks, and how to profile memory usage in DevTools.\n\n- **[Garbage Collection](https://33jsconcepts.com/concepts/garbage-collection)**  \n  Learn how JavaScript garbage collection works. Understand mark-and-sweep, reference counting, generational GC, and how to write memory-efficient code.\n\n- **[Debouncing & Throttling](https://33jsconcepts.com/concepts/debouncing-throttling)**  \n  Learn debouncing and throttling in JavaScript. Understand how to optimize event handlers, reduce API calls, improve scroll performance, and implement both patterns from scratch.\n\n- **[Memoization](https://33jsconcepts.com/concepts/memoization)**  \n  Learn memoization in JavaScript. Understand how to cache function results, optimize expensive computations, implement memoization patterns, and when caching hurts performance.\n\n### Modern Syntax & Operators\n\n- **[Tagged Template Literals](https://33jsconcepts.com/concepts/tagged-template-literals)**  \n  Learn JavaScript tagged template literals. Understand how to create custom string processing functions, build DSLs, sanitize HTML, and use popular libraries like styled-components.\n\n- **[Computed Property Names](https://33jsconcepts.com/concepts/computed-property-names)**  \n  Learn JavaScript computed property names. Understand how to use dynamic keys in object literals, create objects from variables, and leverage Symbol keys.\n\n### Browser Storage\n\n- **[localStorage & sessionStorage](https://33jsconcepts.com/concepts/localstorage-sessionstorage)**  \n  Learn Web Storage APIs in JavaScript. Understand localStorage vs sessionStorage, storage limits, JSON serialization, storage events, and security considerations.\n\n- **[IndexedDB](https://33jsconcepts.com/concepts/indexeddb)**  \n  Learn IndexedDB for client-side storage in JavaScript. Understand how to store large amounts of structured data, create indexes, perform transactions, and handle versioning.\n\n- **[Cookies](https://33jsconcepts.com/concepts/cookies)**  \n  Learn JavaScript cookies. Understand how to read, write, and delete cookies, cookie attributes like HttpOnly and SameSite, security best practices, and when to use cookies vs Web Storage.\n\n### Events\n\n- **[Event Bubbling & Capturing](https://33jsconcepts.com/concepts/event-bubbling-capturing)**  \n  Learn JavaScript event bubbling and capturing. Understand the three phases of event propagation, stopPropagation(), event flow direction, and when to use each phase.\n\n- **[Event Delegation](https://33jsconcepts.com/concepts/event-delegation)**  \n  Learn event delegation in JavaScript. Understand how to handle events efficiently using bubbling, manage dynamic elements, reduce memory usage, and implement common delegation patterns.\n\n- **[Custom Events](https://33jsconcepts.com/concepts/custom-events)**  \n  Learn JavaScript custom events. Understand how to create, dispatch, and listen for CustomEvent, pass data between components, and build decoupled event-driven architectures.\n\n### Observer APIs\n\n- **[Intersection Observer](https://33jsconcepts.com/concepts/intersection-observer)**  \n  Learn the Intersection Observer API. Understand how to detect element visibility, implement lazy loading, infinite scroll, and animate elements on scroll efficiently.\n\n- **[Mutation Observer](https://33jsconcepts.com/concepts/mutation-observer)**  \n  Learn the Mutation Observer API. Understand how to watch DOM changes, detect attribute modifications, observe child elements, and replace deprecated mutation events.\n\n- **[Resize Observer](https://33jsconcepts.com/concepts/resize-observer)**  \n  Learn the Resize Observer API. Understand how to respond to element size changes, build responsive components, and replace inefficient window resize listeners.\n\n- **[Performance Observer](https://33jsconcepts.com/concepts/performance-observer)**  \n  Learn the Performance Observer API. Understand how to measure page performance, track Long Tasks, monitor layout shifts, and collect Core Web Vitals metrics.\n\n### Data Handling\n\n- **[JSON Deep Dive](https://33jsconcepts.com/concepts/json-deep-dive)**  \n  Learn advanced JSON in JavaScript. Understand JSON.stringify() replacers, JSON.parse() revivers, handling circular references, BigInt serialization, and custom toJSON methods.\n\n- **[Typed Arrays & ArrayBuffers](https://33jsconcepts.com/concepts/typed-arrays-arraybuffers)**  \n  Learn JavaScript Typed Arrays and ArrayBuffers. Understand binary data handling, DataView, working with WebGL, file processing, and network protocol implementation.\n\n- **[Blob & File API](https://33jsconcepts.com/concepts/blob-file-api)**  \n  Learn JavaScript Blob and File APIs. Understand how to create, read, and manipulate binary data, handle file uploads, generate downloads, and work with FileReader.\n\n- **[requestAnimationFrame](https://33jsconcepts.com/concepts/requestanimationframe)**  \n  Learn requestAnimationFrame in JavaScript. Understand how to create smooth 60fps animations, sync with browser repaint cycles, and optimize animation performance.\n\n---\n\n## Translations\n\nThis project has been translated into 40+ languages by our amazing community!\n\n**[View all translations →](TRANSLATIONS.md)**\n\n---\n\n## Contributing\n\nWe welcome contributions! See our [Contributing Guidelines](CONTRIBUTING.md) for details.\n\n---\n\n## License\n\nMIT © [Leonardo Maldonado](https://github.com/leonardomso)\n\n---\n\n<div align=\"center\">\n  <strong>If you find this helpful, please star the repo!</strong>\n</div>\n",
  "bytes": 17336,
  "sha": "f33b776b754d1963a7f38da650d348c5be1fcd18d2d10fb7cf85ac64a78038ae",
  "repo_slug": "leonardomso/33-js-concepts",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_leonardomso_33_js_concepts_claude_skills_5d0f3657/readme"
}