Java Script

1. Introduction to JavaScript

What is JavaScript
History of JavaScript
How JavaScript works in browsers
JavaScript engines
Frontend vs Backend JavaScript
Course project overview

2. Setting Up the Development Environment

Using Visual Studio Code
Browser Developer Tools
Console basics
Adding JavaScript to HTML
Internal vs External JavaScript
Using Live Server

3. JavaScript Syntax and Basics

Statements and expressions
Comments
Case sensitivity
Semicolons
Reserved keywords
Writing your first script

4. Variables and Data Types

var, let, and const
Primitive data types
Reference data types
Dynamic typing
Naming conventions
Type conversion

5. Operators

Arithmetic operators
Assignment operators
Comparison operators
Logical operators
Increment and decrement
Ternary operator
Nullish coalescing operator
Optional chaining

6. User Input and Output

alert()
prompt()
confirm()
console.log()
console.table()
Template literals

7. Strings

Creating strings
String properties
Common string methods
Searching text
Replacing text
Splitting and joining strings
Template literals

8. Numbers and Math

Number methods
Math object
Random numbers
Rounding numbers
Generating random passwords
Formatting numbers

9. Conditional Statements

if statement
if…else
else if
switch statement
Nested conditions
Logical conditions

10. Loops

for loop
while loop
do…while loop
for…of loop
for…in loop
break and continue
Nested loops

11. Functions

Function declaration
Function expressions
Arrow functions
Parameters and arguments
Return values
Default parameters
Rest parameters
Callback functions

12. Scope and Hoisting

Global scope
Local scope
Block scope
Lexical scope
Hoisting
Temporal Dead Zone (TDZ)

13. Arrays

Creating arrays
Array properties
Adding and removing elements
Looping through arrays
Array methods
Multidimensional arrays

14. Objects

Creating objects
Properties and methods
Dot notation
Bracket notation
Object methods
Nested objects
Destructuring

15. Dates and Time

Date object
Current date and time
Formatting dates
Calculating age
Countdown timers

16. DOM Fundamentals

What is the DOM
Selecting elements
Changing text and HTML
Changing attributes
Working with classes
Creating and removing elements

17. DOM Events

Click events
Keyboard events
Mouse events
Form events
Event listeners
Event propagation
Event delegation

18. Forms and Validation

Reading form values
Required fields
Email validation
Password validation
Regular expressions basics
Displaying validation messages

19. JavaScript Timing

setTimeout()
setInterval()
Stopping timers
Building countdowns
Animations using JavaScript

20. Error Handling

try…catch
throw statement
finally block
Debugging techniques
Common JavaScript errors

21. ES6+ Features

let and const
Arrow functions
Template literals
Destructuring
Spread operator
Rest operator
Default parameters
Enhanced object literals

22. Advanced Array Methods

forEach()
map()
filter()
find()
findIndex()
reduce()
some()
every()
sort()

23. Object-Oriented Programming (OOP)

Classes
Objects
Constructors
Inheritance
Encapsulation
Polymorphism
Static methods

24. Modules

Import and export
Module organization
Using JavaScript modules in projects
Best practices

25. Asynchronous JavaScript

Synchronous vs asynchronous code
Callbacks
Promises
Async/Await
Promise chaining
Error handling in async code

26. Fetch API

Making API requests
GET requests
POST requests
Handling JSON data
Displaying API data
Error handling

27. Local Storage and Session Storage

Saving data
Reading data
Updating data
Removing data
Building persistent applications

28. JSON

JSON syntax
Parsing JSON
Stringifying objects
Working with APIs

29. Regular Expressions (Regex)

Pattern matching
Character classes
Quantifiers
Common validation patterns
Replacing text with Regex

30. Modern JavaScript Best Practices

Code organization
Naming conventions
DRY principle
Clean code techniques
Performance optimization
Security considerations

31. Building Interactive Components

Image slider
Accordion
Tabs
Modal popup
Dropdown menu
Dark mode toggle
Digital clock

32. Mini Projects

Calculator
To-Do List
Quiz App
Weather App
Random Quote Generator
Image Gallery
Expense Tracker

33. Final Project

Students will build a complete interactive web application that includes:

Responsive user interface
DOM manipulation
Form validation
API integration
Local Storage
Dynamic content rendering
Modern ES6+ syntax
Clean, reusable, and maintainable code