Introduction to JavaScript

0/6

What is JavaScript?

Key Features of JavaScript

A Brief History of JavaScript

JavaScript in the Browser vs. Server (Node.js)

Setting Up JavaScript Environment

Why Learn JavaScript?

How to Add JavaScript?

0/3

Inline JavaScript

Internal JavaScript

External JavaScript

Different Ways to Output Data

0/4

Using innerHTML

Using document.write()

Using window.alert()

Using console.log()

Variables and Constants

0/2

var, let, const

Scope of Variables

Data Types

0/2

Primitives Data Types

Non – Primitives Data Types

Operators

0/6

Arithmatic Operator

Assignment Operators

Comparison Operators

Logical Operators

Bitwise Operators

Type Coercion and Conversion

Conditional Statements (if, else if, else)

0/2

if, else if, else

Ternary Operator

Switch Statement

0/1

What is Switch Statement?

Loops

0/5

for…of and for…in Loops

Loop Control: break, continue

Functions

0/8

What is Function ?

Function Declaration vs Function Expression

Parameters and Return Values

Default Parameters

Rest and Spread Syntax (…args)

Anonymous Functions

Arrow Functions

Higher-order Functions

Objects

0/6

Creating objects

Accessing and Modifying Properties

Methods in objects

this Keyword and its Behavior

Object Destructuring

Arrays

0/5

Array Declaration and Initialization

Accessing and Modifying Array Elements

Spread Syntax with Arrays

Array Destructuring

DOM Manipulation

0/4

What is DOM Manipulation?

Selecting Elements

Changing Content and Styles

Adding and Removing Elements Dynamically

Events and Event Listeners

0/7

What is Events and Event Listeners?

Common Event Types and Practical Examples

Removing Event Listeners

Passing Parameters to Event Handlers

Event Delegation

Stopping Event Propagation

Classes in JavaScript

0/9

Classes in JavaScript

Defining a Class

Objects in JavaScript

Real-World Example: User Class

Adding Getters and Setters

Inheritance in JavaScript

The this Keyword

String Functions in JavaScript

0/1

String Functions in JavaScript

Number Functions in Javascript

0/1

Number Functions in JavaScript

Error Handling in JavaScript

0/5

Error Handling in JavaScript

try…catch Block

Throwing Custom Errors

Combining try…catch with Custom Errors

RegEx (Regular Expressions) in JavaScript

0/3

Basic Syntax of Regex (Regex)

String Methods Using Regex

Patterns and Flags

JavaScript Modules

0/4

What is JavaScript Modules & Why we use Modules?

Exporting in JavaScript Modules

Importing in JavaScript Modules

Combining Named and Default Exports

JavaScript Hoisting

0/1

What is Hoisting and Types of Hoisting?

JavaScript JSON (JavaScript Object Notation)

0/2

Key Methods of JavaScript JSON

JavaScript Style Guide

0/1

Importance of a Style Guide

JavaScript Best Practices

0/1

JavaScript Best Practices

JavaScript

About Lesson

Importing in JavaScript Modules?

Modules allow you to export variables, functions, or classes from one file so they can be imported into another.

Import Syntax:

Named Import: import { name1, name2 } from ‘./module’;
Default Import: import defaultName from ‘./module’;
Renaming Imports: Use as to rename imports.
Import Everything: Use * to import all named exports.

Import Everything Example:

File: mathUtils.js

JavaScript

export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;
export const multiply = (a, b) => a * b;

File: main.js

JavaScript

import * as MathUtils from './mathUtils.js';

console.log(MathUtils.add(2, 3));       // Output: 5
console.log(MathUtils.subtract(10, 7)); // Output: 3