Labo 06 - CSS-Frameworks (Bootstrap)
Doelen van de oefening:
- Begrijpen wat een CSS Framework is.
- Onderzoeken welke componenten het gekozen CSS Framework bevat.
- Begrijpen wat JavaScript doet zonder het zelf te moeten schrijven.
- Implementeren van een plug-and-play bibliotheek zoals baguetteBox.
- Aan de hand van documentatie een bibliotheek of framework kunnen gebruiken.
- Begrijpen wat functional CSS en OOCSS zijn en hoe ze werken.
- HERHALING: je kan op basis van een screenshot een correcte, semantische en gevalideerde HTML-pagina bouwen.
Beschrijving van het labo:
In dit labo moesten we een website nabouwen aan de hand van screenshots. De bedoeling was dat we deze pagina's zo exact mogelijk na maakten met Bootstrap. We kregen screenshots van de Mobile Mode, Tablet Mode en de Desktop Mode, zodat de website volledig responsive was. We moesten we ook een baguetteBox toevoegen. Het was vooral belangrijk de website zo exact mogelijk na te maken volgens de screenshots.
Link's:
Hier is een lijste met al de websites die ik heb gebruikt tijdens het schrijven van mijn code
Reflectie:
Ik vond dit labo heel leuk om te maken. Je kon heel flexibel blijven nieuwe classes toe voegen totdat je precies het resultaat kreeg dat je wilde. Het was ook vrij makkelijk, omdat je zelf geen CSS moest schrijven en alles met Bootstrap kon Programeren.
Oplossing Labo 06