Sorry, this activity is currently hidden
Section outline
-
Introduction
In deze sectie leg je de basis om websites te begrijpen en te bouwen binnen trainingsopdrachten. Je leert hoe een website is opgebouwd, hoe een browser pagina’s ophaalt en weergeeft, en hoe je je bestanden logisch organiseert. Ook krijg je een eerste, begrijpelijk beeld van domeinen, hosting en SSL zodat je weet wat je nodig hebt om iets online te zetten.
Learning Objectives
-
Je beschrijft de onderdelen van een website (pagina’s, assets en routes) in eenvoudige termen.
-
Je legt het verschil uit tussen front-end en back-end op beginnerniveau.
-
Je beschrijft in hoofdlijnen hoe een browser werkt van request tot rendering en hoe dit samenhangt met domein, hosting en SSL.
-
-
Introduction
In deze sectie leer je hoe je met HTML een webpagina logisch en leesbaar opbouwt. Je krijgt de basisstructuur van een HTML-document onder de knie en leert content op de juiste manier te markeren. Dit is direct toepasbaar in opdrachten in training, omdat je zo consistente pagina’s kunt maken die makkelijk te beoordelen, te onderhouden en uit te breiden zijn.
Learning Objectives
-
Je kunt een geldig HTML-document opzetten met
head,bodyen basis-metadata. -
Je kunt semantische elementen gebruiken om de structuur van een pagina duidelijk te maken.
-
Je kunt veelvoorkomende content (tekst, links, media en eenvoudige formulieren) correct in HTML plaatsen.
-
-
Introduction
In deze sectie leer je hoe je met CSS je webpagina’s leesbaar, consistent en professioneel vormgeeft. Je krijgt grip op hoe stijlen worden toegepast en waarom sommige regels “winnen” van andere. Dit is direct toepasbaar in opdrachten in training, waar je vaak snel een nette layout en herkenbare huisstijl moet opleveren. Aan het einde kun je eenvoudige layouts bouwen die ook op verschillende schermgroottes bruikbaar blijven.
Learning Objectives
-
Je kunt CSS-selectors toepassen en in eenvoudige gevallen specificity verklaren.
-
Je kunt het box model gebruiken om spacing en afmetingen voorspelbaar te maken.
-
Je kunt een basislayout maken met flexbox en eenvoudige responsive keuzes onderbouwen.
-
-
Introduction
In deze sectie leer je hoe JavaScript een website “levend” maakt met interactie en dynamisch gedrag in de browser. Dit is direct relevant voor opdrachten in training, zoals klikgedrag, simpele validatie en het aanpassen van content tijdens een oefening. Je krijgt basisbegrippen én een praktische manier om fouten te vinden en op te lossen.
Learning Objectives
-
Uitleggen wat JavaScript in de browser doet en wanneer je het inzet voor interactie.
-
Een eenvoudige functie koppelen aan een event om gedrag op een pagina te laten plaatsvinden.
-
DOM-elementen selecteren en basiscontent aanpassen met behulp van de console voor debugging.
-
-
Introduction
In deze afsluitende sectie verbind je alle basiskennis (HTML, CSS en JavaScript) tot één helder overzicht. Je checkt of je de kernbegrippen kunt herkennen, uitleggen en toepassen in typische opdrachten in training. Ook bepaal je welke vervolgstappen het beste passen bij jouw leerdoelen en praktijkcontext.
Learning Objectives
-
Je vat de belangrijkste concepten uit de training samen in eigen woorden.
-
Je herkent welke onderdelen (HTML/CSS/JS) je nodig hebt voor een gegeven opdracht.
-
Je formuleert een concreet persoonlijk vervolgplan met 2–3 leerdoelen.
-