1️⃣ Introduction to JavaScript

• What is JavaScript?
• History of JavaScript
• JavaScript vs HTML vs CSS
• How JavaScript works in browser
• JavaScript Engines (V8, SpiderMonkey)
• Writing first JavaScript program
• Adding JS to HTML
  • Inline JS
  • Internal JS
  • External JS

---

2️⃣ JavaScript Basics

• Variables
  • var
  • let
  • const
• Data Types
  • String
  • Number
  • Boolean
  • Undefined
  • Null
  • Object
  • Array
• Operators
  • Arithmetic
  • Comparison
  • Logical
  • Assignment
• Type Conversion

Practice:

• Calculator program
• Temperature converter

---

3️⃣ Control Statements

• if
• if else
• else if
• switch

Loops

• for loop
• while loop
• do while
• break
• continue

Practice:

• Number guessing game
• Multiplication table generator

---

4️⃣ Functions

• What is a function
• Function declaration
• Function expression
• Arrow functions
• Parameters & arguments
• Return values
• Default parameters
• Callback functions

Practice:

• Age calculator
• Simple interest calculator

---

5️⃣ Arrays

• Creating arrays
• Accessing elements
• Array methods
  • push()
  • pop()
  • shift()
  • unshift()
  • splice()
  • slice()

Advanced methods

• map()
• filter()
• reduce()
• forEach()

Practice:

• Student marks system
• Todo list

---

6️⃣ Objects

• What is an object
• Object properties
• Object methods
• Nested objects
• Object.keys()
• Object.values()
• Object.entries()

Practice:

• Student management system

---

7️⃣ DOM Manipulation

(VERY IMPORTANT)

• What is DOM
• Selecting elements
  • getElementById
  • getElementsByClassName
  • querySelector
  • querySelectorAll
• Changing HTML
• Changing CSS
• Event Handling
  • onclick
  • onmouseover
  • onsubmit

Practice Projects

• Dark mode toggle
• Image slider
• Form validation

---

8️⃣ JavaScript Events

• Mouse events
• Keyboard events
• Form events
• Event bubbling
• Event delegation

Practice:

• Interactive buttons
• Keyboard typing detector

---

9️⃣ Advanced JavaScript

• Scope
• Hoisting
• Closures
• Execution context
• Call stack
• this keyword
• Prototype
• Prototypal inheritance

---

🔟 Asynchronous JavaScript

• Synchronous vs Asynchronous
• setTimeout()
• setInterval()
• Callbacks
• Promises
• async / await

Practice:

• API data fetch

---

1️⃣1️⃣ Working With APIs

• What is API
• Fetch API
• JSON
• Handling API response
• Error handling

Practice Project:

• Weather app
• Movie search app

---

1️⃣2️⃣ ES6 Modern JavaScript

• let & const
• Arrow functions
• Template literals
• Destructuring
• Spread operator
• Rest operator
• Modules (import/export)

---

1️⃣3️⃣ Local Storage

• localStorage
• sessionStorage
• Save data in browser

Practice:

• Todo app with storage

---

1️⃣4️⃣ JavaScript Error Handling

• try
• catch
• finally
• throw

---

1️⃣5️⃣ JavaScript OOP

• Classes
• Constructor
• Inheritance
• Encapsulation
• Polymorphism

---

1️⃣6️⃣ Mini Projects (Important for Students)

Students should build real projects:

1️⃣ Calculator
2️⃣ Digital Clock
3️⃣ Todo List
4️⃣ Quiz App
5️⃣ Password Generator
6️⃣ Notes App
7️⃣ Weather App
8️⃣ Expense Tracker

---

1️⃣7️⃣ Final Projects (Portfolio Level)

1️⃣ E-commerce Product Filter
2️⃣ Chat Application
3️⃣ Blog System
4️⃣ Movie Search App
5️⃣ Online Code Editor

---

🎓 Recommended Course Structure

Level	Duration
Beginner	10 Days
Intermediate	15 Days
Advanced	15 Days
Projects	10 Days

Total Course: 50 Days