Web Development
44 articles in this topic

Functions and Arrow Functions in JavaScript: Syntax, Scope and Runnable Examples
Build function declarations, expressions and arrows in JavaScript, then trace parameters, closures, lexical this and array callbacks through exact outputs.

Modules in JavaScript: Import, Export, and Runnable Examples
Build JavaScript modules from scratch with a shopping-cart project that runs in Node.js and the browser. Learn live bindings, re-exports, lazy loading, and practical fixes.

LocalStorage and Cookies in JavaScript: Store, Read and Delete Data
Run one lesson-progress object and one preference cookie through their complete life cycles, then learn which browser store fits a feature and which security traps to avoid.

JavaScript Event Delegation: Bubbling, target and currentTarget with Runnable Examples
Learn how browser events travel through the DOM, then build one delegated listener that handles nested controls and rows added later.

JavaScript Operators: Types, Precedence and Runnable Examples
Learn how JavaScript arithmetic, assignment, comparison, logical and modern operators behave by tracing one score program from inputs to final output.

JavaScript Data Types and Coercion: Beginner Tutorial with Runnable Examples
Learn how JavaScript stores values, copies primitives and objects, converts input, compares values and produces surprising output. Trace each rule in the console.

JavaScript Conditionals and Loops: Beginner Tutorial with Runnable Examples
Learn how JavaScript chooses a branch and repeats work. Build from small syntax examples to a complete score classifier with a traced average.

Mongoose Validation: Enforce Schema Invariants and Avoid Update Traps
Trace one Plan model through saves, query updates and database errors. The worked cases show exactly where Mongoose rules hold and where an update can bypass them.

JavaScript map, filter and reduce Together: Build an Order Pipeline Step by Step
Follow one complete order example from raw API data to per-customer totals. See the array after map and filter, then trace every reduce accumulator.

React State Updates: Trace Queues, Batching and Functional Setters
Follow one React counter from its captured state through replacement updates, functional updaters and a batched next render, with every queue entry traced.

MERN Portfolio Roadmap: 4 Projects from Responsive UI to Full Stack
Stop building renamed to-do apps. This 12-week ladder moves from responsive HTML and CSS to browser logic, React state, and a deployed MERN product.

ES6+ Features in JavaScript: Runnable Tutorial and Worked Examples
Build a score report step by step while learning the modern JavaScript features that make real code easier to read, trace and debug.