JavaScript Tutorial Roadmap

Adding JavaScript to HTML

• Inline JavaScript
• Internal scripts
• External JavaScript files

---

Variables

• Declaring variables using var, let, and const

Data Types

• Primitive data types (Number, String, Boolean, Undefined, Null, Symbol)
• Reference data types (Object, Array, Function)

Constants

• Declaring immutable values using const

---

Arithmetic Operators

• Addition, subtraction, multiplication, division, modulus

Comparison Operators

• ==, ===, !=, !==, >, <, >=, <=

Logical Operators

• AND (&&), OR (||), NOT (!)

Assignment Operators

• =, +=, -=, *=, /=

Conditional (Ternary) Operator

• Writing concise conditional expressions

---

Conditional Statements

• if statement
• if-else statement
• else-if ladder
• switch statement

Loops

• for loop
• while loop
• do-while loop

---

Function Declaration

• Defining reusable functions

Function Expression

• Assigning functions to variables

Arrow Functions

• Shorter function syntax using =>

Callback Functions

• Passing functions as arguments

Higher-Order Functions

• Functions that return or accept other functions

---

Objects

• Creating and accessing object properties

Arrays

• Creating arrays
• Accessing and modifying array elements

Array Methods

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

---

Selecting Elements

• getElementById
• querySelector
• querySelectorAll

Modifying Elements

• Changing text, HTML, and styles

Event Handling

• Adding event listeners
• Handling user interactions

---

let and const

• Block-scoped variables

Template Literals

• String interpolation using backticks

Destructuring

• Extracting values from arrays and objects

Spread and Rest Operators

• Expanding and collecting values

Modules

• Importing and exporting JavaScript modules

---

Callbacks

• Handling asynchronous operations

Promises

• Managing async operations with .then() and .catch()

Async / Await

• Writing asynchronous code in a synchronous style

---

try…catch

• Catching runtime errors

Throwing Errors

• Using throw keyword

Custom Errors

• Creating custom error objects

---

Closures

• Functions with preserved lexical scope

this Keyword

• Understanding context in JavaScript

Prototypes and Inheritance

• Prototype chain and object inheritance

Classes

• ES6 class syntax

Modules

• Organizing code using modules

---

Writing Clean and Maintainable Code

• Naming conventions
• Code readability and structure

Debugging Techniques

• Browser developer tools
• Console debugging

Performance Optimization

• Reducing DOM manipulation
• Optimizing loops and functions