germanyuk
Remote Schulung
Online Schulungen: Einfach und effizient im Virtual Classroom lernen

Erweitern Sie Ihr Wissen auf schnelle und unkomplizierte Art, ohne das Haus verlassen zu müssen.
Sie sparen Reisekosten und Zeit!

Mehr Infos
PDF

Schulung Vue.js - Power Workshop
Auch als Online Schulung im Virtual Classroom

3 Tage / S2104
92 Teilnehmer haben bisher dieses Seminar besucht

Schulungsformen

Offene Schulung


Learning & Networking in einem. Garantierte Durchführung ab 1 Teilnehmer.

Termin auswählen

Inhouse-/Firmenschulung

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

Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.

Unverbindlich anfragen

Individualschulung

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

1 Teilnehmer = max. Fokus aufs Fachliche und max. Raum für individuelle Fragen.

Unverbindlich anfragen

Beschreibung

VueJS ist ein großartiges JavaScript-Framework für die Erstellung von Frontend-Anwendungen. Vue.js mischt das Beste aus Angular und React. Mit dem "Vue.js - Power Workshop" gelingt der professionelle Einstieg in das Vue.js Framework. Sie erhalten ein vollständiges Verständnis der Architektur hinter einer Vue.js-Anwendung und lernen alle relevanten Informationen um moderne, komplexe, reaktionsschnelle sowie skalierbare Webanwendungen mit einem der modernsten JavaScript-Frameworks auf dem Markt zu entwickeln.

Schulungsziel

Sie lernen die Grundlagen von Vue.js, wie man eine Entwicklungsumgebung einrichtet, mit dem DOM interagiert, Komponenten entwickelt und verwendet, Formulareingaben bindet, sowie Direktiven, Filter und Mixins einsetzt, Anwendungen mit Animationen und Übergängen schöner gestaltet und mit Hilfe von Routing und der Vuex-Zustandsverwaltung professionelle Single-Page-Applikation (SPA) erstellt. 

Details

Wer teilnehmen sollte

Web-Entwickler, Web-Programmierer mit Erfahrung mit HTML, CSS, JavaScript, die mit VueJS moderne, komplexe, reaktionsschnelle sowie skalierbare Webanwendungen entwickeln wollen.


Ihre Schulung

Lernmethode:
Ausgewogene Mischung aus Theorie und Praxis
Unterlagen:
Seminarunterlagen oder Fachbuch zum Seminar inklusive, das man nach Rücksprache mit dem Trainer individuell auswählen kann.
Arbeitsplatz:
PC/VMs für jeden Teilnehmer
Hochwertige und performante Hardware
Große, höhenverstellbare Bildschirme
Zugang zu Ihrem Firmennetz erlaubt
Lernumgebung:
 
Optimal vorbereitete Schulungsrechner für den perfekten Start in Ihr Seminar!


Arbeitsmaterialien:
Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its
Teilnahmebescheinigung:
Wird am Ende des Seminars ausgehändigt, inkl. Inhaltsverzeichnis

Organisation

Teilnehmerzahl:
min. 1, max. 8 Personen
Garantierte Durchführung *:
Ab einem Teilnehmer
Schulungszeiten:
3 Tage, 1. Tag 10:00 - 17:00 Uhr, Folgetage 09:00 - 16:00 Uhr
Ort der Schulung:
GFU Schulungszentrum
GFU Schulungszentrum
Am Grauen Stein 27
51105 Köln-Deutz
oder europaweit bei Ihnen als Inhouse-Schulung
Räumlichkeiten:
Helle und modern ausgestattete Räume mit perfekter Infrastruktur
Preisvorteil :
Der dritte Mitarbeiter nimmt kostenfrei teil.
All-Inclusive:
Frühstück, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch
Barrierefreiheit:
Das GFU-Schulungszentrum(Am Grauen Stein 27) ist barrierefrei

Buchen ohne Risiko

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
Bildungsgutschein:
Bildungsscheck NRW, Bildungsprämie

