Lab 06 - CSS frameworks

Goals

Understand what a CSS framework is, explore its components, and learn how to use it effectively. Gain a basic understanding of JavaScript functionality, implement plug-and-play libraries like BaguetteBox, and work with documentation to use frameworks or libraries. Learn the principles of functional CSS and OOCSS, and be able to build correct, semantic, and validated HTML pages from a screenshot.

Description

In this lab, you will explore CSS frameworks, particularly Bootstrap, and learn how to use its components to recreate a website from screenshots. You will practice building responsive layouts with the grid system, implement a hero section, cards, a carousel, and an image gallery using BaguetteBox. The lab also reinforces understanding of functional CSS, OOCSS, semantic HTML, and validated code, while applying plug-and-play JavaScript libraries without writing custom scripts.

Related links

• Bootstrap getting started

  Bootstrap

Reflection

• What went well?

  It was easy to convert from procedural to object-oriented programming

• What could have gone better?

  Will be added when I get my results

• What went bad?

  Will be added when I get my results