JavaScript Learning Hub

⚡ JavaScript Basics

<script> Tag

Embed or link JavaScript in an HTML page

Beginner

console.log()

Print output to the browser's developer console

Beginner

Comments

Single-line // and multi-line /* */ code comments

Beginner

Variables (let, const, var)

Store and reference data values in your program

Beginner

Data Types

String, Number, Boolean, Null, Undefined, Object, Symbol

Beginner

Template Literals

Backtick strings with embedded expressions using ${}

Beginner

typeof Operator

Returns a string describing the type of any value

Beginner

String Methods

trim(), split(), replace(), includes(), slice() and more

Beginner

Number Methods & Math

Math.floor(), Math.random(), toFixed(), parseInt() and more

Beginner

ES Modules (import/export)

Split code into reusable files with import and export

Intermediate

➕ Operators & Expressions

Arithmetic Operators

+, -, *, /, %, ** and increment/decrement

Beginner

Comparison Operators

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

Beginner

Logical Operators

&& (AND), || (OR), ! (NOT) with short-circuit evaluation

Beginner

Ternary Operator

condition ? trueValue : falseValue — compact if/else

Beginner

Nullish Coalescing (??)

Safe default values: only triggers on null or undefined

Intermediate

Optional Chaining (?.)

Safely access nested properties without errors

Intermediate

🔀 Control Flow

if / else

Execute different code based on conditions

Beginner

switch Statement

Match a value against multiple cases efficiently

Beginner

for Loop

Classic for, for...of, and for...in iteration

Beginner

while / do...while

Repeat code while a condition is true

Beginner

break & continue

Exit a loop early or skip the current iteration

Beginner

🔧 Functions

Function Declaration

Define reusable code blocks with the function keyword

Beginner

Arrow Functions

Concise ES6 function syntax with => and lexical this

Beginner

Parameters & Arguments

Pass data into functions, including default values

Beginner

Return Values

Send data back from a function with the return keyword

Beginner

Callback Functions

Functions passed as arguments to be called later

Intermediate

Rest & Spread (...)

Collect arguments into an array or expand arrays/objects

Intermediate

Closures

Functions that remember their outer scope's variables

Intermediate

📦 Arrays

Array Basics

Create and access ordered lists of values

Beginner

push / pop / shift / unshift

Add and remove elements from the start or end

Beginner

Array .forEach()

Execute a function for every element in an array

Beginner

Array .map()

Transform every element and return a new array

Beginner

Array .filter()

Keep only elements that pass a test function

Beginner

Array .reduce()

Accumulate all elements into a single value

Intermediate

Array .find() & .findIndex()

Find the first matching element or its index

Beginner

Array .sort()

Sort elements alphabetically or numerically

Intermediate

slice & splice

Extract portions or mutate arrays in-place

Intermediate

🗂️ Objects

Object Basics

Store key-value pairs and access with dot or bracket notation

Beginner

Object Methods

Object.keys(), .values(), .entries(), .assign()

Beginner

this Keyword

Refers to the calling object inside a method

Intermediate

Destructuring

Unpack arrays and object properties into variables

Intermediate

Spread with Objects

Copy and merge objects with the spread operator

Intermediate

ES6 Classes

Blueprint for objects with constructor and methods

Intermediate

🌐 DOM Manipulation

getElementById()

Select a single element by its unique ID

Beginner

querySelector & querySelectorAll

Select elements using CSS selector syntax

Beginner

classList Methods

add, remove, toggle, and contains CSS classes

Beginner

Style Manipulation

Set inline CSS properties via element.style

Beginner

createElement & appendChild

Dynamically create and insert HTML elements

Beginner

Removing Elements

Delete elements from the DOM with .remove()

Beginner

🎯 Events

addEventListener()

Attach event handlers to elements cleanly

Beginner

Keyboard Events

keydown, keyup — detect which key was pressed

Beginner

Form Events

submit, input, change — handle form interactions

Beginner

Event Bubbling & Delegation

Handle child events via a single parent listener

Intermediate

⏳ Async JavaScript

Promises

Handle future values with .then(), .catch(), .finally()

Intermediate

async / await

Write async code that reads like synchronous code

Intermediate

fetch API

Make HTTP requests to APIs and handle JSON responses

Intermediate

try / catch / finally

Handle errors gracefully with structured error handling

Beginner

JSON

Parse and stringify data for APIs and storage

Beginner

🛠️ Browser APIs

localStorage

Persist data in the browser across sessions

Beginner

sessionStorage

Temporary storage that clears when the tab closes

Beginner

setTimeout & setInterval

Run code after a delay or on a repeating schedule

Beginner

Clipboard API

Copy text to the clipboard programmatically

Intermediate

Date Object

Work with dates and times in JavaScript

Beginner

⚡ JavaScript Learning Hub

Learn JavaScript

⚡ JavaScript Basics

➕ Operators & Expressions

🔀 Control Flow

🔧 Functions

📦 Arrays

🗂️ Objects

🌐 DOM Manipulation

🎯 Events

⏳ Async JavaScript

🛠️ Browser APIs