• Callbacks

• Callback problems

• Promises

• Promise states

• .then()

• .catch()

• .finally()

• Promise chaining

• Promise.all()

• Promise.allSettled()

• Promise.race()

• Promise.any()

• async

• await

• Error handling

⭐ Event Loop

Understand:

• Call stack

• Web APIs

• Task queue

• Microtask queue

• Event loop

• Macrotasks vs microtasks

You should be able to explain why asynchronous JavaScript behaves the way it does, not simply use async/await.

🟡 PHASE 8 — APIs & Network Requests

Learn how JavaScript communicates with servers.

• HTTP basics

• Request/response

• HTTP methods

• Status codes

• Headers

• JSON

• REST APIs

• fetch()

• GET

• POST

• PUT

• PATCH

• DELETE

• Request bodies

• Error handling

• Authentication basics

Build projects using public APIs.

🟠 PHASE 9 — Advanced JavaScript

Now go deeper into the language.

Execution & Scope

• Execution contexts

• Lexical environment

• Scope chain

• Hoisting

• Temporal Dead Zone

• Closures

this

Understand:

• Global context

• Object methods

• Regular functions

• Arrow functions

• Constructor functions

• call()

• apply()

• bind()

Prototypes

Learn:

• Prototype chain

• prototype

• proto

• Constructor functions

• Prototype inheritance

• Classes vs prototypes

Advanced Objects

• Property descriptors

• Getters/setters

• Object.freeze()

• Object.seal()

• Proxies

• Reflect

🔴 PHASE 10 — Object-Oriented JavaScript

Learn:

• Objects

• Constructor functions

• Classes

• Constructors

• Instance methods

• Static methods

• Inheritance

• Encapsulation

• Polymorphism

• Private class fields

• Getters/setters

Also understand composition vs inheritance.

🔴 PHASE 11 — Functional JavaScript

Learn:

• First-class functions

• Higher-order functions

• Pure functions

• Immutability

• Function composition

• Currying

• Closures

• Recursion

• Declarative programming

• Side effects

You don't need to become a functional-programming specialist, but these concepts make modern JavaScript much easier to understand.

🔴 PHASE 12 — Modules & JavaScript Runtime

Master:

• ES modules

• import

• export

• Default exports

• Named exports

• Dynamic imports

• Module organization

Then understand:

• Browser runtime vs server runtime

Learn the fundamentals of:

• Browser JavaScript

• Node.js

• npm

• Package management

• Environment variables

• Runtime APIs

🔴 PHASE 13 — Node.js

Once core JavaScript is strong, learn backend JavaScript.

Node fundamentals

• Node runtime

• npm

• package.json

• Modules

• File system

• Paths

• Environment variables

• Events

• Streams

• Buffers

• HTTP server

• Error handling

Backend development

Learn a modern Node.js framework such as:

• Express

• Fastify

• NestJS

You don't need all three initially.

🔴 PHASE 14 — Databases

For full-stack JavaScript, learn:

SQL

• Tables

• Relationships

• CRUD

• Joins

• Indexes

• Transactions

• Constraints

NoSQL

Understand concepts such as:

• Documents

• Collections

• Queries

• Indexes

You don't need to master every database.

A practical combination is:

JavaScript + Node.js + PostgreSQL

🔴 PHASE 15 — Frontend Framework

Only after becoming comfortable with JavaScript should you move into a framework.

React

Learn: