Skip to content

Commit c17c48d

Browse files
leonardomsoleonardomso
authored
Merge pull request leonardomso#641 from leonardomso/feat/dark-mode-default
changes
2 parents 5cda73b + bfade47 commit c17c48d

2 files changed

Lines changed: 73 additions & 50 deletions

File tree

‎docs/docs.json‎

Lines changed: 33 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,43 @@
11
{
22
"$schema": "https://mintlify.com/docs.json",
33
"theme": "maple",
4+
"appearance": {
5+
"default": "dark",
6+
"strict": true
7+
},
48
"name": "33 JavaScript Concepts",
5-
"description": "33 concepts every JavaScript developer should know",
9+
"description": "Learn JavaScript with 33 essential concepts every developer should know. Free guide with clear explanations, practical code examples, and curated resources.",
610
"colors": {
7-
"primary": "#F7DF1E",
8-
"light": "#FAFAFA",
9-
"dark": "#1A1A1A"
11+
"primary": "#F0DB4F",
12+
"light": "#F0DB4F",
13+
"dark": "#C9B83C"
1014
},
1115
"favicon": "/favicon.svg",
16+
"seo": {
17+
"indexing": "navigable",
18+
"metatags": {
19+
"og:type": "website",
20+
"og:site_name": "33 JavaScript Concepts",
21+
"og:locale": "en_US",
22+
"twitter:card": "summary_large_image",
23+
"twitter:site": "@leonardomso",
24+
"twitter:creator": "@leonardomso",
25+
"author": "Leonardo Maldonado",
26+
"keywords": "JavaScript, JS, learn JavaScript, JavaScript tutorial, JavaScript concepts, JavaScript fundamentals, web development, programming, coding, closures, promises, async await, event loop, DOM, prototypes",
27+
"language": "en",
28+
"coverage": "Worldwide",
29+
"distribution": "global",
30+
"rating": "general",
31+
"revisit-after": "7 days",
32+
"category": "Technology, Education, Programming"
33+
}
34+
},
35+
"search": {
36+
"prompt": "Search concept..."
37+
},
38+
"metadata": {
39+
"timestamp": true
40+
},
1241
"navbar": {
1342
"links": [
1443
{

‎docs/index.mdx‎

Lines changed: 40 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,98 +1,92 @@
11
---
2-
title: "33 JavaScript Concepts Every Developer Should Know"
2+
title: "33 JavaScript Concepts - Learn JS Fundamentals in 2025"
33
sidebarTitle: "Welcome"
4-
description: "Learn the 33 essential JavaScript concepts every developer needs. Free guide with explanations, code examples, and curated resources for all skill levels."
4+
description: "Learn JavaScript with 33 essential concepts every developer should know. Free guide with clear explanations, practical code examples, and curated resources for beginners to senior developers."
55
---
66

7-
<div className="not-prose">
8-
<div className="text-center py-12">
9-
<h1 className="text-5xl font-bold mb-4">33 JavaScript Concepts</h1>
10-
<p className="text-xl text-gray-600 dark:text-gray-400 mb-8">
11-
Every JavaScript developer should know these fundamental concepts
12-
</p>
13-
<div className="flex justify-center gap-4 mb-8">
14-
<a href="/getting-started/about" className="px-6 py-3 bg-primary text-black font-semibold rounded-lg hover:opacity-90 transition">
15-
Get Started
16-
</a>
17-
<a href="https://github.com/leonardomso/33-js-concepts" className="px-6 py-3 border border-gray-300 dark:border-gray-700 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition">
18-
View on GitHub
19-
</a>
20-
</div>
21-
</div>
22-
</div>
7+
Want to truly understand how JavaScript works? Not just copy-paste code, but actually know what's happening under the hood?
238

24-
---
9+
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.
2510

26-
JavaScript is the language of the web. Whether you're just starting out or have years of experience, understanding these 33 core concepts will make you a stronger developer. This guide breaks down each topic with clear explanations, practical code examples, and hand-picked resources to help you learn.
11+
<Info>
12+
**What you'll find in this guide:**
13+
- Clear explanations written for humans, not textbooks
14+
- Practical code examples you can run and modify
15+
- Visual diagrams that make abstract concepts click
16+
- Curated resources (articles, videos, docs) for deeper learning
17+
- Knowledge checks to test your understanding
18+
</Info>
2719

2820
---
2921

30-
## Why These 33 Concepts?
22+
## Who Is This For?
3123

32-
This isn't just another tutorial. It's a roadmap to truly understanding how JavaScript works under the hood. Whether you're building websites, mobile apps, or servers, these concepts are the foundation.
24+
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.
3325

3426
<CardGroup cols={2}>
35-
<Card title="For Beginners" icon="seedling">
36-
No prior JavaScript knowledge required. Start from the fundamentals and build a solid foundation.
27+
<Card title="Beginners" icon="seedling">
28+
New to JavaScript? Start from the fundamentals and build real understanding, not just syntax memorization.
3729
</Card>
38-
<Card title="For Experienced Devs" icon="rocket">
39-
Fill in the gaps and deepen your understanding of concepts you use every day.
30+
<Card title="Self-Taught Developers" icon="lightbulb">
31+
Fill the gaps in your knowledge. Finally understand the "why" behind patterns you've been using.
4032
</Card>
41-
<Card title="For Interview Prep" icon="briefcase">
42-
These concepts are commonly asked in technical interviews. Be ready to explain them.
33+
<Card title="Interview Prep" icon="briefcase">
34+
These concepts come up constantly in technical interviews. Know them cold.
4335
</Card>
44-
<Card title="For Everyone" icon="globe">
45-
Available in 40+ languages thanks to our community of contributors.
36+
<Card title="Experienced Devs" icon="rocket">
37+
Solidify your mental models. Teach others with confidence.
4638
</Card>
4739
</CardGroup>
4840

4941
---
5042

51-
## What You'll Learn
43+
## The 33 Concepts
44+
45+
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.
5246

5347
<CardGroup cols={2}>
5448
<Card title="Fundamentals" icon="cube" href="/concepts/primitive-types">
55-
Types, Scope, Closures, Call Stack, and how JavaScript really works
49+
Types, Scope, Closures, Call Stack, and how JavaScript actually executes your code
5650
</Card>
5751
<Card title="Functions & Execution" icon="code" href="/concepts/event-loop">
58-
Event Loop, IIFE, Modules, and how code gets executed
52+
The Event Loop, IIFE, Modules, and why JavaScript can be both single-threaded and non-blocking
5953
</Card>
6054
<Card title="Web Platform" icon="browser" href="/concepts/dom">
61-
DOM manipulation, HTTP requests with Fetch, and Web Workers
55+
DOM manipulation, HTTP requests with Fetch, and Web Workers for background processing
6256
</Card>
6357
<Card title="Object-Oriented JS" icon="sitemap" href="/concepts/factories-classes">
64-
Classes, Prototypes, `this` keyword, and inheritance
58+
Classes, Prototypes, the `this` keyword, and how inheritance really works
6559
</Card>
6660
<Card title="Async JavaScript" icon="clock" href="/concepts/promises">
67-
Callbacks, Promises, async/await, and handling asynchronous code
61+
Callbacks, Promises, async/await, and patterns for handling asynchronous operations
6862
</Card>
6963
<Card title="Functional Programming" icon="filter" href="/concepts/higher-order-functions">
70-
Pure functions, Higher-order functions, map/reduce/filter, and recursion
64+
Pure functions, Higher-order functions, map/reduce/filter, recursion, and composition
7165
</Card>
7266
<Card title="Advanced Topics" icon="graduation-cap" href="/concepts/data-structures">
73-
Data structures, Algorithms, Design patterns, and clean code
67+
Data structures, Algorithms, Design patterns, and writing clean, maintainable code
7468
</Card>
7569
</CardGroup>
7670

7771
---
7872

79-
## A Community Effort
73+
## A Community Project
8074

8175
<Tip>
82-
**Recognized by GitHub** as one of the [top open source projects of 2018](https://github.blog/news-insights/octoverse/new-open-source-projects/#top-projects-of-2018)!
76+
**Recognized by GitHub** as one of the [top open source projects of 2018](https://github.blog/news-insights/octoverse/new-open-source-projects/#top-projects-of-2018).
8377
</Tip>
8478

85-
This project was created by [Leonardo Maldonado](https://github.com/leonardomso) and has grown through contributions from hundreds of developers worldwide. It has been translated into over 40 languages, making JavaScript education accessible to everyone.
79+
Created by [Leonardo Maldonado](https://github.com/leonardomso) and improved by hundreds of contributors worldwide. Translated into 40+ languages, making JavaScript education accessible to developers everywhere.
8680

8781
---
8882

89-
## Ready to Begin?
83+
## Start Learning
9084

9185
<CardGroup cols={2}>
92-
<Card title="What is This Project?" icon="circle-info" href="/getting-started/about">
93-
Learn about the project's origin and what makes it different
86+
<Card title="About This Project" icon="circle-info" href="/getting-started/about">
87+
The story behind the project and how to get the most out of it
9488
</Card>
95-
<Card title="Start Learning" icon="play" href="/concepts/primitive-types">
96-
Jump straight into the first concept
89+
<Card title="Begin with Concept #1" icon="play" href="/concepts/primitive-types">
90+
Start with Primitive Types and work your way through
9791
</Card>
9892
</CardGroup>

0 commit comments

Comments
 (0)