HTML Complete Course
Build semantic, accessible web pages from your first file to native dialogs, safe embeds and fast loading.
- Beginner
- 25 lessons
- 10 hours
Web development
Courses
CSS Complete Course
Style and lay out modern websites, from your first rule to cascade layers, Grid and scroll-driven animation.
- Beginner
- 34 lessons
- 16 hours
Responsive Web Design
Build pages that work on every screen, from a 320 pixel phone to a wide desktop monitor.
- Beginner
- 13 lessons
- 6 hours
Web Accessibility Essentials
Build and test websites that disabled people can use, from alt text to WCAG 2.2 audits.
- Beginner
- 22 lessons
- 12 hours
JavaScript Complete Course
Learn modern JavaScript from your first script to closures, async code, modules and the event loop, with projects you build as you go.
- Beginner
- 54 lessons
- 23 hours
Tutorials
-
Working with forms in JavaScript
Read form values, handle submit, give live validation feedback and send data without a page reload.
-
Running JavaScript: the console, script tags and Node.js
Run code in the browser console, load scripts with the script element and defer, and run files with Node.js.
-
Variables: let, const and var
Declare variables with let and const, why var is avoided, and naming conventions.
-
Data types and typeof
Primitive types, objects, null versus undefined, and checking types with typeof.
-
Operators and comparison: == versus ===
Arithmetic, assignment, logical and comparison operators, type coercion and why strict equality is the default.
-
Strings and template literals
Create and combine strings, template literals, and everyday string methods.
-
Numbers and Math
Number behaviour, floating-point surprises, parsing numbers, rounding and the Math object.
-
Conditionals: if, else, switch and the ternary operator
Make decisions with if and else, truthy and falsy values, switch and the ternary operator.
-
Loops: for, while, for…of and for…in
Repeat work with each loop type, break and continue, and which loop suits arrays and objects.
-
Functions: declarations, parameters and return values
Define and call functions, default parameters, return values and function expressions.
-
Arrow functions
Arrow function syntax, implicit returns, and how arrows differ from regular functions.
-
Semantic layout: header, nav, main, article, section, aside and footer
Structure pages with semantic elements instead of generic divs, and how they map to landmarks.
-
Modern colour: color-mix(), relative colours and light-dark()
Build palettes and dark mode from a few tokens with color-mix(), relative colour syntax and light-dark().
-
HTML tables for tabular data
Build tables with table, tr, th and td, add headers, and know when a table is the wrong tool.
-
How browsers render CSS: style, layout, paint and composite
The rendering pipeline, what triggers layout and paint, and using DevTools to find slow styles.
-
Forms: form, input, label and button
Build a working form, connect labels to inputs, and understand action, method and name.
-
View transitions and scroll-driven animations
Animate between page states with the View Transitions API and link animations to scroll position without JavaScript.
-
Input types and built-in validation
Email, number, date, url and other input types, plus required, min, max and pattern for browser validation.
-
Image loading: formats, lazy loading and fetchpriority
Choose between AVIF, WebP, JPEG, PNG and SVG, and control loading with loading, decoding and fetchpriority.
-
Audio and video with captions
Embed audio and video with native controls, multiple sources, and captions with the track element.