HTML Academy logo
HTMLBeginnerWebNiveaus A1 → C122 talen

HTML Academy

Leg een sterke basis voor webontwikkeling door HTML te leren bij HTML Academy. Een CoddyKit-leertraject met 40 korte cursussen en 159 interactieve lessen, met een AI-tutor die 24/7 voor je klaarstaat.

Cursussen
40
Lessen
159
Interactieve stappen
2,096
Gratis beginnen
Cursus 1
Lesprogramma

40 cursussen in dit leertraject

Elke cursus in het leertraject HTML Academy, in de juiste leer volgorde. De eerste is gratis.

1

A13 lessenGratis

Leer hoe browsers HTML parsen, wat DOCTYPE doet en hoe de elementen html, head en body elke webpagina structureren.

2

A14 lessenPRO

Beheers koppen, alinea's, nadruk, inline-elementen en witruimtebeheer met HTML-teksttags.

3

A14 lessenPRO

Bouw navigatie met ankerelementen, absolute en relatieve URL's, links die in een nieuw tabblad openen en fragmentidentifiers.

4

A14 lessenPRO

Geef afbeeldingen responsief weer met img, srcset, het picture-element en semantische bijschriften voor figures.

5

A14 lessenPRO

Maak ongeordende, geordende en beschrijvingslijsten met de juiste nesting en semantische betekenis.

6

A24 lessenPRO

Bouw toegankelijke gegevenstabellen met de juiste structuur, cellen die meerdere rijen of kolommen overspannen en tabelsecties.

7

A24 lessenPRO

Begrijp id, class, style, hidden, tabindex en aangepaste data-*-attributen die in alle HTML-elementen worden gebruikt.

8

A24 lessenPRO

Bouw toegankelijke webformulieren met inputtypen, labels, knoppen en de action- en method-attributen van het form-element.

9

A24 lessenPRO

Breid formulieren uit met dropdowns, textarea's, checkboxgroepen, radioknoppen en autocomplete met datalist.

10

A24 lessenPRO

Gebruik HTML5-validatieattributen zoals required, pattern, min en max om gebruikersinvoer vóór verzending te valideren.

11

A24 lessenPRO

Vervang generieke divs door betekenisvolle HTML5-elementen zoals header, nav, main, footer, article en section.

12

A24 lessenPRO

Verken aside, details, summary, progress en meter om pagina's meer betekenis en interactiviteit te geven.

13

A24 lessenPRO

Beheers de head-sectie: title, metatags, viewport, canonical URL's, robots-directives en favicons.

14

A24 lessenPRO

Voeg audio en video native in met HTML5, bied meerdere indelingen aan en voeg ondertiteling toe met track en WebVTT.

15

B14 lessenPRO

Begrijp WCAG-niveaus, de hiërarchie van koppen, strategieën voor alt-tekst en toetsenbordnavigatie voor inclusieve webpagina's.

16

B14 lessenPRO

Verbeter de toegankelijkheid met ARIA-rollen, labels en beschrijvingen en volg de regel om eerst native HTML te gebruiken.

17

B14 lessenPRO

Sla aangepaste metadata op HTML-elementen op en lees deze uit met data-*-attributen, de dataset-API en CSS-selectors.

18

B14 lessenPRO

Gebruik het template-element om inactieve markup te definiëren, kloon deze efficiënt en vergelijk dit met renderen op basis van innerHTML.

19

B14 lessenPRO

Teken vormen, tekst en afbeeldingen op een 2D-canvas en animeer ze met requestAnimationFrame.

20

B14 lessenPRO

Voeg schaalbare vectorafbeeldingen inline in, gebruik basisvormen, beheer de viewBox en animeer SVG met CSS.

21

B14 lessenPRO

Sluit externe content in met iframe, begrijp sandboxing voor beveiliging en gebruik lazy loading voor betere prestaties.

22

B14 lessenPRO

Sla client-sidegegevens op met localStorage en sessionStorage, luister naar storage-events en volg beveiligingsrichtlijnen.

23

B14 lessenPRO

