Build a small website and API
Build an accessible, responsive page with HTML and CSS, understand HTTP, and write a small REST API that a browser can call.
Beginner, 9 steps, about 10 hours
- Semantic HTML and accessibility basics, with a responsive page skeleton Start with meaningful HTML; good structure makes styling and accessibility easier. Article CMP 0092
- Flexbox and CSS Grid: laying out a page Learn when to reach for Flexbox and when Grid fits better. Article CMP 0090
- CSS selectors and specificity reference Understand specificity so you stop fighting your own styles. Article CMP 0091
- Build an accessible, responsive event page: semantic HTML, Grid and a form with clear errors Finish the front end with a complete page and a form that explains its errors. Article CMP 0264
- How an HTTP request works: methods, headers, and body Now look under the hood at what the browser sends to a server. Article CMP 0081
- HTTP status codes: the common ones and what to do Learn the codes your API will return and what each one tells the client. Article CMP 0082
- Test a JSON API with curl Practice calling an API from the terminal before you write your own. Script CMP 0083
- CORS explained: why the browser blocks your request Read this before connecting your page to an API on another origin. Article CMP 0087
- Build a notes REST API with plain Node.js: CRUD, validation, status codes and CORS Capstone: write the API yourself and call it from a browser page. Article CMP 0263