Hands-on exercises from Dr. Angela Yu’s The Complete Full-Stack Web Development Bootcamp. Folder names follow section # · lesson # (e.g. 9.4 Flexbox Pricing Table Project = section 9, lesson 4).
For a curated gallery of highlights, open portfolio/index.html. The portfolio/ folder also has early lesson starters (public/), instructor reference files (solution.html, goal.png), and personal about/contact pages.
Contents: How folders map to the course · Run locally · Navigate this repo
| Section # | Topic | Folders (first → last) |
|---|---|---|
| 2–4 | HTML through multi-page sites | 2.1 Heading Element → 4.1+Webpages |
| 5–6 | Intro CSS, box model, early projects | 5.1. Adding CSS → 6.4 Motivation Meme Project |
| 7 | Cascade, selectors, positioning | 7.0 CSS Cascade → 7.3 CSS Flag Project |
| 8 | Display, float, responsiveness | 8.0 CSS Display → 8.4 Web Design Agency Project |
| 9 | Flexbox | 9.0 Display Flex → 9.4 Flexbox Pricing Table Project |
| 10 | Grid | 10.0 Display Grid → 10.3 Mondrian Project |
| 11 | Bootstrap | 11.0 Bootstrap Intro → 11.3 TinDog Project |
| Capstone 1 | Online resume | Capstone 1 |
Vanilla HTML5/CSS3 throughout; Bootstrap 5 in Section 11.
Static files—open any folder’s index.html in a browser:
cd "3.4 Birthday Invite Project" # from Html+CSS/
open index.htmlNo install or server required.
← Previous: Bootcamp overview (root README)
→ Next: JavaScript (sections 14–18)