Learn by building

Project 1 — Ranch Record Card

One page. Five layers. We build a livestock record for a made-up place called Howdy World Ranch, using Fort Worth Stockyards longhorns as teaching examples — not as a claim that we own them.

1. 0. Intro — why this exists and how the series works
2. 1. The Bones of a Ranch Record — HTML
3. 2. Paint the Bulletin Board — CSS
4. 3. Let the Page Do the Math — JavaScript
5. 4. Your Herd as Data — JSON
6. 5. Pull Data In — fetch()