Ga naar inhoud

Week 2: HTML en CSS 2

Deze week ronden we het materiaal over html en css voor wat betreft dit thema (en de opleiding) af. Deze technieken zijn dusdanig uitgebreid dat ze op zichzelf een hele opleiding zouden legitimeren (die ook bestaat), maar voor software engineers is het voldoende een meer dan hands-on kennis van te hebben. Specifiek gaan we deze week in op media queries, het concept van de flexbox, de shadow DOM en user components. Met behulp van deze technieken maken we onze websites responsive en zorgen we voor cross browser support.

Plenaire deel

Deze week gaan we in op de werking van de flexbox, de shadow DOM en user components, de verschillen met de meer traditionele html/css-elementen en de problemen waar deze technieken een oplossing voor proberen te vormen. We kijken naar specifieke use cases die hiermee gepaard kunnen gaan.

Behalve een meer theoretische aanpak, zal ook de praktijk aan bod komen. Aan de hand van live coding zullen voorbeelden en uitwerkingen de revue passeren, waarbij de mogelijkheden (en problemen natuurlijk) duidelijk gemaakt worden. Deze praktische aanpak zal zijn weerslag hebben in het hierbij horende practicum.

CSS Flexbox

Practicum

Ook tijdens het practicum staan media queries, css-animations en positioning (met name de flexbox. Elk van deze onderwerpen zal aan de hand van een kleine concrete en specifieke opgave worden uitgediept.

Literatuur