Het bouwpalet: onderdelen bij hun naam

Je leert de onderdelen van een scherm bij hun naam kennen — knop, card, tabel, formulier, dropdown, radioknoppen, modal en meer — zodat je de AI precies kunt sturen, en je verbouwt je eigen product met het juiste woord.Online cursus · niveau basis · 60 minuten

Onderdeel van Vibe coding.

Bekijk Vibe coding

Wat je leert

Na afloop kun je elk van deze leerdoelen aantonen — ze komen letterlijk op je certificaat te staan.

De cursist geeft door waar hij vooral beter op wil kunnen sturen.
De cursist begrijpt dat een onderdeel bij naam benoemen tot gerichtere wijzigingen leidt.
De cursist kent het verschil tussen een primaire, secundaire en tekstknop.
De cursist kent de regel van één primaire knop per scherm.
De cursist weet dat een card bij elkaar horende informatie in één blok groepeert.
De cursist kiest tussen een lijst en een tabel op basis van het aantal gegevens per item.
De cursist kent een formulier, een invoerveld, een label en een hint.
De cursist kent een dropdown, radioknoppen, een checkbox, een toggle en een schuifregelaar.
De cursist kiest radioknoppen bij weinig opties waaruit je er één kiest.
De cursist kiest een dropdown bij veel opties die niet allemaal zichtbaar hoeven.
De cursist kent tabs, een navigatiebalk en een accordion en weet waarvoor elk dient.
De cursist kent een modal, een tooltip en een toast en kiest de juiste bij bevestigen.
De cursist kent een badge/label en een voortgangsbalk en weet waarvoor elk dient.
De cursist kent de interactie-toestanden (hover, actief, uitgeschakeld, focus) en kan er één bij naam aanwijzen.
De cursist weet dat veelgebruikte functies met één opdracht te bouwen zijn en kan er een passende kiezen.
De cursist laat losse tekst omzetten in een card met passende knoppen.
De cursist voegt een statuslabel (badge) toe.
De cursist laat een bevestiging in een modal verschijnen bij verwijderen.
De cursist past één interactie-toestand bij naam aan.
De cursist verbetert twee onderdelen van het eigen product en noemt ze bij naam.
De cursist past één interactie-toestand toe op het eigen product en bewaart het.

De inhoud

Ongeveer 60 minuten · 13 onderdelen

Start — wat je deze module leert

1 leerdoel in dit onderdeel

Waarom je de namen moet kennen

1 leerdoel in dit onderdeel

Knoppen

2 leerdoelen in dit onderdeel

Groeperen en tonen: card, lijst en tabel

2 leerdoelen in dit onderdeel

Formulieren en invoervelden

1 leerdoel in dit onderdeel

Keuze-elementen: laten kiezen uit vaste opties

3 leerdoelen in dit onderdeel

Indeling en navigatie

1 leerdoel in dit onderdeel

Onderdelen die ergens overheen komen

1 leerdoel in dit onderdeel

Status en voortgang

1 leerdoel in dit onderdeel

Interactie-toestanden

1 leerdoel in dit onderdeel

Kant-en-klare functies

1 leerdoel in dit onderdeel

Oefenen: verbouw een kaal klantenkaartje

4 leerdoelen in dit onderdeel

Toepassen op je eigen project

2 leerdoelen in dit onderdeel

Het bouwpalet: onderdelen bij hun naam

Wat je leert

De inhoud

Prijs en toegang

Liever eerst rondkijken?