JavaScript Syllabus for Online Course

Here’s a clear, industry-ready JavaScript syllabus, from beginner → advanced, the kind most training institutes + companies expect 👇
(Perfect if you’re learning for web development, interviews, or projects.)

---

🟢 1. JavaScript Basics (Beginner)

Introduction

• What is JavaScript?
• History & Uses
• JavaScript vs HTML vs CSS
• How JS runs in the browser
• JS Engines (V8, SpiderMonkey)

Setup

• JS in Browser
• JS in HTML (<script>)
• External JS files
• Developer Tools & Console

Syntax & Fundamentals

• Variables (var, let, const)
• Data Types
  • Primitive: String, Number, Boolean, Null, Undefined, Symbol, BigInt
  • Non-Primitive: Object, Array
• Type Conversion & Coercion
• Operators
  • Arithmetic, Assignment, Comparison
  • Logical, Ternary, Bitwise

---

🟢 2. Control Structures

• Conditional Statements
  • if, else, else if
  • switch
• Loops
  • for, while, do-while
  • for...of, for...in
• break & continue

---

🟢 3. Functions

• Function Declaration & Expression
• Arrow Functions (=>)
• Parameters & Arguments
• Default Parameters
• Return Statement
• IIFE (Immediately Invoked Function Expressions)
• Callback Functions

---

🟢 4. Arrays & Strings

Arrays

• Creating Arrays
• Array Methods
  • push, pop, shift, unshift
  • map, filter, reduce
  • find, some, every
  • slice, splice
• Array Destructuring

Strings

• String Methods
• Template Literals
• String Immutability

---

🟡 5. Objects & OOP in JavaScript (Intermediate)

• Object Creation
• Properties & Methods
• this keyword
• Object Destructuring
• Object Methods
  • Object.keys(), values(), entries()
• Prototypes & Prototype Chain

OOP Concepts

• Classes & Constructors
• Inheritance
• Encapsulation
• Polymorphism
• extends & super

---

🟡 6. Scope, Hoisting & Closures

• Global Scope
• Function Scope
• Block Scope
• Hoisting (var, let, const)
• Closures (VERY important for interviews)

---

🟡 7. DOM & BOM (Browser JavaScript)

DOM

• What is DOM?
• DOM Tree
• Selecting Elements
  • getElementById
  • querySelector
• DOM Manipulation
• Creating & Removing Elements
• Forms & Validation

Events

• Event Handling
• Event Listeners
• Event Bubbling & Capturing
• preventDefault()

BOM

• window, document
• location, history
• navigator
• localStorage & sessionStorage

---

🟡 8. Asynchronous JavaScript

• Synchronous vs Asynchronous
• Call Stack & Event Loop
• Callbacks
• Promises
• async / await
• Error Handling (try...catch)

---

🔵 9. AJAX & APIs

• What is AJAX?
• fetch() API
• HTTP Methods (GET, POST, PUT, DELETE)
• REST APIs
• JSON Handling
• API Error Handling

---

🔵 10. ES6+ Modern JavaScript

• let & const
• Arrow Functions
• Spread & Rest Operators
• Destructuring
• Modules (import, export)
• Optional Chaining
• Nullish Coalescing

---

🔵 11. Advanced JavaScript (Interview-Focused)

• Execution Context
• Memory Management
• Garbage Collection
• Debouncing & Throttling
• Currying
• Polyfills
• Shallow vs Deep Copy
• bind, call, apply

---

🔵 12. Testing & Debugging

• Debugging in Browser
• Console Methods
• Error Types
• Unit Testing Basics
• Jest (Intro)

---

🔵 13. JavaScript with Tools

• NPM Basics
• Package.json
• Babel (Intro)
• Webpack (Intro)
• Linting (ESLint)

---

🔴 14. Projects (Must Do)

Beginner

• Calculator
• Todo App
• Digital Clock

Intermediate

• Weather App (API)
• Form Validation System
• Quiz App

Advanced

• E-commerce Cart
• Chat Application
• Dashboard with APIs