Labo 06 - Bootstrap
Goals of the exercise
- Begrijpen wat een CSS Framework is.
- Onderzoeken welke componenten het gekozen CSS Framework bevat.
- Begrijpen wat JavaScript doet zonder het zelf te moeten schrijven.
Description
Deze opgave gaat ervan uit dat je weet wat CSS-frameworks zijn en hoe je met bootstrap classes een basisdocument kunt opmaken. Daarnaast weet je ook wat functional CSS en OOCSS zijn, en begrijpt hoe deze methodes werken en van elkaar verschillen. Je weet wat JavaScript is en weet hoe een plug-and-play bibliotheek aan te passen en was aanwezig was bij de theorie over deze onderwerpen. In deze opdracht ga je aan de slag met het Bootstrap CSS-framework. Je maakt een eenvoudige portfolio-pagina met behulp van Bootstrap-componenten en -utilities. Je past de styling aan om het een persoonlijk tintje te geven, maar je schrijft zelf geen JavaScript-code. Je integreert wel enkele interactieve elementen zoals een navigatiebalk en modals door gebruik te maken van de ingebouwde functionaliteiten van Bootstrap.
Related links
Nothing to see here :)Reflection
-
Woaw!
Bootstrap is al bekend bij mij, maar door deze oefening heb ik een dieper inzicht gekregen in hoe je snel een responsieve en aantrekkelijke website kunt bouwen met behulp van vooraf gebouwde componenten.
-
Aauuw!
Het was soms lastig om de juiste componenten en utilities te vinden die precies pasten bij wat ik wilde bereiken. Het aanpassen van de standaard Bootstrap-styling om het unieker te maken, vereiste ook wat extra moeite.
-
Not sure?
Ik had kleine probleempjes met het importeren via CDN, maar dit is uiteindelijk gelukt.