Buchen Sie Ihr Wunschseminar als Präsenz-Schulung bei uns im Schulungszentrum in Köln, als Inhouse-Schulung bei Ihnen oder als Online-Training - ganz wie es für Sie am besten passt!
Mehr InfosBitte wählen Sie die Bereiche, die Sie exportieren möchten:
Schulung Web-Komponenten benutzerdefiniert erstellen
Von der Idee zur Umsetzung
Schulungsformen
Inhouse-/Firmenschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- Preis nach Angebot
- In Ihrem Hause oder bei der GFU
- Online, Präsenz oder Hybrid
- Lernumgebung in der Cloud
Individualschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- Preis nach Angebot
- In Ihrem Hause oder bei der GFU
- Online, Präsenz oder Hybrid
- Lernumgebung in der Cloud
Beschreibung
- Strukturierte Agenda: Das Seminar hat eine klare und detaillierte Agenda, die von den Grundlagen bis zu fortgeschrittenen Themen reicht und auch Best Practices und praktische Übungen umfasst. Dies ermöglicht einen ganzheitlichen Ansatz.
- Praxisorientiert: Mit Themen wie gemeinsamer Entwicklung, Code-Review und einem Abschlussprojekt bietet das Seminar praktische Erfahrungen und nicht nur theoretisches Wissen.
- Umfassende Abdeckung: Das Seminar deckt alle wichtigen Aspekte der Entwicklung benutzerdefinierter Web-Komponenten ab, einschließlich, aber nicht beschränkt auf, Cross-Framework-Kompatibilität, Performance-Optimierungen und Dokumentation.
- Team- und Skill-Building: Die Agenda beinhaltet Teamübungen und Code-Reviews, was es zu einer ausgezeichneten Gelegenheit für Teamarbeit und für den Aufbau von sowohl technischen als auch soft Skills macht.
- Nachhaltige Entwicklung: Durch die Abdeckung von Best Practices und durch das Fokus auf Dokumentation und Code-Qualität wird sichergestellt, dass die erlernten Fähigkeiten nachhaltig und in realen Projekten anwendbar sind.
Schulungsziel
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.
Details
Wer teilnehmen sollte
- 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.
Ihre Schulung
Präsenz-Schulung | Online-Schulung |
|---|---|
| Lernmethode | |
Ausgewogene Mischung aus Theorie und Praxis | Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent. |
| Unterlagen | |
Seminarunterlagen oder Fachbuch inklusive. Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. | Seminarunterlagen oder Fachbuch inklusive (per Post). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. |
| Arbeitsplatz | |
|
|
| Lernumgebung | |
Neu aufgesetzte Remote-Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter, sodass Sie über ein perfektes Setup für die Durchführung aller praktischen Übungen verfügen. | |
| Arbeitsmaterialien | |
Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its | |
| Teilnahmebescheinigung | |
Die Teilnahmebescheinigung inkl. Inhaltsverzeichnis wird Ihnen am Ende des Seminars ausgehändigt. | Die Teilnahmebescheinigung inkl. Inhaltsverzeichnis wird Ihnen per Post zugesandt. |
Organisation
Präsenz-Schulung | Online-Schulung | |
|---|---|---|
| Teilnehmendenzahl | ||
min. 1, max. 8 Personen | ||
| Garantierte Durchführung * | ||
Ab 1 Teilnehmenden | ||
| Schulungszeiten | ||
| ||
| Ort der Schulung | ||
 GFU SchulungszentrumAm Grauen Stein 27 51105 Köln-Deutz oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung Das Hygienekonzept wurde mit professioneller Hilfe umgesetzt und mit der zuständigen Behörde abgestimmt. Gerne stellen wir Ihnen dieses zur Verfügung. Darüber hinaus haben wir zu Ihrer Sicherheit das Schulungszentrum mit insgesamt 17 Trotec TAC V+ Hochleistungsluftreinigern ausgestattet. Durch die neuartig entwickelte Filtertechnik (H14 zertifiziert nach DIN EN1822) wird die Raumluft mehrfach stündlich umgewälzt und infektiöse Aerosole im HEPA-Virenfilter zu 99.995% abgeschieden und abgetötet. Zusätzlich sind alle Räume mit CO2 Ampeln ausgestattet, wir stellen Ihnen gerne zertifizierte FFP2 Masken zur Verfügung. | ||