Implementeer drag-and-dropinteracties met de HTML5 Drag and Drop API en het dataTransfer-object.

24

B14 lessenPRO

Optimaliseer pagina's voor zoekmachines en delen op sociale media met OpenGraph, Twitter Cards, JSON-LD en hreflang.

25

B14 lessenPRO

Bouw HTML die geschikt is voor e-mail met tabelgebaseerde lay-outs, inline-stijlen en technieken voor afbeeldingen tussen verschillende clients.

26

B24 lessenPRO

Implementeer patronen voor toggles, tabinterfaces en live regions en test met echte screenreaders.

27

B24 lessenPRO

Versnel het laden van pagina's met async- en defer-scripts, preload-hints, lazy-loaded afbeeldingen en resource hints.

28

B24 lessenPRO

Definieer herbruikbare aangepaste HTML-elementen met de Custom Elements API, lifecycle-callbacks en observed attributes.

29

B24 lessenPRO

Kapsel markup en stijlen in binnen Shadow DOM, distribueer content met slots en stel styling-API's beschikbaar met part.

30

B24 lessenPRO

Gebruik ES-module-scripts, import maps voor bare specifiers, dynamische imports en concepten uit module federation.

31

B24 lessenPRO

Bouw volgens progressive enhancement: begin met solide HTML, voeg CSS en JavaScript in lagen toe en detecteer features correct.

32

B24 lessenPRO

Maak HTML geschikt voor een wereldwijd publiek met lang, dir, bdi, bdo, charset en ondersteuning voor tekst van rechts naar links.

33

B24 lessenPRO

Bescherm pagina's tegen XSS, clickjacking en injectie met CSP, sandboxing, SRI en veilige werkwijzen voor HTML-verwerking.

34

B24 lessenPRO

Gebruik FormData, de Constraint Validation API, aangepaste validiteitsmeldingen en beheer van de formulierstatus.

35

B24 lessenPRO

Beheer de browsergeschiedenis met pushState, popstate-gebeurtenissen en de moderne Navigation API voor SPA-routing.

36

B24 lessenPRO

Gebruik IntersectionObserver voor lazy loading, oneindig scrollen en triggers voor aan scrollen gekoppelde animaties.

37

B24 lessenPRO

Configureer progressive web apps met het webapp-manifest, registratie van een service worker en offline-fallbackpagina's.

38

B24 lessenPRO

Valideer markup met de W3C Validator, controleer HTML met Lighthouse en test toegankelijkheid met pa11y en axe.

39

B24 lessenPRO

Maak kennis met nieuwe HTML-functies: Declarative Shadow DOM, de Popover API, selectlist en command-attributen.

40

C14 lessenPRO

Beheer HTML in grote projecten met het extraheren van componenten, server-side templating, designsystemen en documentatie voor styleguides.

CoddyKit PRO

Ontgrendel alle 40 cursussen in dit leertraject en in elk ander leertraject

AI-begeleider, certificeringsexamen en certificaat. Werkt op het web, iOS en Android.

Alle abonnementen bekijken
Jaarlijks$29.90 per jaarOngeveer $2.49 per maandEenmalig betalenLevenslang$69.99 eenmaligGeen verlengingen. PRO voor altijd.
Cursusoverzicht

HTML: de taal achter elke webpagina

HTML vormt de structurele basis van het web — elk browsertabblad, elke formulierverzending en elke ingesloten video begint met markup. In dit leertraject ontwikkel je echte vaardigheid in HTML, van de regels voor een geldig document tot de browser-API's en componentmodellen die in moderne productiesites worden gebruikt. Het doel is niet alleen tags schrijven, maar ook begrijpen waarom elk element bestaat en wat het aangeeft aan browsers, hulptechnologieën en zoekmachines.

Wat je leert

