Week 1: HTML en CSS 1¶
In deze eerste week kijken we naar de algemene architectuur van het web, bespreken we de verhouding tussen de voor- en de achterkant van webapplicaties en gaan we nog wat dieper in op html en css.
Plenaire deel¶
In deze eerste week gaan we dieper in op HTML en CSS. We bouwen verder op webtechnologie 1 (dat in de propdeuse gegeven wordt) en op de eerste week van webtechnologie 2 (periode 2.3). We gaan hier in op de exacte werking van deze technieken, bespreken de meer semantische elementen en kijken hoe je kunt ontwerpen voor toegankelijkheid.
Na deze meer theoretische inleiding bekijken we de technieken die de web-ontwikkelaar ten dienste staan om op een goede en effectieve manier te werken. We gaan uitgebreid in op de development-tools en laten aan de hand van uitgebeide voorbeelden zien hoe deze kunnen worden ingezet.
Practicum¶
Aan de hand van specifieke en concrete opdrachten zullen tijdens het practicum verschillende voorbeelden uitgewerkt worden, waarbij geëxperimenteerd wordt met complexe matching rules, reflection en global attributes. We zullen aan de hand van een eenvoudige zelfgemaakte browser de flow layout demonstreren.
We kijken ook naar meer creatieve websites, zoals
- Live web coding performance, een soort VJ'en in de JavaScript console: https://player.vimeo.com/video/318721981?dnt=true
- Scultpuren van websites: https://jip.debeer.it/facebook-in-gold/ en https://jip.debeer.it/google-in-gold/
- http://motherfuckingwebsite.com/ en http://bettermotherfuckingwebsite.com/ en https://thebestmotherfucking.website/
- https://theuselessweb.com/
- https://pointerpointer.com/