Ontdekken van Bootstrap: Bouw Responsieve Websites

Ontdekken van Bootstrap: Bouw Responsieve Websites

Lesdoelen

Aan het einde van de les kun je uitleggen wat Bootstrap is en hoe je het kunt gebruiken om een responsieve website te bouwen.

Wat weet je al over CSS framework Bootstrap?

Activeren van voorkennis

Bespreek kort wat de studenten al weten over HTML, CSS, flexbox en grid.

Introductie van Bootstrap

Wat is Bootstrap? Waarom is het handig? Hoe past het in webontwikkeling?

Voorbeeld van Bootstrap

Toon een voorbeeld van een eenvoudige webpagina opgemaakt met Bootstrap.

Klassikale oefening

Samen een simpele webpagina maken met behulp van Bootstrap.

Individuele oefening

Laat de studenten individueel een eigen webpagina maken met behulp van Bootstrap.

Na bespreking

Bespreking van de gemaakte webpagina's en feedback geven.

Differentiëren

Afhankelijk van de voortgang: extra oefening of verdiepingsopdracht.

Lesdoelen toetsen

Korte quiz of opdracht om de kennis over Bootstrap te testen.

Schrijf 3 dingen op die je deze les hebt geleerd.

De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.

Schrijf 2 dingen op waarover je meer wilt weten.

De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.