Je eerste werkende tool bouwen met AI

Je kunt tegenwoordig een werkende tool bouwen zonder zelf te programmeren. Je beschrijft in gewone taal wat je wilt — bijvoorbeeld een rekentool met een invoerveld, een knop en een uitkomst — en de AI schrijft de code. Dat bouwen doe je gewoon in je browser: je hoeft niets te installeren, je ziet je tool meteen live op je scherm, en hij draait op je eigen computer. Hij hoeft dus nergens online te staan en niemand anders hoeft hem te zien.

Achter zo'n tool zitten drie talen. HTML bepaalt wát er op het scherm staat, CSS bepaalt hoe het eruitziet, en JavaScript bepaalt wat er gebeurt als de gebruiker iets doet. Die code schrijf je niet zelf, maar de woorden helpen je sturen: 'zet er een veld bij' gaat over HTML, 'maak de knop groen' over CSS, en 'reken na een klik het totaal uit' over JavaScript.

Bouwen met AI gaat in een vaste lus van vier stappen: je beschrijft wat je wilt, de AI bouwt het, je bekijkt het resultaat, en je stuurt bij met een nieuwe opdracht. Je begint klein, met alleen de belangrijkste functie, en bouwt de rest er stap voor stap bij. Zodra iets werkt, maak je een opslagpunt: een bewaarde versie waar je naar terug kunt als er later iets stukgaat.

Eén ding moet je daarbij goed begrijpen: 'het werkt' en 'het klopt' zijn twee verschillende dingen. Een tool kan zonder foutmelding draaien en toch de verkeerde uitkomst geven. Daarom test je met bekende waarden: bij een btw-tool weet je dat 100 euro met 21% btw 121 euro moet worden. Toont de tool iets anders, dan werkt hij wel, maar klopt hij niet.

In deze module doorloop je dit allemaal zelf: je bouwt een btw-calculator, spoort in een toets een ingebouwde fout op, en kiest daarna je eigen product — het product dat je de rest van de cursus stap voor stap uitbouwt tot iets dat je echt gebruikt.

Na afloop kun je elk van deze leerdoelen aantonen — elk behaald doel komt op je certificaat te staan.

• Je geeft aan waarvoor jij wilt leren bouwen, zodat de voorbeelden daarbij passen.
• Je kent de spelregel: oefen altijd met verzonnen gegevens, nooit met echte.
• Je weet dat je tool gewoon op je eigen computer draait en niet online hoeft te staan.
• Je weet dat je voor het uiterlijk, zoals kleur of grootte, om een CSS-aanpassing vraagt.
• Je weet dat alles wat gebeurt na een klik JavaScript is, zodat je daar gericht op kunt sturen.
• Je bouwt in kleine stappen en begint altijd met de hoofdfunctie.
• Je test je tool met waarden waarvan je de uitkomst al weet, zodat je fouten vindt die geen foutmelding geven.
• Je beschrijft je tool in vier delen, zodat de AI precies weet wat hij moet bouwen.
• Je maakt op tijd een opslagpunt, zodat je terug kunt naar een versie die wél werkte.
• Je bouwt met AI een werkende rekentool, gewoon door te beschrijven wat je wilt.
• Je controleert of je tool niet alleen draait, maar ook de juiste uitkomst geeft.
• Je stuurt de AI bij met één gerichte wijziging per keer.
• Je voegt een nieuwe functie toe aan een bestaande tool en test die meteen.
• Je bedenkt zelf een klein tooltje en bouwt daarvan de hoofdfunctie.
• Je breidt je tooltje uit met één functie en bewaart het resultaat.
• Je spoort een verstopte rekenfout op in een tool die zonder foutmelding draait.
• Je kiest een eigen product dat je in de browser kunt bouwen.
• Je bouwt en bewaart de eerste werkende versie van je eigen product.

Ongeveer 45 minuten · 10 onderdelen

Deze module is onderdeel van Vibe coding: de complete lijn waarin je met AI je eigen tools bouwt, met twaalf maanden toegang en een certificaat per module. Bekijk Vibe coding.

Inclusief certificaat met behaalde leerdoelen en verificatienummer.

Deze module is voor iedereen die een eigen tool wil — een calculator, een klantoverzicht, een planner — maar niet kan programmeren. Je hebt geen voorkennis nodig: de begrippen die je nodig hebt, leer je in de module zelf. Je hebt alleen een browser nodig.

Na deze module heb je zelf een werkende tool gebouwd en getest, weet je hoe je een fout opspoort die geen foutmelding geeft, en heb je een eigen product gekozen waarvan de eerste versie al draait. Die versie kun je downloaden en bouw je in de volgende modules verder uit.

• Ik wil een eigen tool, maar ik kan niet programmeren — Dat hoeft ook niet: de AI schrijft de code. Jij beschrijft in gewone taal drie dingen: wat de gebruiker invoert, wat ermee gebeurt, en wat er getoond wordt. Daarna stuur je bij tot het klopt.
• De tool draait zonder foutmelding, maar rekent verkeerd — Dat is het verschil tussen 'het werkt' en 'het klopt'. Test met bekende waarden: voer iets in waarvan je de juiste uitkomst al weet, zoals 100 euro met 21% btw (moet 121 worden). Wijkt de uitkomst af, laat het dan bijbouwen en test opnieuw.
• Ik vroeg alles tegelijk en nu is het onoverzichtelijk — Begin klein: laat eerst alleen de hoofdfunctie bouwen en controleer die. Voeg daarna functies één voor één toe en test na elke stap. Zo weet je precies waar het misgaat als iets niet klopt.
• Een wijziging heeft mijn werkende tool gesloopt — Maak een opslagpunt zodra iets goed werkt, en altijd vlak voor een grote verandering. Dan kun je terug naar de laatste versie die wél werkte in plaats van opnieuw te beginnen.