Class sheet
Web programming, told as a farm.
The class used daily farm work to name the parts of a website. This page keeps that map. The pictures from the slides are not republished here.
The stand is the frontend
HTML is the timber: walls, bins, and the counter. CSS is the paint and the way the signs are hung. JavaScript is the scale that totals a weight while the customer is still standing there. The path through the stand should be obvious. That is the whole of user experience in this lesson.
The truck window is the browser
Chrome, Safari, and Firefox are how someone pulls up. The browser takes the timber, the paint, and the script and builds the stand on their screen. It is not the barn.
Trucks, radios, barns, and silos
A click sends a truck. GET fetches a crate. POST delivers an order slip. 200 means it arrived. 404 means that crate is not there. 500 means something in the barn broke. The console is the mechanic's radio: status, red lights, and a place to try a command. The backend is the machinery the customer does not see. The database is the labeled silo that still has the records after a storm. Git is the crop ledger: a commit is a day's log, a branch is a test plot, a merge brings a good plot into the main field.
Where a real shop goes
The class used a farm stand as a picture. The shop software we ship for a real counter and a real website sharing one catalog is OpenSign. The offer around that shop is a BrandMatchGrowth conversation, not a slide.