Ontdekken van Bootstrap: Bouw Responsieve Websites

Ontdekken van Bootstrap: Bouw Responsieve Websites
1 / 14
volgende
Slide 1: Tekstslide

In deze les zitten 14 slides, met interactieve quizzen en tekstslides.

Onderdelen in deze les

Ontdekken van Bootstrap: Bouw Responsieve Websites

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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.

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Wat weet je al over CSS framework Bootstrap?

Slide 3 - Woordweb

Deze slide heeft geen instructies

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

Slide 4 - Tekstslide

Deze slide heeft geen instructies

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

Slide 5 - Tekstslide

Deze slide heeft geen instructies

Voorbeeld van Bootstrap
Toon een voorbeeld van een eenvoudige webpagina opgemaakt met Bootstrap.

Slide 6 - Tekstslide

Deze slide heeft geen instructies

Klassikale oefening
Samen een simpele webpagina maken met behulp van Bootstrap.

Slide 7 - Tekstslide

Deze slide heeft geen instructies

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

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Na bespreking
Bespreking van de gemaakte webpagina's en feedback geven.

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Differentiëren
Afhankelijk van de voortgang: extra oefening of verdiepingsopdracht.

Slide 10 - Tekstslide

Deze slide heeft geen instructies

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

Slide 11 - Tekstslide

Deze slide heeft geen instructies

Schrijf 3 dingen op die je deze les hebt geleerd.

Slide 12 - Open vraag

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.

Slide 13 - Open vraag

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.

Slide 14 - Open vraag

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.