Je begint met documentstructuur, tekstinhoud, links, afbeeldingen en lijsten en gaat daarna verder met tabellen, formulieren en attributen voor formuliervalidatie. Het leertraject behandelt semantische HTML5-elementen, de <head> en metadata, audio en video en de basisprincipes van toegankelijkheid, waaronder ARIA-rollen en -attributen. In latere cursussen komen aangepaste data-attributen, HTML-sjablonen, de elementen Canvas en SVG, Web Storage, de Drag-and-Drop-API, SEO en metatags voor sociale media en HTML-e-mailsjablonen aan bod. In de gevorderde onderdelen leer je over Shadow DOM, Web Components en aangepaste elementen, HTML-modules en import maps, progressive enhancement, internationalisering, beveiliging, de History and Navigation API, de Intersection Observer en het bouwen van HTML voor Progressive Web Apps.

Het leerpad

Veertig cursussen lopen van A1 via A2 en B1 naar B2 en eindigen met een C1-eindproject over HTML op schaal. De cursussen op A1- en A2-niveau leggen de basis: documentstructuur, semantische elementen, formulieren en metadata. B1 introduceert toegankelijkheid, ARIA, Canvas, SVG en browseropslag. B2 vormt het grootste blok en behandelt Web Components, Shadow DOM, prestaties, beveiliging, internationalisering en de Intersection Observer. De afsluitende C1-cursus, HTML op schaal, gaat in op patronen en beperkingen die belangrijk zijn wanneer HTML in grote codebases wordt geschreven, getest en onderhouden.

Zo werkt het

Elke cursus is opgedeeld in korte, praktische lessen die je in de ingebouwde code-editor voltooit met realtimefeedback. Er is altijd een AI-tutor beschikbaar wanneer je vastloopt en je leert in je eigen tempo — elke les staat op zichzelf, zodat je later elk onderwerp opnieuw als naslagwerk kunt gebruiken.

Zo leer je

  1. 01

    Interactieve lessen

    Praktische codeeroefeningen met realtime feedback

  2. 02

    AI-docent

    Krijg direct hulp van onze AI als je vastloopt

  3. 03

    Ingebouwde editor

    Schrijf en voer code direct uit in je browser

  4. 04

    Certificaat

    Behaal een certificaat wanneer je de cursus afrondt

FAQ

Veelgestelde vragen

Is de HTML Academy-cursus gratis?

Ja. Je kunt gratis aan de HTML Academy-cursus beginnen en de interactieve lessen kosteloos doorlopen. Met een optioneel PRO-abonnement krijg je toegang tot geavanceerde AI-tools en een deelbaar certificaat.

Heb ik voorafgaande ervaring nodig om HTML te leren?

Nee. De cursus begint bij de basis en behandelt geleidelijk steeds geavanceerdere onderwerpen. Je kunt dus ook zonder eerdere ervaring met HTML beginnen.

Hoe leer ik HTML op CoddyKit?

Je leert door te doen. Korte interactieve lessen combineren een duidelijke uitleg met een praktische codeeroefening die in realtime wordt uitgevoerd. Een AI-begeleider is 24/7 beschikbaar voor persoonlijke hulp wanneer je vastloopt.

Krijg ik een certificaat als ik HTML Academy afrond?

Ja. PRO-leerlingen kunnen een examen afleggen en een deelbaar certificaat van voltooiing behalen, met een verifieerbare code voor de HTML Academy-cursus.

Kan ik HTML op mijn telefoon leren?

Ja. CoddyKit is beschikbaar op het web en als native iOS- en Android-app, zodat je HTML op elk apparaat kunt leren en je voortgang op al je apparaten wordt gesynchroniseerd.

Wat kost CoddyKit PRO?

De eerste cursus van HTML Academy is gratis. Met CoddyKit PRO ontgrendel je elke cursus: $5.90 per week, $7.90 per maand, $29.90 per jaar of eenmalig $69.99 voor levenslange toegang zonder verlengingen.

Hoe lang duurt het om HTML Academy te voltooien?

HTML Academy bevat 40 cursussen en 159 lessen. De meeste lessen duren ongeveer 5–10 minuten, dus het hele leertraject kost ongeveer 19 uur aan praktische oefeningen, in je eigen tempo.

Begin nu met HTML Academy

Sluit je aan bij duizenden leerlingen die met AI-ondersteunde lessen leren programmeren.