Ontdek CSS Frameworks: Tailwind vs. Bootstrap

Ontdek CSS Frameworks: Tailwind vs. Bootstrap

Lesdoelen

Aan het einde van de les kun je het verschil uitleggen tussen Tailwind en Bootstrap en kun je een basisontwerp maken met Tailwind.

Wat weet je al over CSS frameworks?

Oriënteren: Voorkennis activeren

Bespreek kort wat de studenten al weten over CSS frameworks, inclusief hun ervaring met Bootstrap.

Inleiding tot Tailwind

Uitleg over wat Tailwind CSS is en hoe het verschilt van traditionele frameworks zoals Bootstrap.

Voorbeeld van Tailwind

Demonstratie van het gebruik van Tailwind classes voor het stylen van een eenvoudige webpagina.

Klassikale oefening: Tailwind vs. Bootstrap

Vergelijkende analyse van hetzelfde ontwerp gemaakt met Tailwind en Bootstrap.

Individuele oefening: Tailwind styling

Laat de studenten individueel een eenvoudig ontwerp maken met behulp van Tailwind classes.

Na bespreking

Bespreking van de individuele oefening en het delen van beste praktijken bij het gebruik van Tailwind.

Differentiëren: Verdere toepassing

Geef een verdiepende opdracht waarbij de studenten een meer complex ontwerp maken met Tailwind.

Terugblikken: Lesdoelen toetsen

Evalueer de lesdoelen door te vragen naar het verschil tussen Tailwind en Bootstrap en de toepassing van Tailwind classes.

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.