Kostenfreie Services

Inhalt

  • Erste Schritte mit Vue.js
    • Einführung und Überblick
    • Vue.js lokal einrichten
    • Eine erste Vue.js-Anwendung erstellen
    • Erweiterung der Vue.js-Anwendung
  • Verwenden von Vue.js zur Interaktion mit dem DOM
    • VueJS-Vorlagen verstehen
    • Wie die Syntax und die Vue-Instanz der Vue.js-Vorlage zusammenarbeiten
    • Zugriff auf Daten in der Vue-Instanz
    • Bindung an Attribute
    • Verstehen und Anwenden von Direktiven
    • Einmaliges Rendern mit v-once
    • Ausgabe von HTML-Code
    • Auf Ereignisse reagieren
    • Abrufen von Ereignisdaten aus dem Ereignisobjekt
    • Eigene Argumente mit Ereignissen weitergeben
    • Ändern eines Ereignisses mit Ereignis-Modifikatoren
    • Abfangen von Tastatur-Ereignissen
    • Schreiben von JavaScript-Code in Vorlagen
    • Verwendung der Zwei-Wege-Bindung
    • Reagieren auf Änderungen mit berechneten Eigenschaften
    • Eine Alternative zu berechneten Eigenschaften: Änderungen beobachten
    • Zeitersparnis durch Abkürzungen
    • Dynamisches Styling mit CSS-Klassen
  • Verwendung von Conditionals und Rendering-Listen
    • Bedingtes Rendering mit v-if und v-else-if
    • Verwendung einer alternativen v-if-Syntax
    • Rendering von Listen mit v-for
    • Abrufen des aktuellen Indexes
    • Verwendung einer alternativen v-for-Syntax
    • Schleifen durch Objekte
    • Schleifen durch eine Liste von Zahlen
    • Nachverfolgung von Elementen mit v-for
  • Die Vue.js-Instanz verstehen
    • Einige Grundlagen über die Vue-Instanz
    • Verwendung mehrerer Vue-Instanzen
    • Zugriff auf die Vue-Instanz von außen
    • Wie Vue Daten und Methoden verwaltet
    • Verwendung von $el und $data in Vorlagen
    • Verwendung von $refs in Vorlagen
    • Weitere Informationen über die Vue-API
    • Laden einer Vorlage
    • Verwendung von Komponenten
    • Einschränkungen bei Templates
    • Wie Vue.js das DOM aktualisiert
    • Der Lebenszyklus der VueJS-Instanz
  • Entwicklungs-Workflow mit Webpack und Vue CLI
    • Warum brauchen wir einen Entwicklungsserver?
    • Was bedeutet "Entwicklungs-Workflow"?
    • Installation des Vue CLI und Erstellen eines neuen Projekts
    • Ein Überblick über die Ordnerstruktur der Webpack-Vorlage
    • Verstehen von ".vue" Dateien
    • Verstehen des Objekts in der Vue-Datei
    • So erstellen Sie Ihre App für die Produktion
    • Mehr über ".vue" Dateien und die CLI
    • Debuggen von Vue-Projekten
  • Einführung in Komponenten
    • Komponenten - Überblick und Grundlagen
    • Speichern von Daten in Komponenten
    • Lokale und globale Registrierung von Komponenten
    • Die "Root-Komponente" in der App.vue-Datei
    • Erstellen einer Komponente
    • Verwendung von Komponenten
    • Komponenten und Ordnerstrukturen
    • Benennung der Komponenten-Tags (Selektoren)
    • Gültigkeit der Komponenten-Stile
  • Kommunikation zwischen Komponenten
    • Kommunikationsszenarien zwischen Komponenten
    • Verwendung von Eigenschaften für Parent- / Child-Kommunikation
    • Benennung von Eigenschaften
    • Verwendung von Eigenschaften in der Child Component
    • Validierung von Eigenschaften in der Child Component
    • Benutzerdefinierte Ereignisse für Child- / Parent-Kommunikation
    • Verstehen von Unidirektionalem Datenfluss
    • Kommunikation mit Callback-Funktionen
    • Kommunikation zwischen Child-Komponenten
    • Verwendung eines Ereignisbusses für die Kommunikation
    • Zentralisierung von Code in einem Ereignisbus
  • Erweiterte Komponentenverwendung
    • Weitergabe von Inhalten
    • Inhalte mit Slots übergeben
    • Styling von Slot-Inhalten
    • Verwendung mehrerer Slots per Namen
    • Standard-Slots und Slot-Standards
    • Umschalten von Komponenten mit dynamischen Komponenten
    • Verstehen des Verhaltens dynamischer Komponenten
    • Der Lebenszyklus von dynamischen Komponenten
  • Benutzereingaben über Formulare
    • Grundlegende Formularanbindung von Eingabefeldern
    • Gruppierung von Eingabedaten 
    • Vorbelegung von Eingabefeldern
    • Änderung von Benutzereingabe mit Eingabemodifikatoren
    • Mehrzeilige Eingabefelder
    • Verwendung von Kontrollkästchen (checkbox)
    • Verwendung von Optionsfeldern (radio)
    • Listendelder mit <select> und <option>
    • Funktionsweise von v-model
    • Erstellung von benutzerdefinierten Elementen
    • Bestätigen und Absenden eines Formulars
  • Direktiven verwenden und erstellen
    • Direktiven verstehen
    • Funktionsweise von Direktiven
    • Erstellen einer einfachen Direktive
    • Weitergabe von Werten an benutzerdefinierte Direktiven
    • Weitergabe von Argumenten an benutzerdefinierte Direktiven
    • Ändern einer benutzerdefinierten Direktive mit Modifikatoren
    • Lokale Registrierung von Direktiven
    • Verwendung mehrerer Modifikatoren
    • Komplexere Werte an Direktiven übergeben
  • Filter und Mixins
    • Erstellen eines lokalen Filters
    • Globale Filter und Verkettung von Filter
    • Alternative zu Filtern: Berechnete Eigenschaften
    • Mixins verstehen
    • Erstellen und Verwenden von Mixins
    • Zusammenführung von Mixins
    • Gültigkeitsbereich von Mixins
  • Animationen und Übergänge
    • Verstehen von Übergängen
    • Definieren einer Transition
    • CSS-Klassen für Übergänge zuweisen
    • Erstellen eines "Fade"-Übergangs mit CSS-Transition
    • Erstellen eines "Slide"-Übergangs mit CSS-Animation
    • Kombination von Animations- und Übergangs-Eigenschaften
    • Animieren von v-if und v-show
    • Festlegen einer on-load-Animation
    • Verwendung verschiedener CSS-Klassennamen
    • Verwendung dynamischer Namen und Attribute
    • Reagieren auf Transition-Ereignisse
    • Erstellen einer Animation in JavaScript
    • Animieren von dynamischen Komponenten
    • Animieren von Listen mit <transition-group>
  • HTTP-Server-Kommunikation mit Axios
    • Zugriff auf Http über Axios
    • Daten an einen Server senden (Senden einer POST-Anfrage)
    • Daten holen und transformieren (Senden einer GET-Anfrage)
    • Globale Konfiguration der vue-ressource
    • Abfangen von Anfragen und Antworten
    • Erstellen von benutzerdefinierten Ressourcen
    • Unterschied Ressourcen zu "normalen" Http-Anfragen
  • Routing in Vue.js
    • Einrichten des Vue-Routers (vue-router)
    • Einrichten und Laden von Routen
    • Verstehen der Routing-Modi (Hash und History)
    • Navigieren mit Router-Links
    • Navigation aus dem Code heraus
    • Routenparameter einstellen
    • Abrufen und Verwenden von Routenparametern
    • Reagieren auf Änderungen der Routenparameter
    • Kinderrouten einrichten (verschachtelte Routen)
    • Benannte Routen
    • Query-Parameter verwenden
    • Mehrere Router-Ansichten (benannte Router-Ansichten)
    • Umleitung von Routen
    • Einrichten von "Catch All" und "Wildcard" Routen
    • Animieren von Routenübergängen
    • Weitergabe des Hash-Fragment
    • Steuern des Scroll-Verhaltens
    • Routenschutz mit "Guards"
    • Verwendung des "beforeEnter" und "beforeLeave"-Guard
    • "Lazy Loading" von Routen 
  • Zustandsverwaltung mit Vuex
    • Gründe für Zustandsverwaltung
    • Verständnis des "zentralisierten Zustands"
    • Verwendung des zentralisierten Zustands
    • Verstehen und Verwendung von Getter
    • Zuordnung von Getter zu Properties
    • Verstehen und Verwendung von Mutationen
    • Verwendung von Actions
    • Zuordnung von Actions zu Methoden

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.

