Das Wissensportal für IT-Professionals. Entdecke die Tiefe und Breite unseres IT-Contents in exklusiven Themenchannels und Magazinmarken.

SIGS DATACOM GmbH

Lindlaustraße 2c, 53842 Troisdorf

Tel: +49 (0)2241/2341-100

kundenservice@sigs-datacom.de

Was sind eigentlich Web Components?

Für die Erstellung von Benutzeroberflächen im Web sind HTML, CSS und JavaScript gesetzt. Doch die Wiederverwendung und Kapselung von so erstellten Komponenten lässt zu wünschen übrig. Um eine fertige Komponente zu nutzen, muss man das HT-ML übernehmen und passendes CSS und JavaScript separat einbinden. Web Components versprechen, hier zu helfen. In dieser Kolumne schauen wir uns gemeinsam an, was Web Components sind und wie diese funktionieren.

Das Ziel von Web Components [WebComponents] liegt darin, wiederverwendbare Komponenten für das Web zu bauen. Damit diese sauber wiederverwendbar sind, liegt das Augenmerk primär auf der Eigenschaft der Kapselung.

Web Components besteht dabei primär aus drei Web-APIs, um diese Ziele zu erreichen:

  • Custom Elements [CustomElements],
  • Shadow DOM [ShadowDOM],
  • HTML Templates [HTMLTemplates].

Doch bevor wir uns mit einem Beispiel in die Praxis der einzelnen Bestandteile wagen, sollten wir ein gemeinsames V…

Nächster Artikel
Gemeinsam das Richtige bauen