Das Seminarziel ist die umfassende Qualifikation der Teilnehmer in der Entwicklung von benutzerdefinierten Web-Komponenten. Es strebt an, sowohl das technische Know-how als auch das Verständnis für bewährte Methoden in der modernen Webentwicklung zu vertiefen. Dabei legt das Seminar besonderen Wert auf die Anwendbarkeit der erlernten Fähigkeiten über verschiedene Frameworks hinweg und betont die Bedeutung von Teamarbeit und qualitativ hochwertigem Code. Die Absolventen sollten am Ende in der Lage sein, das Gelernte nahtlos in ihre berufliche Praxis zu integrieren, um effiziente und nachhaltige Webanwendungen zu entwickeln.
Übersicht über vorhandene Libraries (LitElement, Stencil, etc.)
Installation und Konfiguration
Einfache Beispiele
Erstellung einer einfachen Web-Komponente
Basisstruktur und Syntax
Attribute und Methoden
Erstes Beispielprojekt
Debugging-Tools und Techniken
Browser-Entwicklertools
Debugging im Shadow DOM
Common Pitfalls
Unit Testing und Integration Testing
Einführung in Testing-Frameworks
Schreiben von Testfällen
Automatisierung und CI/CD
Attribute und Eigenschaften in Web-Komponenten
Unterschied zwischen Attributen und Eigenschaften
Synchronisation und Datenfluss
Beispielimplementierung
Datenbindung und Kommunikation zwischen Komponenten
Event Handling und Custom Events
Datenfluss und State Management
Anwendungsbeispiele
Lebenszyklus-Callbacks und Methoden
connectedCallback, disconnectedCallback etc.
Use-Cases und Best Practices
Demo und Übungen
Styling: Scoped CSS und CSS-Variablen
Einführung in Scoped CSS
Verwendung von CSS-Variablen
Theming und Styling-Tricks
Integration mit verschiedenen Frameworks
Angular und Custom Elements
React und Refs
Vue und lokale Registrierung
Code-Qualität und Best Practices
Code-Organisation und -Strukturierung
Code-Style und Linting
Sicherheitsaspekte
Performance-Optimierungen
Lazy Loading und Code-Splitting
Ressourcen-Optimierung
Messung und Monitoring
Erstellen der Dokumentation
Wichtige Dokumentationspunkte
Werkzeuge für die Dokumentation
ReadMe und API-Dokumente
Gemeinsame Entwicklung einer benutzerdefinierten Web-Komponente
Planung und Aufteilung der Aufgaben
Entwicklung im Team
Abschließende Präsentation
Code-Review und Abschlussdiskussion
Best Practices für Code-Reviews
Feedback und Verbesserungspunkte
Nächste Schritte und Ressourcen
Dauer/zeitlicher Ablauf:
3 Tage
Zielgruppe:
Einsteiger in der Webentwicklung : Für diejenigen, die gerade erst in der Webentwicklung Fuß fassen, bietet das Seminar eine solide Einführung in moderne Technologien und Best Practices.
Erfahrene Entwickler : Für Profis, die bereits Erfahrung in der Webentwicklung haben, aber nicht mit der Erstellung benutzerdefinierter Web-Komponenten vertraut sind, bietet das Seminar eine Gelegenheit, ihre Fähigkeiten zu erweitern und auf dem neuesten Stand zu bleiben.
Frontend-Entwickler : Personen, die bereits mit HTML, CSS und JavaScript vertraut sind, aber ihr Wissen vertiefen und mehr modularen und wiederverwendbaren Code schreiben möchten.
Backend-Entwickler : Entwickler, die sich meist auf die Serverseite konzentrieren, könnten durch das Seminar einen wertvollen Einblick in die Frontend-Entwicklung erhalten und somit ein umfassenderes Verständnis für Full-Stack-Entwicklung erlangen.
Teamleiter und Projektmanager : Für diejenigen, die Teams leiten oder Projekte managen, kann das Seminar wertvolle Einblicke in die besten Methoden für effiziente und nachhaltige Webentwicklung bieten.
UI/UX-Designer : Auch Designer, die ein besseres Verständnis für die technische Umsetzung ihrer Designs erhalten möchten, könnten von den Inhalten profitieren.
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern.
Diese Cookies werden nicht automatisiert gesetzt.
Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren.
Weitere Informationen finden Sie hier.
