Interactive exercises to help you understand how web pages work. No experience needed — start from zero!
Understand what the web is and how it works — HTML, CSS, JavaScript, browsers, servers, and the journey of a web page.
Learn how HTML & CSS work from the ground up. Build tags, nest elements, and write your first styles.
See the CSS box model in 3D. Understand how content, padding, border, and margin work together.
Learn how the browser arranges elements. Master block, inline, flexbox, and CSS grid to build real page layouts.
Make websites adapt to any screen size. Master media queries, fluid typography, and mobile-first design.
Learn purposeful motion from hover polish to keyframes, performance, and reduced-motion accessibility.
Paint behind your content. Learn background-image, gradients, sizing, positioning, and the layered overlays that power every modern hero section.
Escape normal flow. Learn position: relative/absolute/fixed/sticky, z-index, stacking contexts, and pseudo-element tooltips — the toolkit behind modals, dropdowns, and sticky headers.
Learn how to make websites accessible to all users. Master semantic HTML, ARIA attributes, keyboard navigation, color contrast, and accessibility testing.
Master HTML forms from the ground up. Build text inputs, dropdowns, checkboxes, radio buttons, and learn validation, styling, accessibility, and HTTP methods.
Discover what JavaScript is and write your first lines of code. Learn variables, constants, and the browser console.
Master JavaScript data types, arrays, and objects. Learn strings, numbers, booleans, and how to organize data into collections.
Make your programs smart with decisions and loops. Master if/else, switch, for loops, and the ternary operator.
Write reusable code with functions. Learn declarations, arrow functions, scope, hoisting, and callbacks.
Sharpen your JavaScript with quickfire drills, untangle the famous quirks (== vs ===, hoisting, this, NaN), then graduate to TypeScript: types, interfaces, narrowing, and generics that make your code self-documenting.
Connect JavaScript to the browser. Select elements, respond to events, and build interactive web pages.
Master the Fetch API, Promises, async/await, and JSON. Learn to request data from servers, handle errors, and display live data in the browser.
Practice real interactive features: theme toggles, modals, accordions, tab switchers, validators, carousels, and a Sukuma price calculator. JS that mutates HTML and toggles CSS classes.
The modern JavaScript you actually use in React and production code — spread & rest, default parameters, object shorthand, the array-method toolkit (map/filter/reduce), safe data access, and async patterns. The bridge from vanilla JS to frameworks.
Learn React from scratch — components, JSX, props, state, and effects — building live, interactive UIs right in your browser. The library behind Facebook, Instagram, and most modern web apps.
Graduate from CDN scripts to a real toolchain. Guided codelabs covering create-next-app, the App Router, pages, layouts, server vs client components, data fetching, and deploying to Vercel.
