Bitte wählen Sie die Bereiche, die Sie exportieren möchten:
Schulungsformen
Offene Schulung
- 3 Tage
- 2 gesicherte Termine
- 1.930,00 p. P. zzgl. MwSt.
- Köln / Online
- Online oder Präsenz
- Dritter Mitarbeitende kostenfrei
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
Auf der Suche nach einer anderen Vue.js Schulung?
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
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 zum Seminar inklusive, das man nach Rücksprache mit dem Trainer individuell auswählen kann. | 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 | |
| PC/VMs für jeden Teilnehmer Hochwertige und performante Hardware Große, höhenverstellbare Bildschirme Zugang zu Ihrem Firmennetz erlaubt |
|
| Lernumgebung | |
| |
| Arbeitsmaterialien | |
DIN A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its | |
| Teilnahmezertifikat | |
Die Teilnahmezertifikat inkl. Inhaltsverzeichnis wird Ihnen am Ende des Seminars ausgehändigt. | Die Teilnahmezertifikat inkl. Inhaltsverzeichnis wird Ihnen per Post zugesandt. |
| Seminarsprache | |
Es besteht die Möglichkeit, das Seminar "Vue.js - Power Workshop" auf Englisch als Inhouse-/Firmenschulung abzuhalten. Fragen Sie uns an! | |
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 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. 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. | ||
| 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 per Post zu. | |
| 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 |
Kostenfreie Services
Präsenz-Schulung | Online-Schulung |
|---|---|
|
|
Inhalt
- Ziele und Erwartungen der Teilnehmenden
- Klärung individueller Lernziele und Erwartungen, um das Seminar so praxisnah und relevant wie möglich zu gestalten
- 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
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.
Gesicherte offene Termine
| Termin | Ort | Preis | |
|---|---|---|---|
| 24.02.-26.02.2025 Plätze vorhanden Köln / Online 1.930,00 | Köln / Online | 1.930,00 | Buchen Vormerken |
| 26.05.-28.05.2025 Plätze vorhanden Köln / Online 1.930,00 | Köln / Online | 1.930,00 | Buchen Vormerken |
Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
- Online, Präsenz oder Hybrid
- Komplette Lernumgebung in der Cloud mit Remote Zugriff
Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
- Online, Präsenz oder Hybrid
- Komplette Lernumgebung in der Cloud mit Remote Zugriff
Unterstützung nach der Schulung durch
individuelle Nachbetreuung
- 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:
- Seminar auswählen und auf "Buchen" klicken
- Wählen Sie bei "Wie möchten Sie teilnehmen?" einfach "Online" aus.
- 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
- 24. Feb. - 26. Feb. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
- 26. Mai - 28. Mai ✓ 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
Buchen Sie diese kostenfreien Serviceleistungen für Präsenzseminare ganz einfach während des Buchungsprozesses dazu!
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.
Hotelzimmer gesucht? Wir organisieren Ihnen eins. Ihr Vorteil: Sie sparen Zeit und Geld!
Gesund oder lecker? Warum nicht beides? Freuen Sie sich auf unsere kulinarische Verpflegung!
Parkplätze sind in ausreichender Zahl vorhanden. Reisen Sie mit dem Auto an, reservieren wir Ihnen einen Parkplatz.