Gesicherte offene Termine
Schulung Vue.js - Power Workshop
TerminOrtPreis
07.09.-09.09.2020
Plätze vorhanden
Berlin 1.580,00
Berlin 1.580,00 Buchen Vormerken
28.09.-30.09.2020 *
Plätze vorhanden
Köln 1.730,00
Köln 1.730,00 Buchen Vormerken
09.11.-11.11.2020 *
Plätze vorhanden
Online 1.730,00
Online 1.730,00 Buchen Vormerken
22.02.-24.02.2021 *
Plätze vorhanden
Köln 1.730,00
Köln 1.730,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
  • Der dritte Mitarbeiter nimmt kostenfrei teil
Firmenschulung
Im GFU Schulungszentrum
Inhouse-Schulung

Komplette Lernumgebung in der Cloud mit Remote Zugriff

In Ihrem Hause 
Auswählen
Wo soll Ihre Schulung stattfinden?
  • europaweit
  • GFU Schulungszentrum
  • Berlin
  • Bremen
  • Düsseldorf
  • Dortmund
  • Dresden
  • Frankfurt
  • Hamburg
  • Hannover
  • Köln
  • Leipzig
  • Mannheim
  • München
  • Nürnberg
  • Stuttgart
Weiterer Ort:
Individualschulung

