Web Components, ganz ohne Framework! Live & in Action

Session Abstract

Jeder kennt es: Kapselung und Wiederverwendung von UI-Komponenten im Web sind sehr mühsam. Meist ist es ein Zusammenkopieren von HTML, CSS und JavaScript, oftmals über eine oder mehrere Dateien verteilt. Vergisst man einen Teil, sieht es nicht wie gewünscht aus oder die Interaktion funktioniert nicht. Doch damit ist jetzt Schluss! Mit Web Components eröffnen sich neue Wege im Web, um UI-Komponenten standardisiert und ganz ohne Framework implementieren und verwenden zu können. In dieser Session zeigt Patrick Jahr die wichtigsten Punkte für die erste eigene Web Component mit den Standards HTML Templates, Custom Elements und Shadow DOM. Alles Live mit VSCode, Chrome und den DevTools – in Action!

Related Articles

blazor
Re-Using Angular components in a Blazor WebAssembly application using Angular Elements - Web Components custom elements, FTW!
Setting the scene - Blazor integrations Microsoft's Blazor WebAssembly toolkit is one of the new kids on the block in WebAssembly land. For many developers WebAssembly (or WASM) is the origin for a new revolution in the web. We can finally(?) use other languages and frameworks…
Christian Weyer
blazor
Running Your ASP.NET Core Blazor WebAssembly Application as a Progressive Web App (PWA)
Setting the scene - Blazor integrations As already outlined in my previous article, a Blazor application almost always has to integrate with the JavaScript world, and especially with the DOM layer in the browser. In this article, I am going to quickly show you how to transform…
Christian Weyer
entity framework core
Is "N+1 Queries" still a performance issue in Entity Framework Core 3?
In a previous post we saw that EF 2.1 is highly susceptible to the N+1 queries problem. After the release of a new version of Entity Framework Core (EF) the first question coming to mind is: "Is it still a big issue in EF 3.1?" And if the answer is no, is there anything else we…
Pawel Gerr
electron
Electron Cross-Plattform Desktop Apps - Teil 1: Basics, Architektur, Demo, Vergleich [Screencast]
Thinktecture Cloud-Native und Infrastructure as Code Spezialist Thorsten Hans erklärt in einer vierteiligen Serie das von GitHub ins Leben gerufene Framework Electron. Der erste Teil führt kurz in die Entstehung ein, die Gründe es zu verwenden, erklärt die Architektur und stellt…
Thorsten Hans