| Räumlichkeiten | ||
Helle und modern ausgestattete Räume mit perfekter Infrastruktur | Bequem aus dem Homeoffice von überall | |
| All-Inclusive | ||
Frühstück, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch | Eine Auswahl unserer Frühstücks-Snacks und Nervennahrungs-Highlights senden wir Ihnen mit den Seminarunterlagen per Post zu. | |
| Barrierefreiheit | ||
Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei | - | |
Kostenfreie Services
Präsenz-Schulung | Online-Schulung |
|---|---|
|
|
Inhalt
- Was sind Web-Komponenten?
- Definition und Konzepte
- Custom Elements, Shadow DOM und Templates
- Beispiel und Demo
- Vorteile und Anwendungsfälle von Web-Komponenten
- Wiederverwendbarkeit und Isolation
- Cross-Framework-Kompatibilität
- Realwelt-Beispiele
- Überblick über HTML, CSS, JavaScript
- Grundlagen und Syntax
- DOM-Manipulationen
- Ereignisbehandlung
- Einführung in den Shadow DOM
- Was ist Shadow DOM?
- Vorteile der Verwendung
- Beispielszenarien
- Browser-Kompatibilität und Polyfills
- Unterstützung in modernen Browsern
- Verwendung von Polyfills
- Testen der Kompatibilität
- Einrichten der Entwicklungs-Umgebung
- Installation benötigter Software
- Projektstruktur
- Versionskontrolle
- Wahl der richtigen Tools und Libraries
- Ü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
- 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
Buchungsmöglichkeiten
Teilnahme auch online möglich
Auf Wunsch können unsere Seminare auch als Online Seminar (Virtual Classroom) gebucht oder angefragt werden. Klicken Sie einfach bei Ihrer Buchung oder Anfrage die entsprechende Option an.
Inhouse-/Firmenschulung
Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
- Online, Präsenz oder Hybrid
- Komplette Lernumgebung in der Cloud mit Remote Zugriff
Individualschulung
Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
- Online, Präsenz oder Hybrid
- Komplette Lernumgebung in der Cloud mit Remote Zugriff
FAQ für Inhouse Schulungen
Was bedeutet Offene Schulung und Inhouse Schulung?
Bei einer offenen Schulung stehen Ort und Termin vorab fest. Jeder Interessent kann eine offene Schulung buchen, daher treffen Teilnehmer aus verschiedenen Unternehmen aufeinander.
Inhouse Schulungen können auf Ihren individuellen Schulungsbedarf zugeschnitten werden. Sie bestimmen den Teilnehmerkreis, Termin und Schulungsort.
Ist eine Inhouse Schulung die richtige Wahl?
Bei einer Inhouse Schulung gehen wir auf die individuellen Bedürfnisse Ihres Unternehmens ein und decken den Schulungsbedarf direkt bei Ihnen im Unternehmen ab.
Das spart Zeit und Geld und sorgt für einen schnellen Wissenstransfer Ihrer Mitarbeiter.
Wer kümmert sich um die Technik bei Inhouse Schulungen?
Eine komplette Lernumgebung in der Cloud mit Remote Zugriff ist für uns selbstverständlich. Sie müssen sich um nichts kümmern. Lediglich ein funktionierender PC oder Notebook mit Internetanschluss sollte für jeden Teilnehmer am Schulungstag bereit stehen.
Vorteile einer Inhouse Schulung
- Kompetente Seminarberatung
- Dozenten aus der Praxis
- Auf Ihre Bedürfnisse zugeschnittener individueller Lernstoff
- Sie können den Termin flexibel gestalten, so wie es für Sie am besten passt
- Unsere Inhouse Schulungen können Europaweit durchgeführt werden
- Der Fokus liegt auf Ihrem Schulungsbedarf, somit schonen Sie Ihr Budget
- Wissenslücken Ihrer Mitarbeitet werden schnell geschlossen