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.

Updated 19 Oct 20266 min readWeb Development

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.

Updated 15 Oct 20265 min readWeb Development

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.

Updated 11 Oct 20266 min readWeb Development

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.

Updated 6 Oct 20265 min readWeb Development

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.

Updated 2 Oct 20266 min readWeb Development

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.

Updated 27 Sep 20265 min readWeb Development

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.

Updated 25 Sep 20265 min readWeb Development

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.

Updated 23 Sep 20265 min readWeb Development

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.

Updated 22 Sep 20266 min readWeb Development

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.

Updated 21 Sep 20265 min readWeb Development

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.

Updated 19 Sep 20265 min readWeb Development

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.

Updated 18 Sep 20266 min readWeb Development