Lunch sessie: Taking Tabs on Web
Coltbaan 4D![](http://images.ctfassets.net/1qghdhd9ht4y/4YdrMgPWCSP6DIutMY41O1/25761bb20c947884caa51179b2ff3b1a/1716466523108.jpeg)
Emil van Galen had weer een diepgaande lunchsessie tot in de puntjes uitgewerkt met een groot deel aan live coding. Zijn Expert Groep “Use the Web Platform” zoekt uit hoe je als front-end developer de kracht van het web platform nog beter kan gebruiken. In deze sessie is hij dieper ingegaan op het maken van Web Components zonder enige hulp van een library. Het was een showcase van <ui-tab> elementen die ook accessible (ARIA) zijn met toetsenbord navigatie. In de live demo laat Emil zien hoe je dit stapsgewijs kan opzetten, door een flow te laten die start met statisch HTML, naar Custom Elements, HTML templates (en innerHTML), CSS in JS, om vervolgens gebruik te maken van de Declarative Shadow DOM (DSD). Om zo naar de Key Takeaways te werken dat: - Web Components erg krachtig is - Shadow DOM best nuttig kan zijn - Vanilla JS wel verbose is; dus de hulp van Lit of wat kleine helpers aan te raden is Bedankt Emil voor weer een toffe en diepgaande sessie die ons inzicht geeft in wat er allemaal mogelijk is met het Web Platform.