Learn

Free, step-by-step tutorials. Each lesson is short, has examples you can edit and run in your browser, a quick quiz and a practice exercise. No sign-up needed.

HTML

HTML Tutorial

Build the structure of web pages – elements, links, images, tables, forms and semantic HTML.

12 lessons

Start learning Quiz Cheat sheet

CSS

CSS Tutorial

Style and lay out pages – colours, the box model, flexbox, grid and responsive design.

12 lessons

Start learning Quiz Cheat sheet

JavaScript Tutorial

Make pages interactive – variables, functions, arrays, objects, the DOM, events and fetch.

12 lessons

Start learning Quiz Cheat sheet

Bootstrap Tutorial

Build responsive pages fast – the grid, utilities, components, forms and customising Bootstrap 5.

12 lessons

Start learning Quiz Cheat sheet

jQuery Tutorial

Write less JavaScript – selectors, DOM changes, events, effects, AJAX and plugins with jQuery.

12 lessons

Start learning Quiz Cheat sheet

React Tutorial

Build user interfaces with components – JSX, props, state, events, lists, forms, effects and hooks.

12 lessons

Start learning Quiz Cheat sheet

PHP

PHP Tutorial

Write server-side code – syntax, strings, arrays, functions, forms, files and databases with PDO.

12 lessons

Start learning Quiz Cheat sheet

Python Tutorial

Learn programming with Python – variables, strings, lists, dictionaries, loops, functions, files and modules.

12 lessons

Start learning Quiz Cheat sheet

SQL

SQL Tutorial

Query and change data – SELECT, WHERE, sorting, joins, grouping and table design.

12 lessons

Start learning Quiz Cheat sheet

UI/UX Design Tutorial

Design products people enjoy – research, personas, wireframes, prototypes and usability testing.

12 lessons

Start learning Quiz Cheat sheet

Code PlaygroundWrite HTML, CSS and JavaScript with a live preview. My learningYour progress and quiz scores in one place. Free toolsContrast checker, px to rem, gradients and more.

Free web development tutorials for beginners

These web development tutorials take you from your first HTML page to building interactive sites with JavaScript and React, and on to server-side code with PHP, Python and SQL. Every lesson is short and practical, and most examples run right here in your browser, so you can change the code and see what happens.

How to use these tutorials

Start with HTML, then CSS and JavaScript – they are the base of every website.
Add a framework or library next: Bootstrap for quick layouts, React for app-like interfaces.
Learn a back-end language when you want forms, logins and databases: PHP or Python, with SQL.
Practise in the Code Playground, test yourself with each track’s quiz, and keep a cheat sheet open while you work.

The lessons follow current web standards. When you want to go deeper, the official references are excellent – for example MDN Learn web development by Mozilla.