Code24Lab
Web Development

Web development courses with practice labs

These web development courses teach the languages every website is built from: HTML for structure, CSS for layout and design, JavaScript for behaviour and jQuery for the huge amount of existing code that still uses it.

Courses in Web Development

$9.90Beginner

HTML Foundations: Structure, Text, Links, Images, Lists & Forms

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.

21 lessons · 21 labs

$9.90Intermediate

HTML in Depth: Semantic Markup, Forms, Media & Meta

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.

20 lessons · 20 labs

$9.90Advanced

HTML Mastery: Accessibility, ARIA, Performance & Web Components

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.

22 lessons · 22 labs

$9.90Beginner

CSS Foundations: Selectors, Colours, Text & the Box Model

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.

21 lessons · 21 labs

$9.90Intermediate

CSS Layout: Flexbox, Grid & Responsive Design

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.

22 lessons · 22 labs

$9.90Intermediate

JavaScript in Practice: ES6+, Array Methods, Async & Fetch

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.

20 lessons · 20 labs

$9.90Beginner

jQuery Foundations: Selecting, Changing & Reacting

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.

21 lessons · 21 labs

$9.90Advanced

jQuery Mastery: Plugins, Performance & Migrating to Modern JS

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.

22 lessons · 22 labs

These web development courses teach the languages every website is built from: HTML for structure, CSS for layout and design, JavaScript for behaviour and jQuery for the huge amount of existing code that still uses it. Each technology comes in three levels, Beginner, Intermediate and Advanced, so you can start where you are and keep going.

Every lesson is a hands-on lab. The code and its data are laid out in an interactive sheet; you trace what the code does, calculate what the browser would show and answer. The coach checks every answer instantly, with a concrete reason when something is off. Each course ends with a final exam and a verifiable certificate.

Frequently asked questions

Do I need to install an editor or browser tools?

No. Everything runs in your browser. The labs show the code and its data in an interactive sheet and ask what the code produces, so there is nothing to set up.

In which order should I take the courses?

HTML, then CSS, then JavaScript. jQuery is best after JavaScript Foundations. Inside each technology, go Beginner, Intermediate, Advanced.

Do the courses really run my code?

The labs are practice exercises: you read real code and work out its result, which is the skill that finds bugs. They do not replace writing and running programs in your own editor, which we recommend alongside.

Open your first lab in under a minute

Pick a course, pay once and start right away. Your progress is saved in your account.

Browse the courses