Web Components Introduction

🇩🇪

Web Components sind eine Reihe von Standards, die derzeit von Google-Ingenieuren als W3C-Spezifikation entwickelt werden und die die Erstellung von wiederverwendbaren Widgets oder Komponenten in Webdokumenten und Webanwendungen ermöglichen. Die Absicht dahinter ist, die komponentenbasierte Softwaretechnik in das World Wide Web zu bringen. Das Komponentenmodell ermöglicht die Kapselung und Interoperabilität einzelner HTML-Elemente. (Wikipedia)

In diesem Vortrag werde ich die Bedeutung des Einsatzes von Web Components vermitteln und erklären, warum Webentwickler sie unbedingt brauchen. Ich werde über den Stand der Browserkompatibilität sprechen und wie man Web Components in nicht kompatiblen Browsern verwendet. Ich zeige dir, wie du Web Components verwendest und erkläre, wie sie funktionieren. Ein grosser Teil des Vortrags befasst sich mit der Erstellung eigener Webkomponenten, die ich mit Live-Coding-Beispielen untermauern werde.

Um diesen Vortrag vollständig zu verstehen, sollten die Teilnehmenden über Grundkenntnisse in HTML, CSS und JavaScript verfügen.

🇬🇧

Web Components are a set of standards currently being produced by Google engineers as a W3C specification that allow for the creation of reusable widgets or components in web documents and web applications. The intention behind them is to bring component-based software engineering to the World Wide Web. The components model allows for encapsulation and interoperability of individual HTML elements. (Wikipedia)

During this talk I will convey to you the significance of using Web Components and explain why web developers need them. I’ll talk about the state of browser compatibility and how to use Web Components in browsers that are not compatible. I’ll demonstrate to you how to use Web Components and explain how they work. A significant part of this talk is about creating your own Web Components, which I’ll compliment with live coding examples.

To fully understand this talk the attendees should have a basic knowledge of HTML, CSS and JavaScript.