1. Introduction to JavaScript

• What is JavaScript?
• Role of JavaScript in Web Development
• JavaScript Features
• Client-Side vs Server-Side JavaScript
• JavaScript with HTML & CSS
• Adding JavaScript to HTML
• Inline, Internal & External JavaScript
• Comments

2. JavaScript Basics

• Syntax
• Variables
• var, let, const
• Constants
• Data Types
• Primitive & Non-Primitive Data Types
• Type Conversion
• Type Coercion
• typeof Operator

3. Operators

• Arithmetic Operators
• Assignment Operators
• Comparison Operators
• Logical Operators
• Increment & Decrement
• Ternary Operator
• Nullish Coalescing
• Optional Chaining

4. Conditional Statements

• if
• if...else
• else if
• Nested Conditions
• switch
• Practical Examples

5. Loops

• for
• while
• do...while
• Nested Loops
• break
• continue
• Practical Loop Programs

6. Functions

• Function Declaration
• Function Expression
• Parameters & Arguments
• Return Statement
• Default Parameters
• Arrow Functions
• Callback Functions
• Scope
• Local & Global Variables

7. Arrays

• Creating Arrays
• Accessing Array Elements
• Adding & Removing Elements
• push()
• pop()
• shift()
• unshift()
• slice()
• splice()
• concat()
• includes()
• indexOf()
• forEach()
• map()
• filter()
• find()
• reduce()
• Sorting Arrays

8. Strings

• String Creation
• String Properties
• Template Literals
• length
• toUpperCase()
• toLowerCase()
• trim()
• includes()
• startsWith()
• endsWith()
• slice()
• substring()
• replace()
• split()

9. Objects

• Creating Objects
• Properties & Methods
• Accessing Object Properties
• Adding & Updating Properties
• Nested Objects
• Object Destructuring
• Object Methods
• Object.keys()
• Object.values()
• Object.entries()

10. DOM Manipulation

• What is DOM?
• Selecting HTML Elements
• getElementById()
• querySelector()
• querySelectorAll()
• Changing Text & HTML
• Changing CSS with JavaScript
• Creating & Removing Elements
• Adding Classes
• Working with Attributes

11. Events

• What are Events?
• onclick
• click
• mouseover
• mouseout
• keydown
• keyup
• change
• submit
• addEventListener()
• Event Object
• Event Bubbling

12. Forms & Validation

• Accessing Form Data
• Input Validation
• Required Fields
• Email Validation
• Password Validation
• Error Messages
• Form Submit Events
• Preventing Default Form Submission
• Creating Interactive Forms

13. Modern JavaScript (ES6+)

• let & const
• Arrow Functions
• Template Literals
• Destructuring
• Spread Operator
• Rest Operator
• Default Parameters
• Modules
• import & export
• Optional Chaining
• Nullish Coalescing

14. Error Handling

• Common JavaScript Errors
• try
• catch
• finally
• throw
• Debugging with Browser Developer Tools

15. Asynchronous JavaScript

• Synchronous vs Asynchronous JavaScript
• Callbacks
• Promises
• .then()
• .catch()
• async
• await
• Fetch API
• Working with JSON
• API Data Handling

16. Local Storage

• What is Local Storage?
• setItem()
• getItem()
• removeItem()
• clear()
• Storing Objects in Local Storage
• Creating Data-Based Web Applications

17. Advanced JavaScript

• Scope & Closures
• Execution Context
• Hoisting
• this Keyword
• Higher-Order Functions
• Callbacks
• Promises
• Modules
• Regular Expressions
• Date & Time
• Math Object
• JSON

18. JavaScript Projects