Vibe coding leren: hoe pak je het aan?

Bij vibe coding schrijft een AI de code. Wat je leert is dus niet de syntax van een programmeertaal, maar het werk eromheen: een idee vertalen naar duidelijke opdrachten, het resultaat beoordelen en de AI bijsturen als iets niet klopt.

Daarnaast leer je een paar basisbegrippen, zodat je begrijpt wat de AI doet. Wat is een bestand en een map, wat is een database, wat betekent het als een website lokaal draait en hoe zet je iets online. Je hoeft die dingen niet zelf te kunnen bouwen, maar je moet ze wel herkennen.

Tot slot leer je werken met een paar tools. In de cursus van vibe-code.nl zijn dat Claude Code om te bouwen, Prisma Postgres als online database en GitHub om je werk te bewaren en online te zetten.

Deze volgorde werkt voor de meeste beginners. Je kunt stappen overslaan als je iets al kent.

1. 1

   Je werkplek inrichten

   Installeer Claude Code en leer de terminal openen, het venster waarin je tekstopdrachten typt. Controleer met claude --version of de installatie gelukt is en start daarna claude in een lege projectmap.

2. 2

   Een eerste pagina laten maken

   Vraag de AI om één simpele pagina, bijvoorbeeld een index.html met je naam en een lijstje hobby's. Open hem in je browser. Zo zie je hoe een opdracht in een bestand verandert.

3. 3

   Leren bijsturen

   Vraag om aanpassingen: een andere kleur, een extra knop, een tweede pagina. Let op hoe de AI reageert op vage en op precieze opdrachten. Dit is de kern van vibe coding.

4. 4

   Iets met gegevens bouwen

   Maak een project dat iets onthoudt, zoals een lijstje dat je kunt aanvullen. Met Prisma Postgres maak je gratis een online database waarin je app dat bewaart. Hier leer je hoe een echte web-app werkt.

5. 5

   Bewaren en online zetten

   Sla je werk op in GitHub en zet het online. Vanaf dat moment kun je terug naar eerdere versies en kun je je project delen met anderen.

Kies iets dat je zelf zou gebruiken. Dan blijf je gemotiveerd en weet je precies wanneer het goed is.

• makkelijk

  Persoonlijke startpagina

  Een pagina met je favoriete links en een zoekbalk. Klein, snel af en een goede eerste oefening in opdrachten geven.

• gemiddeld

  Receptenverzameling

  Recepten toevoegen, zoeken en op ingrediënt filteren. Je leert werken met gegevens die bewaard blijven in een database.

• gemiddeld

  Klussenlijst voor thuis

  Wie doet wat deze week, en wat is al af. Een goede oefening in een overzicht dat je steeds bijwerkt.

• uitdagend

  Eenvoudig spelletje

  Een geheugenspel of een quiz met een score. Je leert hoe je de AI laat werken met regels, beurten en punten.

• Te groot beginnen. Een compleet platform als eerste project leidt bijna altijd tot frustratie. Begin met één scherm dat werkt.
• Alles in één opdracht vragen. De AI doet het beter als je in kleine stappen werkt en na elke stap test.
• Niet testen. Kijk na elke aanpassing in je browser of het nog werkt, anders weet je niet welke stap iets kapot maakte.
• Geen versiebeheer. Zonder GitHub kun je niet terug als een aanpassing alles in de war stuurt.
• Blind op ja klikken. Claude Code vraagt toestemming voordat het iets wijzigt of uitvoert. Lees wat het wil doen, en vraag om uitleg als je het niet snapt.
• Geheimen in je code. Wachtwoorden en sleutels horen niet in een project dat online komt te staan.

Je kunt vibe coding prima zelf leren. Er is veel gratis uitleg te vinden en de AI zelf kan veel vragen beantwoorden. Zelf leren past goed bij je als je het leuk vindt om te puzzelen, tijd hebt om dingen uit te zoeken en niet snel afhaakt als iets een avond niet lukt.

Het nadeel van zelf leren is dat je vaak vastloopt op dingen die niets met je project te maken hebben, zoals een installatie die niet lukt of een foutmelding die je niet begrijpt. Ook weet je als beginner niet altijd welke volgorde logisch is, waardoor je dingen leert die je nog niet nodig hebt.

Een cursus geeft je een vaste route en hulp bij die lastige momenten. De online cursus van vibe-code.nl volg je in je eigen tempo, met korte videolessen en een opdracht na elke les. Op een cursusdag in Amersfoort kijkt een docent mee op je scherm. In beide gevallen bouw je aan je eigen project en eindig je met dat project online.

Dat verschilt sterk per persoon en per project, dus een vast antwoord is er niet. Een eenvoudige pagina zoals een persoonlijke startpagina is voor veel beginners binnen een middag of avond haalbaar, als de installatie eenmaal gelukt is.

Een project met een database, zoals een receptenverzameling of klussenlijst, kost meer tijd, omdat je meer moet testen en bijsturen. Reken op een aantal sessies. Op een cursusdag op locatie is het doel dat je aan het eind van de dag een eerste web-app online hebt staan, met hulp van een docent.

Echt vaardig worden gaat geleidelijk. Elk project dat je afmaakt, leert je beter opdrachten geven en sneller zien waar het misgaat.