Learning Lab

Master map, filter, reduce, and more — transform arrays with live code exercises and visual diagrams.

Understand algorithm efficiency — visualize O(1), O(n), O(n²), O(log n) with interactive growth charts.

Understand number systems — convert between binary, decimal, and hexadecimal with interactive tools.

Build and traverse binary search trees — insert, search, delete nodes with animated tree visualizations.

Explore AND, OR, NOT, XOR gates with interactive truth tables and circuit-style visualizations.

Understand RGB, HSL, and hex colors — build palettes and explore contrast with interactive pickers.

Master CSS transitions, keyframe animations, and timing functions with hands-on interactive examples.

Visualize content, padding, border, and margin layers with an interactive box model explorer.

Master CSS Flexbox by experimenting with flex properties and seeing instant visual results.

Build two-dimensional layouts with CSS Grid — define rows, columns, and place items with interactive controls.

Learn CSS custom properties — define, inherit, override, and dynamically update variables for theming.

Learn 1NF, 2NF, and 3NF by transforming messy tables into well-structured databases step by step.

Learn the core Git workflow — staging, committing, branching, and merging through an interactive terminal simulator.

Explore graph data structures and traverse them with Breadth-First and Depth-First Search animations.

Visualize hashing, collisions, and key-value storage with an interactive hash table simulator.

Build forms with various input types and learn client-side validation with HTML5 and JavaScript.

Trace the journey of an HTTP request — from DNS lookup to rendered page with an animated visual walkthrough.

Learn the building blocks of the web — write your first HTML elements and see them render in real time.

Learn to select, modify, and create HTML elements dynamically using JavaScript DOM methods.

Master try/catch, error types, custom errors, and debugging strategies with interactive code exercises.

Explore object creation, property access, methods, prototypes, and the prototype chain interactively.

Master asynchronous JavaScript — callbacks, Promises, async/await, and error handling with visual timelines.

Explore JavaScript variables, data types, and type coercion through interactive code exercises.

Learn JSON syntax, parse and build data structures, and explore how REST APIs work interactively.

Visualize singly and doubly linked lists — insert, delete, search, and traverse nodes interactively.

Navigate the file system, manage files, and learn essential Linux commands in a simulated terminal.

Write your first Python code — learn variables, data types, conditionals, and loops interactively.

Understand recursive thinking through visual call stacks, step-by-step tracing, and interactive examples.

Master regex patterns — match, search, and extract text with an interactive pattern tester.

Build layouts that adapt to any screen size using media queries, fluid grids, and responsive units.

Watch Bubble Sort, Selection Sort, and Insertion Sort in action with animated bar charts.

Understand INNER, LEFT, RIGHT, and FULL joins with interactive Venn diagrams and a live SQL sandbox.

Learn to query databases with SQL SELECT — filter, sort, and transform data interactively.

Master LIFO and FIFO data structures with visual push, pop, enqueue, and dequeue operations.

Explore the TCP/IP protocol stack and DNS resolution with animated network diagrams and simulations.