Capstone builds
Project-shaped builds combining structure, style, behavior, accessibility, and launch checks.
What you will practice
Personal profile; Event landing page; Accessible signup flow; Course dashboard.
Use the worked examples when needed, then test your understanding without them.
- 01Capstone builds: Personal profileA profile should introduce its subject, expose relevant work, and provide clear navigation rather than a collection of unlabeled boxes.Practice
- 02Capstone builds: Event landing pageAn event page should answer what, when, and where before asking someone to take action.Practice
- 03Capstone builds: Accessible signup flowA signup interface combines labeled controls, a visible requirement, help, and a non-submitting review action in this sandbox.Practice
- 04Capstone builds: Course dashboardA course dashboard should show an honest progress measure and the next useful action.Practice
- 05Capstone builds: Service status pageStatus needs a readable state, an observation time, and context that distinguishes an incident from an assumption.Practice
- 06Capstone builds: Resource directoryA directory groups resources under meaningful headings and uses links that identify their destinations.Practice
- 07Capstone builds: Portfolio case studyA case study explains the problem, the work, and the evidence for the result without inventing impact metrics.Practice
- 08Capstone builds: Web foundations finaleThe final page brings together document metadata, semantic structure, readable navigation, and a usable primary action.Practice