Vibe Coder: Web
Ship a real website with AI in the loop.
Students use AI-assisted coding to design, build and deploy a working website — and learn where the AI is wrong.
Illustrative image: BigDumbDinosaur / CC BY-SA 3.0
- Format
- Workshop series
- Length
- 6 sessions × 90 min
- Ages
- S2–S6
- Group size
- 12–24 students
What students do
- Plan a site around a real audience
- Use AI tools without outsourcing judgement
- Build responsive layouts with HTML and CSS
- Deploy a live site
Tools
- VS Code
- AI coding assistants
- HTML/CSS
- GitHub Pages
AI can write code quickly. It cannot decide what the site is for. Students start with an audience and a job to be done, then use AI as a fast but unreliable collaborator.
The final session is a deploy: a live URL, a working page, and a short explanation of what the student changed by hand.
This programme can be adapted for different ages, session lengths and group sizes. Ask for a proposal with a session-by-session outline.
Language: English or Cantonese
Location: Your school or M21, Aberdeen
How it runs
Brief
We agree the cohort, timetable and what a finished project looks like.
Build
Students work in teams on a real brief, with a taught input at the start of each session.
Test
Teams measure against constraints and document what failed and why.
Show
A working demo, a short presentation and a record of each student’s contribution.
Related programmes
AI & software · S2–S6
Ask about Vibe Coder: Web — dates, cohort size, fees and a written outline.
hello@badpig.hk