settings
Süddeutsche Zeitung Institut Auszeichnung
 Image
Alle JavaScript Schulungen

Schulung Entwicklung von Webkomponenten

3 Tage / S2335
19 Teilnehmende bisher

Schulungsformen

Offene Schulung


  • Dritter Mitarbeitende kostenfrei
  • Learning & Networking in einem. Garantierte Durchführung ab 1 Teilnehmenden.
Präsenz Online

Inhouse-/Firmenschulung

  • 3 Tage - anpassbar
  • Termin nach Wunsch
  • Preis nach Angebot
  • In Ihrem Hause oder bei der GFU

  • Lernumgebung in der Cloud
  • Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Präsenz Online Hybrid

Individualschulung

  • 3 Tage - anpassbar
  • Termin nach Wunsch
  • Preis nach Angebot
  • In Ihrem Hause oder bei der GFU

  • Lernumgebung in der Cloud
  • 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Präsenz Online Hybrid

Beschreibung

Mit der Dokumentenbeschreibungssprache HTML steht ein geschlossener Befehlssatz zur Verfügung, mit dem sich Dokumente im Browser darstellen lassen. Der Einsatz von Web Components ermöglicht es, den begrenzten Sprach- und Funktionsumfang von HTML zu erweitern.

Dabei können eigene UI-Elemente und Funktionalitäten vollständig neu erstellt oder aber auch bestehende HTML-Elemente, wie zB Listen, erweitert werden.

Dabei bieten templates die Möglichkeit, den dynamisch erzeugten Code als Vorlage (engl. template) im HTML-Dokument anzugeben und anschließend durch JavaScript in den Elementenbaum einzuhängen.

Durch das Shadow DOM können die verwendeten HTML-Elemente, das Layout mit CSS und die dazugehörigeFunktionalität mit JavaScript zu einer wiederverwendbaren Komponente erstellt, gekapselt und damit geschützt
werden. 

Custom Elements ermöglichen, die kombinierten Techniken zu wiederverwendbaren Komponenten
zusammenzusetzen.


Unser vielseitiges Angebot an JavaScript Schulungen

Schulungsziel

In diesem Seminar lernen Sie an Hand zahlreicher praxisorientierter Beispiele alle nötigen Techniken, um künftig eigene Web Komponenten in der Praxis einsetzen zu können.

Details

Inhalt

  • Ziele und Erwartungen der Teilnehmenden
    • Klärung individueller Lernziele und Erwartungen für ein praxisnahes und relevantes Seminar
  • Web Components
  • JavaScript
    • Variablen erstellen mit var, let, const
    • Gültigkeitsbereiche / Scopes
    • Template-Strings
    • Funktionen und Klassen
      • Vererbung
      • Getter und Setter
      • statische Methodenaufrufe
      • private Methoden
  • Eventhandling
    • Das Eventobjekt
    • Built-in-Events (MouseEvent, KeyboardEvent und andere)
    • Custom Events, eigene Events erstellen
    • Eigene Events triggern/auslösen
    • Dispatching custom events
  • Module in ECMAScript 6 im- und exportieren
    • import, export, default
  • Templates
    • Feature-Erkennung
    • Template anlegen
    • Template einbinden
    • verschachtelte Templates
    • Polyfills
  • Shadow DOM
    • Funktionsweise des Shadow DOM
      • Encapsulation / Kapselung
      • Shadow-Host und Shadow-Root
    • ShadowDOM erstellen
      • Unterschied zwischen open - und closed -Mode
    • Shadow Tree
    • Verwendung
      • Anlegen und Einbinden eines Templates
      • Slots und Named Slots
      • CSS-Formatierung des Shadow DOM
    • Weblinks
  • Custom Elements
    • Logik und Verhalten der Komponente mit JavaScript steuern
    • Regeln für die Namensvergabe eigener Webcomponents
    • neue Elemente erstellen
    • Bestehende Elemente erweitern / Customized built-in elements
    • Observing attributes
    • Eventhandling innerhalb von Custom Elements
    • Lifecycle Hooks
  • Ressources, Tools, etc
    • Inspizieren der Webkomponente in den Developer Tools
    • Online-Ressourcen zu Repositories frei verfügbarer Komponenten
    • Open Web Components
  • Bibliotheken
    • Überblick über die wichtigsten Bibliotheken und Helper-Libraries
    • LitElements
    • Polymer Project
    • Libraries, tools, and standards for a better web: LitElement, lit-html, web components...
    • Stencil
    • Slim.js
    • SkateJS

Programmierer, Web Developer oder Web App Entwickler, die ihre webbasierten Anwendungen mit nativen Techniken entwickeln und in wiederverwendbare Komponenten splitten wollen, um dadurch unabhängig von komplexen Frameworks wie Angular, Vue.js oder React o.ä. zu sein.

HTML- CSS- und JavaScript-Kenntnisse werden vorausgesetzt.


In Präsenz

Online
Lernmethode

Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter.

Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent.

Unterlagen

Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter.

Seminarunterlagen oder Fachbuch inklusive (via DHL). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne.

