Web Components mit Lit
Wiederverwendbare Komponenten für das Web bauen? Das ist möglich mit Lit und dem Web Components Standard, die zusammen eine sehr leichtgewichtige und komfortable Möglichkeit bieten, Komponenten im Web bereitzustellen und beliebig in modernen Browsern einzusetzen. Dadurch sparen Sie Zeit und verringern das Fehlerpotenzial.
Seminarziele
Für die Entwicklung von Web-Anwendungen als Single Page Application (SPA) existiert heutzutage eine Vielzahl von Frameworks, wie z. B. Angular oder Vue.js. Während diese Frameworks zwar einen hohen Komfort in der Entwicklung bieten, ist eine Wiederverwendung von entwickelten Komponenten häufig schwierig oder gar nicht vorgesehen. Der Web Components Standard bietet die Möglichkeit, wiederverwendbare und leichtgewichtige Komponenten zu entwickeln, die ohne zusätzliche Abhängigkeiten im Browser eingesetzt werden können. Ein schwergewichtiges Framework wird damit überflüssig. In dieser Schulung lernen Sie, wie Sie mit Hilfe der sehr leichtgewichtigen Bibliothek LitElement Komponenten für das Web bauen und diese mit wenigen zusätzlichen Funktionen zu einer Single Page Application ausbauen.
Zielgruppe
- Entwickler, die bereits Erfahrungen in der Entwicklung von Web-Anwendungen mit JavaScript und TypeScript gesammelt haben.
- Architekten, die Interesse an schlanken und Framework-unabhängigen Frontend-Architekturen haben.
Unsere nächsten Termine
netto
- Modulbundling mit webpack
- Einstiegspunkte für Abhängigkeitsgraphen
- Loader für verschiedene Sprachen, wie z. B. TypeScript oder CSS/SASS
- Wie berücksichtigt man verschiedene Browser, die unterschiedliche (CSS-/JavaScript-)Features unterstützen?
- Grundlagen der Web Components
- HTML Templates: Wiederverwendbare Vorlagen für HTML-Fragmente
- Custom Elements: JavaScript-API, um eigene HTML-Elemente definieren zu können
- Shadow DOM: JavaScript-API, um abgeschlossenen DOM-Baum erzeugen zu können
- Templates mit lit-html
- Ermöglicht die komfortable Erstellung von HTML Templates mit Hilfe sog. “Tagged Templates”
- Mit LitElement verbinden Sie die Kenntnisse von Tag 1, um komfortabel Custom Elements zu erstellen
- Clientseitiges Routing ermöglicht die Navigation innerhalb einer Anwendung
- Verwendung der History API
- Wie implementiert man clientseitiges Routing in einer Single Page Application?
- Mit Formularen können Daten innerhalb einer Anwendung erfasst werden
- HTML-basierte Validierung
- Verwendung der Constraint Validation API
- Die Fetch-API ermöglicht die Server-Kommunikation über ein modernes Interface
Voraussetzungen
Kenntnisse und Erfahrungen in der Entwicklung mit JavaScript und idealerweise auch TypeScript werden vorausgesetzt. Außerdem sollten grundlegende Kenntnisse über HTML vorliegen.
Umfang des Seminars
Das Seminar findet an zwei Tagen statt. Am ersten Tag werden die Grundlagen zum W3C-Standard der Web Components sowie zur notwendigen Tool-Unterstützung gelegt. Darauf aufbauend werden am zweiten Tag die Konzepte und Lösungen für eine Single Page Application vermittelt.
Referenten (exemplarisch)
Prof. Dr. Norman Lahme-Hütig unterrichtet an der Fachhochschule Münster Studierende im Bereich Web und Mobile Engineering und hat als Berater in zahlreichen Projekteinsätzen mittelständische und große Unternehmen bei der Entwicklung von Web-Lösungen begleitet. Für die viadee ist er als Experte des Kompetenzbereichs Web & Mobile im Einsatz.
Patrick Schröer unterstützt als IT-Consultant und IT-Architekt Unternehmen bei der Umsetzung von Web-Lösungen und hat langjährige Erfahrung in der Entwicklung mit JavaScript und TypeScript. In der viadee verantwortet er den Kompetenzbereich Web & Mobile.
HABEN SIE INTERESSE AN EINEM PRAXISNAHEN EINSTIEG IN DIE ENTWICKLUNG VON SCHLANKEN UND WIEDERVERWENDBAREN KOMPONENTEN FÜR DAS WEB?
Stehen Sie vor einem größeren Web-Projekt und möchten Ihre Mitarbeiter zielgenau auf den Einsatz vorbereiten?
- viadee-Seminare werden durch zwei Trainer geleitet, um die Intensität und Effektivität für alle Teilnehmenden zu gewährleisten.
- Die Seminarinhalte können in vorbereitenden Gesprächen an die Bedürfnisse Ihres Unternehmens angepasst werden.
- Das Seminar kann in Ihrem Unternehmen, oder in den Geschäftstellen der viadee durchgeführt werden.
Veranstaltungsort
viadee Unternehmensberatung in Köln, Münster oder Dortmund oder in Ihrem Unternehmen
Termin auf Anfrage
Zielgruppe
Entwickler
Architekten
Seminar anfragen
Wenn Sie ein Seminar buchen möchten, oder weitere Informationen benötigen, zögern Sie nicht uns zu kontaktieren.
Agile Methoden 
Business Process Management 
Clean Code 
Cloud 
IT-Sicherheit 
Java & Architektur 
Legacy IT 
Frontend-Entwicklung 
Robotic Process Automation 
Software-Qualitätssicherung