The companion downloads extend this book without making the printed pages depend on a particular editor, or on a website that may change. The book remains complete on its own.
Every file here is free. There is no sign-up, and no email address is asked for.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.