Arbeitsplatz
PC/VMs für jeden Teilnehmer
 Hochwertige und performante Hardware
 Große, höhenverstellbare Bildschirme
 Zugang zu Ihrem Firmennetz erlaubt
  • Online Meeting + Remote Zugriff auf persönlichen GFU-Schulungs-PC
  • Keine Installation auf dem eigenen PC notwendig
Lernumgebung

Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter.

Arbeitsmaterialien

DIN A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its

Teilnahmezertifikat

Das Teilnahmezertifikat inkl. Inhaltsverzeichnis wird Ihnen am Ende des Seminars ausgehändigt.

Das Teilnahmezertifikat inkl. Inhaltsverzeichnis wird Ihnen via DHL zugesandt.


In Präsenz

Online
Teilnehmendenzahl

min. 1, max. 8 Personen

Garantierte Durchführung

Ab 1 Teilnehmenden*

Schulungszeiten
3 Tage, 09:00 - 16:00 Uhr
Ort der Schulung
GFU Schulungszentrum oder Virtual Classroom
GFU Schulungszentrum
Am Grauen Stein 27
51105 Köln-Deutz

oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung

Um ein optimales Raumklima zu gewährleisten, haben wir das Schulungszentrum mit 17 hochmodernen Trotec TAC V+ Luftreinigern ausgestattet. Diese innovative Filtertechnologie (H14 zertifiziert nach DIN EN1822) sorgt dafür, dass die Raumluft mehrfach pro Stunde umgewälzt wird und Schadstoffe zu 99.995% im HEPA-Filter abgeschieden und infektiöse Aerosole abgetötet werden.

Zusätzlich sind alle Räume mit CO2-Ampeln ausgestattet, um jederzeit eine hervorragende Luftqualität sicherzustellen.

Räumlichkeiten

Helle und modern ausgestattete Räume mit perfekter Infrastruktur

Bequem aus dem Homeoffice von überall

Preisvorteil

Dritter Mitarbeitende nimmt kostenfrei teil.
(Nicht mit anderen Rabatten kombinierbar.)

Eventuell anfallende Prüfungskosten für den dritten Teilnehmenden werden zusätzlich berechnet.

Hinweis: Um den Erfolg der Schulung zu gewährleisten, sollte auch der dritte Teilnehmende die erwarteten Vorkenntnisse mitbringen.

KOMPASS — Förderung für Solo-Selbstständige

Solo-Selbstständige können für dieses Seminar eine Förderung via KOMPASS beantragen.

Ausführliche Informationen dazu finden Sie hier.

All-Inclusive

Gebä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 via DHL zu.

Barrierefreiheit

Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei

-
Rechnungsstellung

Erst nach dem erfolgreichen Seminar. Keine Vorkasse.

Stornierung

Kostenfrei bis zum Vortag des Seminars

Vormerken statt buchen

Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung - auch wenn Sie selbst nicht berechtigt sind zu buchen


In Präsenz

Online
  • Eigener Shuttle-Service
  • Reservierte Parkplätze
  • Hotelreservierung
  • Technik-Sofort-Support

Buchungsmöglichkeiten

Online oder in Präsenz teilnehmen

Sie können sowohl Online als auch in Präsenz am Seminar teilnehmen. Klicken Sie bei Ihrer Buchung oder Anfrage einfach die entsprechende Option an.

Weiterbildung Entwicklung von Webkomponenten

TerminOrtPreis
02.07.-04.07.2025
Plätze vorhanden
Online 1.550,00
Online 1.550,00 Buchen Vormerken
24.09.-26.09.2025
Plätze vorhanden
Köln / Online 1.550,00
Köln / Online 1.550,00 Buchen Vormerken
03.11.-05.11.2025
Plätze vorhanden
Köln / Online 1.550,00
Köln / Online 1.550,00 Buchen Vormerken
2026
28.01.-30.01.2026
Plätze vorhanden
Köln / Online 1.550,00
Köln / Online 1.550,00 Buchen Vormerken
25.03.-27.03.2026
Plätze vorhanden
Köln / Online 1.550,00
Köln / Online 1.550,00 Buchen Vormerken
26.05.-28.05.2026
Plätze vorhanden
Köln / Online 1.550,00
Köln / Online 1.550,00 Buchen Vormerken
29.07.-31.07.2026
Plätze vorhanden
Köln / Online 1.550,00
Köln / Online 1.550,00 Buchen Vormerken
14.09.-16.09.2026
Plätze vorhanden
Köln / Online 1.550,00
Köln / Online 1.550,00 Buchen Vormerken
23.11.-25.11.2026
Plätze vorhanden
Köln / Online 1.550,00
Köln / Online 1.550,00 Buchen Vormerken
  • Buchen ohne Risiko
  • Keine Vorkasse
  • Kostenfreies Storno bis zum Vortag des Seminars
  • Rechnung nach erfolgreichem Seminar
  • All-Inclusive-Preis
  • Garantierter Termin und Veranstaltungsort
  • Preise pro Person zzgl. Mehrwertsteuer
  • Dritter Mitarbeitende kostenfrei (Nicht mit anderen Rabatten kombinierbar.)
