Labo 06

Doelstellingen van de oefeningen

• 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.

Omschrijving van de oefening

In deze oefening moet je gebruik maken van bootstrap om webpagina te style zonder self css te schrijven. Je doet dit door een de bootstrap stylesheet te linken in je head. Daarna kan je classes aanroepen voor de styling. Om te weten welke class je waar moet gebruiken kan je de bootstrap docs raadplegen.

Gebruikte websites/Tools

• axe DevTools - Web Accessibility Testing
• Bootstrap docs
• W3C HTML-validator.

Reflectie

• Wat ging goed?

  • De basis opmaak van de pagina
  • Hero-section

• Wat was lastig?

  • Het logo links boven in de nav mooi laten passen in de nav.
  • De baguetteBox
  • De cards-section

• Wat laat je twijfelen?

  • De baguetteBox.