JavaScript: de logica die je tool slim maakt

JavaScript is de laag van je tool die het gedrag bepaalt: wat er gebeurt nadat de pagina er staat. Zonder JavaScript doet een knop niets, rekent er niets mee en verandert er nooit iets op je scherm. Alles wat een tool 'slim' maakt — reageren, onthouden, beslissen, rekenen — is JavaScript.

Het goede nieuws: je hoeft geen JavaScript te leren schrijven om tools te bouwen met AI. Maar wie de bouwstenen herkent, stuurt de AI veel gerichter en begrijpt wat er is teruggebouwd. Je vraagt dan niet 'maak de knop slim', maar benoemt precies welk gedrag je wilt.

De bouwstenen zijn er vijf. Een gebeurtenis (event) is iets wat de gebruiker doet — klikken, typen — waarop je tool reageert; een knop werkt pas als er naar die gebeurtenis wordt geluisterd. Een variabele is een waarde met een naam die je tool vasthoudt en bijwerkt zolang de pagina open staat; sluit je de pagina, dan is de variabele weg — anders dan een bewaard bestand. Een conditie (if/else) laat je tool beslissen: als dit, doe dat, anders iets anders.

Een herhaling voert dezelfde handeling uit voor elk item in een lijst, of die nu drie of driehonderd items telt. En een functie is een handeling met een naam die je op meerdere plekken aanroept — zo voorkom je dubbel werk en hoef je bij een wijziging maar op één plek aan te passen. Met deze vijf woorden kun je vrijwel elk gedrag beschrijven dat je in een tool wilt hebben.

In deze module bouw je een bestellijst met een totaal dat meerekent bij elke wijziging, en maak je daarna je eigen project slimmer met de bouwsteen die daar past.

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

• Je geeft aan waar je deze module vooral grip op wilt krijgen.
• Je begrijpt dat JavaScript het gedrag van je tool bepaalt: wat er gebeurt nadat de pagina er staat.
• Je hoeft geen JavaScript te schrijven; je herkent de bouwstenen om beter te sturen en te controleren.
• Je begrijpt wat een gebeurtenis (event) is: iets wat de gebruiker doet, waarop je tool reageert.
• Je begrijpt dat een knop pas iets doet als er naar de gebeurtenis wordt geluisterd.
• Je begrijpt wat een variabele is: een waarde met een naam die je tool vasthoudt en bijwerkt.
• Je weet dat een variabele verdwijnt bij het sluiten, anders dan een bewaard bestand.
• Je herkent de if/else-structuur: als dit, doe dat — anders iets anders.
• Je begrijpt dat de uitkomst van zo'n beslissing meeverandert met de invoer.
• Je begrijpt dat een herhaling dezelfde handeling uitvoert voor elk item in een lijst.
• Je weet dat een herhaling werkt, hoe lang de lijst ook is.
• Je begrijpt dat een functie een handeling met een naam is die je op meerdere momenten kunt aanroepen.
• Je weet dat een functie dubbel werk voorkomt en wijzigen op één plek mogelijk maakt.
• Je bouwt een scherm waarop je een regel met naam en prijs aan een lijst toevoegt.
• Je laat een totaal berekenen dat bij elke toevoeging wordt bijgewerkt.
• Je voegt een kortingregel toe waarvan het eindbedrag meeverandert met het totaal.
• Je laat regels verwijderen waarna het totaal weer klopt.
• Je test op grenswaarden en vangt lege of foute invoer netjes af.
• Je maakt je eigen product slimmer of interactiever met een passende bouwsteen en benoemt welke je gebruikt.
• Je test je toevoeging op een passende manier en bewaart een opslagpunt.

Ongeveer 60 minuten · 9 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.

Voor iedereen die met AI bouwt en beter wil sturen op wat een tool dóét. Je gaat geen code schrijven; je leert de vijf bouwstenen van JavaScript herkennen en benoemen. De module hoort bij de leerlijn Vibe coding.

Je beschrijft gedrag in woorden die de AI direct begrijpt — gebeurtenis, variabele, conditie, herhaling, functie — en bouwt daarmee tools die rekenen, beslissen en reageren op wat de gebruiker doet.

• Een knop die niets doet — Een knop werkt pas als JavaScript naar de gebeurtenis luistert. Vraag de AI om de knop aan de juiste actie te koppelen.
• Het totaal klopt niet meer na verwijderen — Vraag om het totaal opnieuw te berekenen bij elke wijziging van de lijst, niet alleen bij het toevoegen.
• Verwachten dat een variabele bewaard blijft — Een variabele leeft alleen zolang de pagina open staat. Wil je iets echt bewaren, dan hoort het in een bestand of database.
• Vaag vragen omdat je de woorden niet kent — Gebruik de namen van de bouwstenen: gebeurtenis, variabele, conditie, herhaling en functie. Daarmee vraag je gericht en begrijp je het antwoord.