Surya JS Journey

Learn JavaScript through concepts, code, and guided practice.

A focused workspace for concept study, interactive examples, visual explanations, and challenge solving.

Concept Library

Explore JavaScript topics in a cleaner, focused flow.

The library is intentionally paginated in groups of four so the grid stays readable. Use the top search bar when you want to jump straight to one concept.

Total Concepts

Move through the library without visual clutter.

Read one concept, run the example, then continue into a challenge or the shared playground when you want deeper practice.

Category

Core JavaScript

10 concepts

Category

Functions

6 concepts

Category

Data Handling

5 concepts

Category

Browser Internals

2 concepts

Category

Async JavaScript

2 concepts

Category

Browser Events

1 concepts

Category

Performance

1 concepts

Library Direction

Learn the concept, then validate it with code.

Each topic is written to move you from explanation to execution. The grid stays compact here, and the deeper practice happens inside the concept page and challenge flow.

Coverage

The library now covers language basics, functions, data handling, runtime behavior, and browser event patterns. Use the category filter below to narrow the grid without losing pagination clarity.

Core JavaScript

10 concepts covering declarations, types, coercion, equality, optional chaining, and error handling.

Functions and Scope

6 concepts focused on declarations, arrow functions, callbacks, closures, hoisting, and `this`.

Data Handling

5 concepts covering objects, arrays, destructuring, spread/rest, and reference behavior.

Runtime and Browser

5 concepts covering promises, async flow, the event loop, event delegation, and related behavior.

Browse Concepts

Four concepts per page for focused reading

Category Filter

Use the top search to jump directly to one concept, or filter by category here and move page by page through the library.

Current Library View

All concept categories

Showing 27 matching concepts. Pagination updates automatically when the current filter changes.

Core JavaScript

Variables: var, let, const

Beginner

JavaScript variables can be declared with `var`, `let`, or `const`, and each one has different scope and reassignment behavior.

`let` and `const` are block-scoped.

Open concept→

Core JavaScript

Scope

Beginner

Scope determines where variables are visible and which parts of your code can access them.

Variables declared inside a block with `let` or `const` stay inside that block.

Open concept→

Core JavaScript

Data Types

Beginner

JavaScript has primitive and reference data types, and knowing the difference affects comparison, copying, and mutation.

Primitive values are copied by value.

Open concept→

Core JavaScript

Type Coercion

Beginner

Type coercion is JavaScript converting one value type into another during operations or comparisons.

The `+` operator concatenates if one side is a string.

Open concept→

Page 1 of 7 • Showing 4 of 27 concepts

...