Komplette Lernumgebung in der Cloud mit Remote Zugriff

Auswählen
Wo soll Ihre Schulung stattfinden?
  • Im GFU Schulungszentrum oder in Ihrem Hause europaweit
  • Berlin
  • Bremen
  • Düsseldorf
  • Dortmund
  • Dresden
  • Frankfurt
  • Hamburg
  • Hannover
  • Köln
  • Leipzig
  • Mannheim
  • München
  • Nürnberg
  • Stuttgart
Weiterer Ort:

So haben GFU-Kunden gestimmt

4/5

Über das Seminar:
Freundlich, verständlich, thematisch hätte man abseits der Grundlagen tiefer einsteigen können.


5/5

Über die GFU:
Gute Location, gute Ausstattung der Schulungsräume, Location selbst leider etwas abgelegen und somit nur über das Shuttle gut zu erreichen. Essen und co dafür Top. :)

Name auf Wunsch anonymisiert
4/5

Über das Seminar:
Es war eine gute Übersicht über Vue, allerdings hätte ich mir bessere Beispiele und Übungen gewünscht. Zum Beispiel ein durchgehendes Projekt in dem man alle gelernten Dinge und Features anwenden kann.


5/5

Über die GFU:

Stefan Roock
4/5

Über das Seminar:
Inhaltlich viel Stoff für drei Tage, dadurch allerdings auch relativ wenig Zeit, selbstständig Übungen auszuführen. Fachlich sehr kompetenter Trainer.
Methodisch gesehen, hätte ich mir mehr Übungszeit gewünscht, was natürlich bedeutet hätte, dass Inhalte hätten gekürzt werden müssen.


5/5

