Labo 06 - Bootstrap

Uitleg

We moesten een voorbeeld website pagina nabootsen door Bootstrap te gebruiken, dit is een CSS-framework. Dit werkt door een hele grote CSS-bestand te hebben die eigenlijk dient als library, dit werkt door elk mogelijke CSS-commando in een aparte class en dan hoef je eigenlijk alleen HTML schrijven en de classes toe wijzen.

Handige links

ChatGPT heb ik af en toe gebruikt omdat ik niet altijd wist hoe ik moest starten aan een bepaalde opdracht/ welke functie ik daar voor moest gebruiken. Dan kopieerde ik de opdracht in chatGPT en hij gaf mij welk commando ik moest gebruiken en dan ging ik naar mozilla voor mij te verdiepen in dit commando.

Nadat ik door chatGPT de juiste commando gekregen heb, kan ik dit daarna opzoeken in de catalogus van Mozilla om te weten komen hoe dit werkt en zelf implementeren in mijn code. Want soms staat er hier te veel in om gewoon te zoeken naar welke commando juist gaat werken, daarvoor is chatGPT.

Reflectie

Goed

Het meeste van de website was heel makkelijk om te reproduceren, de classes waren voor mij heel duidelijk en ik begreep dit snel.

Slechter

Het maken van de carousel ging niet zo vlot om het juiste formaat te verkrijgen en dat de tekst de correcte grootte had bij de Responsive.

Niet zeker

Het ging niet zo soepel om de BaguetteBox te integreren, maar is uiteindelijk gelukt.