Inhouse-/Firmenschulung
  • Lernumgebung in der Cloud
  • Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Präsenz Online Hybrid
Individualschulung
  • Lernumgebung in der Cloud
  • 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Präsenz Online Hybrid
Nachbetreuung

Unterstützung nach der Schulung durch
individuelle Nachbetreuung

Details & Anfrage

So haben GFU-Kunden gestimmt

Über das Seminar
5/5

Das Seminar hat meine Erwartungen voll erfüllt. Die Lernkurve war stets zu spüren, aber niemals überfordernd. Ich werde das gelernte auf jeden Fall in das nächste Projekt integrieren können. Die Schulung war fachlich sehr gut und verständlich aufgebaut. Der Trainer ist auf alle Fragen kompetent eingegangen und hatte immer eine Lösung. Der Umgang mit den Kursteilnehmern war locker und in einer angenehmen Atmosphäre. Es hat wirklich Spaß gemacht zu lernen. Ich würde den Trainer jederzeit wieder buchen.


Über die GFU
5/5

Alles hat Problemlos geklappt. Ich kann die GFU als Seminaranbieter nur loben und werde sie auf jeden Fall weiterempfehlen.

Tobias M.
FAQ für Offene Schulungen
  • Alle folgenden Schulungsformen können auch Online als Virtual Classroom durchgeführt werden.
  • Eine Offene Schulung findet zu einem festgelegten Zeitpunkt im voll ausgestatteten Schulungszentrum oder Online/Remote statt. Sie treffen auf Teilnehmende anderer Unternehmen und profitieren vom direkten Wissensaustausch.
  • Eine Inhouse-/Firmen-Schulung geht auf die individuellen Bedürfnisse Ihres Unternehmens ein. Sie erhalten eine kostenfreie Beratung von Ihrem Seminarleiter und können Inhalte und Dauer auf Ihren Schulungsbedarf anpassen. Inhouse-Schulungen können Europaweit durchgeführt werden.
  • Bei einer Individual-Schulung erhalten Sie eine 1-zu-1 Betreuung und bestimmen Inhalt, Zeit und Lerntempo. Der Dozent passt sich Ihren Wünschen und Bedürfnissen an.

Sie können unsere Schulungen auch als Remote Schulung im Virtual Classroom anfragen.

In drei Schritten zum Online Seminar im Virtual Classroom:

  1. Seminar auswählen und auf "Buchen" klicken
  2. Wählen Sie bei "Wie möchten Sie teilnehmen?" einfach "Online" aus.
  3. Formular ausfüllen und über den Button "Jetzt buchen" absenden.

Unser Kundenservice meldet sich bei Ihnen mit der Buchungsbestätigung.

Unsere Online Schulungen finden im Virtual Classroom statt. Ein Virtual Classroom bündelt mehrere Werkzeuge, wie Audio-Konferenz, Text-Chat, Interaktives Whiteboard, oder Application Sharing.

Vorteile von Virtual Classroom:

  • Sie erhalten 1 zu 1 die gleiche Lernumgebung, die Sie auch vor Ort bei uns vorfinden
  • Die technische Vorbereitung wird von den GFU-Technikern vorgenommen
  • Sie erhalten remote Zugriff auf Ihren persönlichen Schulungs-PC im GFU-Seminarraum
  • Die Virtual Classroom Lösung lässt sich auch im Browser betreiben
  • Die GFU-Technik leistet wie gewohnt Soforthilfe bei Problemen
  • Die Schulungsunterlagen bekommen Sie via DHL zugeschickt
  • Sie sparen Reisekosten und Zeit
  • 02. Jul. - 04. Jul. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 24. Sep. - 26. Sep. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 03. Nov. - 05. Nov. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 28. Jan. - 30. Jan. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 25. Mär. - 27. Mär. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • Auch als Inhouse-Schulung, bundesweit mit Termin nach Wunsch und individuellen Inhalten
  • Buchen ohne Risiko! Kostenfreie Stornierung bis zum Vortag des Seminars
Das GFU-Sorglos-Paket

Die Seminare der GFU finden in angenehmer Atmosphäre statt und sind perfekt organisiert. Profitieren Sie von dem Rundum-Service der GFU!

Shuttle-Service

Machen Sie sich keinen Kopf um die Anreise! Unser Shuttle fährt Sie. Oder Sie parken einfach auf einem extra für Sie reservierten Parkplatz.

Hotelreservierung

Hotelzimmer gesucht? Wir organisieren Ihnen eins. Ihr Vorteil: Sie sparen Zeit und Geld!

Kostenfreies Storno

Stornierung bei offenen Seminaren kostenfrei bis einen Tag vor Schulungsbeginn.

Technik-Support

Unsere Techniker sind immer zur Stelle, egal ob online oder vor Ort.

aegallianzaxabayerElement 1boschdeutsche-bankdeutsche-postdouglasfordfujitsuhenkelhermeslufthansamercedesnokiasonytelekomvwzdf