docs/index.mdx
Want to truly understand how JavaScript works? Not just copy-paste code, but actually know what's happening under the hood?
These 33 concepts are the foundation. Whether you're debugging a tricky closure, optimizing async code, or preparing for technical interviews, this is the knowledge that separates developers who struggle from those who ship with confidence.
<Info> **What you'll find in this guide:** - Clear explanations written for humans, not textbooks - Practical code examples you can run and modify - Visual diagrams that make abstract concepts click - Curated resources (articles, videos, docs) for deeper learning - Knowledge checks to test your understanding </Info>This guide meets you where you are. Whether you're writing your first line of JavaScript or you've been shipping code for years, there's something here for you.
<CardGroup cols={2}> <Card title="Beginners" icon="seedling"> New to JavaScript? Start from the fundamentals and build real understanding, not just syntax memorization. </Card> <Card title="Self-Taught Developers" icon="lightbulb"> Fill the gaps in your knowledge. Finally understand the "why" behind patterns you've been using. </Card> <Card title="Interview Prep" icon="briefcase"> These concepts come up constantly in technical interviews. Know them cold. </Card> <Card title="Experienced Devs" icon="rocket"> Solidify your mental models. Teach others with confidence. </Card> </CardGroup>Each concept builds on the others. Start from the beginning or jump to what you need. Every page includes explanations, code examples, and resources to go deeper.
<CardGroup cols={2}> <Card title="Fundamentals" icon="cube" href="/concepts/primitive-types"> Types, Scope, Closures, Call Stack, and how JavaScript actually executes your code </Card> <Card title="Functions & Execution" icon="code" href="/concepts/event-loop"> The Event Loop, IIFE, Modules, and why JavaScript can be both single-threaded and non-blocking </Card> <Card title="Web Platform" icon="browser" href="/concepts/dom"> DOM manipulation, HTTP requests with Fetch, and Web Workers for background processing </Card> <Card title="Object-Oriented JS" icon="sitemap" href="/concepts/factories-classes"> Classes, Prototypes, the `this` keyword, and how inheritance really works </Card> <Card title="Async JavaScript" icon="clock" href="/concepts/promises"> Callbacks, Promises, async/await, and patterns for handling asynchronous operations </Card> <Card title="Functional Programming" icon="filter" href="/concepts/higher-order-functions"> Pure functions, Higher-order functions, map/reduce/filter, recursion, and composition </Card> <Card title="Advanced Topics" icon="graduation-cap" href="/concepts/data-structures"> Data structures, Algorithms, Design patterns, and writing clean, maintainable code </Card> </CardGroup>Created by Leonardo Maldonado and improved by hundreds of contributors worldwide. Translated into 40+ languages, making JavaScript education accessible to developers everywhere.