Welcome to Web Camp!
5 days · 3 hours per day · Zero experience required
This week you'll go from writing your very first HTML tag to a real website that's live on the internet — a page you can text to your friends. Each day builds on the last: you pick a theme on Day 1 and grow it into a finished, published site by Friday.
Each day's page has a slide deck (PDF) you can download for review, worked examples to copy, and stretch goals if you finish early.
Pick Your Theme on Day 1
You'll build one website all week. First thing Monday, pick a theme and run with it. Everyone uses the same building blocks — only the content changes.
- Fan page — a game, band, team, show, athlete, or car
- Recipe / food site — a dish or cuisine you love
- Review site — rate 5 movies, games, or restaurants
- Fake business — a dog-walking service, food truck, or band's booking page
- Event page — a party, tournament, or club
- Tool page — a tip calculator, quiz, or countdown
Not sure? Start a fan page — everyone's a fan of something.
What You'll Build This Week
Resources
- MDN Web Docs — the reference for HTML, CSS, and JavaScript
- Flexbox Froggy — learn flexbox as a game (Day 3)
- CSS Grid Garden — learn CSS grid as a game (Day 3)
- Google Fonts — free web fonts (Day 2)
- Coolors — build a color palette (Day 2)
- Frontend Mentor — real design challenges (if you're ahead)
- freeCodeCamp — full free web-design course (if you're ahead)
Where You'll Publish (Day 5)
By Friday your site goes live on the real internet. You'll pick one:
- Netlify Drop — drag your folder onto the page, get an instant link. We do this in class.
- Neocities — free, permanent home built for hand-written HTML/CSS.
- GitHub Pages — a real portfolio link (for students who want the advanced path).