Home/ Curriculum/ Day 2
DAY 02 of 12

The client side

Build a real page — then use an AI editor to ship a full one to the open internet

You can do… by end of day
  • Write semantic HTML, style with CSS (box model, flexbox/grid) and add interactivity with JS.
  • Prompt an AI to generate a genuinely good, responsive landing page — and read the output well enough to make it yours.
  • Build a complete frontend (structure + style + a little JS) inside the AI code editor.
  • Serve your files on port 80 and confirm they're reachable from the whole world (mobile data).
Deliverable

A live, responsive site at your public URL, built with the AI editor.

Big-picture hook

The bottom-left of the diagram is working — static files being served. But the page can't remember anything yet. That needs a language and a database.

Concepts what you'll understand
  • What “deploy” means for a static site: the files exist on a machine at a path, and a process hands them over on a port. That's it.
  • HTML: document structure, semantics (header, nav, main, section, footer), forms and inputs.
  • CSS: the box model, selectors, layout with flexbox/grid, responsive/mobile-first, a real type scale and color system.
  • JS: the DOM, event listeners, reading and writing elements — the three moves behind every interactive page.
  • Prompting for a great frontend: specify structure, look and responsiveness; treat the AI like a junior dev you give clear specs to. Then recognize the CSS and JS it returns.
  • Serving on port 80 (the quick python -m http.server 80) and the world-reachable test on your phone over mobile data.
The lab hands-on, ends with something live
  1. Build a page by hand: a semantic landing skeleton with a sticky nav, a hero, and a footer — valid HTML + CSS.
  2. Wire some JS: a counter, a mobile menu toggle, or smooth scroll. Make the page do something.
  3. AI build: open the AI code editor, prompt for a complete, responsive landing page, iterate 2–3 rounds, and read the files it writes.
  4. Ship it: serve the folder on port 80 and open the public URL on your phone over mobile data. It's live. Screenshot it.
Want this in another format? All formats