HTML, CSS, JavaScript, jQuery and more: structure, layout, behaviour and the code behind every website. Browse Web Development →
Build a fictional bakery's website line by line – skeleton, headings, text, links and paths, images, lists, tables, entities, head and forms – by predicting what the browser does with every line of markup, with every answer checked as you go.
Style a fictional bakery website from the first rule to a finished product card: selectors, the cascade, specificity, colours, units, typography, the box model, backgrounds, display and position, with every answer checked as you go.
Learn JavaScript by running real code in your head: variables, types, conditions, loops, functions, arrays, objects, DOM selection, events and a small cart app, with every answer checked as you go.
Select page elements, traverse the DOM, change content, attributes, classes and CSS, handle events, run effects and read forms on a fictional outdoor shop, with every answer checked as you go.
Rebuild a fictional outdoor shop's pages with landmarks, headings, accessible forms and constraint validation, responsive images, video and captions, iframes, meta and Open Graph tags, data attributes and accessible tables, with every answer checked as you go.
Play the browser's layout engine: calculate flex-grow and flex-shrink, grid tracks with fr, minmax and auto-fill, positioning, media queries, clamp() and custom properties for a fictional plant shop, with every answer checked as you go.
Trace modern JavaScript the way it really runs: let/const, arrow functions, destructuring, spread, map/filter/reduce, modules, classes, promises, async/await, JSON and fetch with error handling, with every answer checked as you go.
Load and send data with $.ajax, validate forms, delegate events and time animations on a bike-hire dashboard, with every answer checked as you go.
Audit real-world markup like a senior front-end engineer: text alternatives, contrast maths, accessible names, ARIA, keyboard and focus order, live regions, responsive images, lazy loading, layout shifts, script loading, custom elements and Shadow DOM, with every answer checked as you go.
Score specificity, sort the cascade with layers, build fluid and container-based sizing, decode stacking contexts and time animations frame by frame, with every answer checked as you go.
Trace closures, this, prototype chains, the event loop, generators and memoization the way the engine does, and measure what your code costs, with every answer checked as you go.
Audit, speed up and modernise a fictional storefront's legacy jQuery: selector cost, caching, delegation, namespaces, plugin authoring, Deferreds, effects, throttling and a measured move to vanilla JavaScript, with every answer checked as you go.
No course matches your search. Try a shorter word.
