The book

HTML, CSS & JavaScript the TPRM Way

A Hands-On Beginner’s Guide to Building Modern Websites

I teach the three core technologies of the modern web as one connected system. HTML gives a page its meaning and structure. CSS controls presentation and layout. JavaScript adds behavior and application logic.

Prior programming experience is not required. You start with a single page. From there you build up semantic content, forms, responsive layouts, browser interactions, persistent data, and finally complete small applications.

I have kept this book on durable web standards, and away from any particular editor, framework, or fashionable tool. Once the fundamentals make sense to you, evaluating and learning libraries and frameworks becomes much easier.

Printed in the book as tprmway.com/web. That address will keep working.
172 pages, paperback, 6 by 9 inches.

Start here

Three things have to be in place before the first program runs. These notes are the current version of the Before You Start section in the book.

Read the setup notes — HTML, CSS & JavaScript the TPRM Way

Chapter companions

One page per chapter: what the chapter teaches, every program in it ready to type, and the prediction that goes with each one. The explanations stay in the book.

Chapter 1 How the Web Works and Your First PageA browser turns plain text files into a live document. Understanding that pipeline is where everything else begins.
Chapter 2 HTML Foundations and Semantic StructureGood HTML describes what your content means. How it should look is a separate question, answered later.
Chapter 3 Links, Images, Lists, and TablesA document becomes useful once it connects to others and represents its information with the right structure.
Chapter 4 Forms and Accessible InteractionForms collect decisions and data. Native controls do a great deal of that work for you, well before JavaScript enters the picture.
Chapter 5 CSS Foundations: Selectors and the CascadeCSS is a rule system. Once matching and precedence make sense to you, most of the mystery in styling disappears.
Chapter 6 The Box Model, Spacing, and TypographyEvery visible element occupies a box. Once that box makes sense to you, sizing and spacing stop being guesswork.
Chapter 7 Modern Layout with Flexbox and GridFlexbox handles alignment along one dimension. Grid handles tracks in two. Let the layout problem in front of you decide.
Chapter 8 Responsive Design and Resilient PagesResponsive design is one interface that adapts. Space, content, and the user's own settings all keep changing.
Chapter 9 JavaScript FoundationsBehavior arrives with JavaScript. It starts with values, variables, expressions, and output you can read.
Chapter 10 Decisions, Loops, and FunctionsExpressions are only the start. Decisions, loops, and functions turn them into logic you can reuse.
Chapter 11 The DOM and Browser EventsThis is where JavaScript reaches into the document itself, and where a page starts answering its user.
Chapter 12 Arrays, Objects, and Data ModelingData has shape. Arrays and objects are how you give collections and records a clean one in JavaScript.
Chapter 13 Forms, Validation, Storage, and FetchA real application accepts data, keeps it, and fetches more. Doing that responsibly is the subject here.
Chapter 14 Four Complete Beginner ProjectsFour small, complete applications that draw on everything you have learned. Each one forces real decisions about structure, layout, data, interaction, and testing.

Free downloads

HTML Elements and Forms Cheat Sheet
The document skeleton, text elements, semantic landmarks, links and paths, images, lists, accessible tables, and every form control and validation attribute the book uses, on one compact printable reference.
Cheat sheet · PDF · 2 pages · 56 KB · Version 2026-09-07
CSS Cascade, Box Model, and Layout Cheat Sheet
Selectors and specificity, how the cascade decides a winner, the four parts of the box, units and custom properties, Flexbox, Grid, and the responsive rules that need no media query.
Cheat sheet · PDF · 2 pages · 56 KB · Version 2026-09-07
JavaScript, DOM, and Data Cheat Sheet
Syntax, conversion, decisions, loops and functions, arrays and objects with map, filter and find, then selecting and changing elements, events, localStorage and JSON, and the fetch pattern with its status check.
Cheat sheet · PDF · 2 pages · 60 KB · Version 2026-09-07
Common Browser Errors
Thirty-nine Console messages and silent symptoms in the order a beginner meets them, from a blank page and a stylesheet that will not load to null elements, NaN totals, damaged stored data, and a fetch blocked because the page was opened from disk.
Common errors · PDF · 4 pages · 68 KB · Version 2026-09-07
Browser Debugging Checklist
One printable page to work through before you change a line: what to check before you refresh, how to read the evidence, what to do when a style has no effect or the script does not run, and what to verify before calling a page finished.
Checklist · PDF · 1 page · 34 KB · Version 2026-09-07
50 Extra Practice Questions
Three or four questions per chapter across all fourteen chapters, mixing prediction, tracing, modification, debugging, and building from a blank file, with answers complete enough to check yourself against.
Practice questions · PDF · 31 pages · 164 KB · Version 2026-09-07
Practice Test Pack
Thirty mixed questions covering the whole book in four parts: predict the output, find and fix the defect, short answer, and write the code. Answers are included.
Practice test · PDF · 21 pages · 129 KB · Version 2026-09-07
Project Starter Files
Clean index.html, styles.css, and app.js for the four Chapter 14 projects, with the ids, classes, and function names the chapter uses, TODO comments in every body, a JSON fixture for the dashboard, and a README carrying the milestones and acceptance tests. Every page loads with a clean Console; none of them is a solution.
Starter files · ZIP · 17 files · 24 KB · Version 2026-09-07

Open the downloads page

More for this book

Quick reference The syntax you will look up most often, on one page.
Corrections What is wrong in the printed book, and what it should say.