Über die GFU:
Sehr guter Service mit Seminarbuchung, Hotelbuchung und Shuttle-Bussen. Das Abholen am zweiten Seminartag war etwas chaotisch (Taxi), der Taxifahrer hat beinahe permanent während der Fahrt mit seinem Handy telefoniert. Die TÜV-Kantine bietet sehr gutes Essen, aber es ist dort extrem voll und laut, der Erholungswert dadurch sehr eingeschränkt.

Name auf Wunsch anonymisiert

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 Teilnehmer 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. Häkchen setzen bei "Dieses Seminar als Remote Schulung anfragen"
  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 per Post zugeschickt
  • Sie sparen Reisekosten und Zeit
  • 07. Sep. - 09. Sep. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 28. Sep. - 30. Sep. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 09. Nov. - 11. Nov. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 22. Feb. - 24. Feb. ✓ 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

Buchen Sie diese kostenfreien Serviceleistungen für Präsenzseminare ganz einfach während des Buchungsprozesses dazu!

Shuttle Service
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
Hotelreservierung

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

Verpflegung
Verpflegung

Gesund oder lecker? Warum nicht beides? Freuen Sie sich auf unsere kulinarische Verpflegung!

Parkplätze
Parkplätze

Parkplätze sind in ausreichender Zahl vorhanden. Reisen Sie mit dem Auto an, reservieren wir Ihnen einen Parkplatz.

GFU-Seminar Arbeitsplatz

Eine Gruppe eines Unternehmens will zeitgleich die Schulung Vue.js - Power Workshop besuchen

An dieser Stelle kann ein Inhouse-Training zur Thematik Vue.js - Power Workshop sachdienlich sein. Das Thema des Seminars kann hierbei zusammen mit den Trainern aufgestockt oder komprimiert werden.

Haben die Schulungsteilnehmer bereits Sachkenntnis in Vue.js - Power Workshop, sollte der erste Punkt der Agenda entfallen. Eine Firmen-Fortbildung rentiert sich ab drei Schulungsteilnehmern. Die Firmen-Schulungen zum Thema Vue.js - Power Workshop finden gelegentlich in Stuttgart, Münster, Dresden, Frankfurt, Leipzig, Dortmund, Hamburg, Hannover, Düsseldorf, Bremen, München, Bielefeld, Bochum, Berlin, Duisburg, Bonn, Nürnberg, Essen, Wuppertal und Köln am Rhein in NRW statt.

Welche Thematiken erweitern Vue.js - Power Workshop?

Eine passende Erweiterung findet sich in Vue.js - Power Workshop mit

  • Routenparameter einstellen
  • Mehrere Router-Ansichten (benannte Router-Ansichten)
  • Lokale Registrierung von Direktiven
  • Eine erste Vue.js-Anwendung erstellen

Zu empfehlen ist auch ein Kurs von „Moderne Web-Entwicklung mit Webpack - Praxisworkshop“ mit der Behandlung von

  • Hot Reloading
  • Wozu Webpack?
  • Inputs, Loaders und Outputs
  • Plugins und Module

Für Firmenschulungen ist das Thema „Vue.js Einführung: Grundlagen für Web-Entwickler“ mit den Kapiteln Styling von Components und Bedingte Darstellung von Inhalten mit v-if und v-show geeignet.

Für Professionals eignet sich eine Responsive und browserunabhängige Webseiten mit HTML5 und CSS3 Weiterbildung. In diesem Kurs werden u.a.

  • Browser und Endgeräte simulieren
  • Horizontale, vertikale und verschachtelte Navigationen
  • Mehrspaltenlayouts
  • Video Hintergründe

besprochen.

88.894
TEILNEHMER
1.460
SEMINARTHEMEN
23.432
DURCHGEFÜHRTE SEMINARE
aegallianzaxabayerElement 1boschdeutsche-bankdeutsche-postdouglasfordfujitsuhenkelhermeslufthansamercedesnokiasonytelekomvwzdf
Haben Sie Fragen?
  • 0221 82 80 90
  • Chat offline
Empfangsdamen der GFU

John Doe aus Stuttgart 

vor 3 Stunden