Module 2: Vibe Coding
- Tijd: 1-2 uur
Je leerde werken MÉT bestanden. Nu leer je ze te MAKEN.
In deze module bouw je een echte web-app van nul en zet je hem op het internet, geen code-ervaring nodig. Jij beschrijft wat je wil, Claude bouwt het, jij verfijnt tot het klopt. Aan het eind heb je een echte URL die werkt op elk toestel en die je naar collega’s en leden kan sturen.
Wat je bouwt
De Bewegingsprofiel-quiz van Studio Stroom: “Welk Stroom-type ben jij?”. Leden beantwoorden een paar luchtige vragen en krijgen op het einde hun Stroom-type én een persoonlijke lesaanbeveling, bijvoorbeeld: “Jij bent De Aardende, start met onze Grounding Flow op dinsdagavond.” Het is een lesaanbeveling, verpakt als een leuke quiz. Precies de ziel die de Stroom Pas miste.
Hetzelfde proces werkt voor landingspagina’s, tools, dashboards en prototypes, zowat alles wat web-based is.
Download de cursus (gratis)Wat je leert
| Les | Wat het behandelt |
|---|---|
| 2.1: Setup | De vibecoding-mindset en je projectmap opzetten (Node.js) |
| 2.2: Plan | Een interview om heldere vereisten vast te leggen in PLAN.md |
| 2.3: Bouwen & itereren | Scaffolden, bouwen en verfijnen met screenshots |
| 2.4: GitHub | Je code bewaren en back-uppen in de cloud |
| 2.5: Live gaan | Deployen naar Vercel met een echte URL |
De lus
Plannen → Bouwen → Itereren → Bewaren → Live. Eens je deze lus beheerst, kan je er zowat alles mee bouwen.
Voor je begint
Module 2 bouwt voort op Module 1. Je hoeft het niet eerst voltooid te hebben, elke les begint met een korte terugblik, maar het geeft je wel een beter begrip van hoe Claude Code werkt.
Nog geen Claude Code? Volg eerst de installatiegids. Daarna download je de cursus, pak je hem uit naar je map Documenten en start je Claude Code in de cursusmap.
Aan de slag
2.1: Setup →, leer de vibecoding-mindset en zet je project op. Of typ /start-2-1 in Claude Code.