Vue.js - Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung

Entwickeln Sie moderne Enterprise-Applikationen mit Vue.js

Verwenden Sie eines der erfolgreichsten und besten Software-Frameworks für Ihre Unternehmens-Anwendungen

Von der Einrichtung bis zur Bereitstellung deckt unsere "Vue.js - Beratung, Coaching, Workshop, Training" alles ab!

Sie erhalten aktuelle Informationen über Komponenten, Formulare, Http-Zugriff, Routing, Zustandsverwaltung einer Vue.js-App und vieles mehr.

Ihre individuellen Fragen und Themenwünsche werden dabei natürlich berücksichtigt.

Vue.js - Intensiv-Schulung für Einsteiger
Beratung, Coaching, Workshop, Training, Schulung + Weiterbildung
bieten wir Ihnen Live-Online und Vor-Ort an!

Themen und Inhalte für Ihre Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung:
Vue.js - Erste Schritte
  • Was ist "Vue.js"?
  • Verschiedene Arten der Verwendung von Vue.js
  • Vue.js-Alternativen
  • Erstellen einer ersten App mit JavaScript
  • Neuentwicklung der App mit Vue.js
  • Vue.js versus "Vanilla JavaScript"
Vue.js - Einrichten einer Entwicklungsumgebung
  • Die Basis: Node.js
  • Der Editor: VS-Code
  • Hinzufügen der "Vetur"-Erweiterung zum VS-Code
  • Mit der Vue CLI zu einem besseren Entwicklungs-Setup und -Workflow übergehen
  • Installieren und Verwenden der Vue CLI
  • Erstellen einer Vue.js-App mit dem Vue-CLI
  • Untersuchung des erstellten Projekts
  • Untersuchung der Vue-Code und ".vue"-Dateien
  • Hinzufügen einer Komponente
  • Hinzufügen von Styling
Vue.js - Grundlagen, Konzepte, DOM-Interaktionen
  • Erstellen und Verbinden von Vue.js-Instanzen
  • Interpolation und Datenbindung
  • Bindende Attribute mit der "v-bind"-Richtlinie
  • Verstehen von "Methoden" in Vue Apps
  • Arbeiten mit Daten innerhalb einer Vue.js-App
  • Ausgabe von HTML-Inhalten mittels v-html
  • Ereignisbindung verstehen
  • Ereignisse und Methoden
  • Mit Ereignis-Argumenten arbeiten
  • Verwendung des nativen Ereignisobjekts ($event-Objekt)
  • Erforschung von Ereignis-Modifikatoren
  • Sperren von Inhalten mit v-once
  • Datenbindung + Ereignisbindung = Zwei-Wege-Bindung
  • Für die Datenbindung verwendete Methoden: Wie es funktioniert
  • Einführung in berechnete Eigenschaften (Computed Properties)
  • Zusammenarbeit mit Beobachtern (Watchers)
  • Methoden versus Berechnete Eigenschaften versus Beobachter
  • v-bind und v-on Abkürzungen
  • Dynamisches Styling mit Inline-Stilen
  • Dynamisches Hinzufügen von CSS-Klassen
  • CSS-Klassen und berechnete Eigenschaften
  • Dynamische CSS-Klassen: Array-Syntax
Vue.js - Ausgabe von Inhalten und Listen
  • Bedingtes Rendern von Inhalten
  • v-if, v-else und v-else-if
  • Verwenden von v-show anstelle von v-if
  • Listen von Daten ausgeben
  • Weitere Details zu v-for
  • Entfernen von Listeneinträgen
  • Über Listen, Index und Schlüssel in v-for
Vue.js - Reaktivität
  • Eine Einführung in die Reaktivität von Vue.js
  • Eine App versus mehrere Apps
  • Vue.js-Vorlagen verstehen
  • Arbeiten mit Refs in Vue.js
  • Wie Vue.js das DOM aktualisiert
  • Vue.js App Lebenszyklus in Theorie und Praxis
Vue.js - Komponenten
  • Vorstellung der Vue.js-Komponentenarchitektur
  • Arten von Komponenten
  • Komplexe Benutzeroberflächen mit Komponenten bauen
  • Mehrere Vue.js-Apps im Vergleich zu mehreren Komponenten
  • Weitergabe von Daten an Komponenten mit Eigenschaften (Props)
  • Validierung von Eigenschaften (Props) durch Regeln
  • Senden von Individuellen Ereignissen (Custom Events)
  • Definieren und Validieren von benutzerdefinierter Ereignisse
  • Provide und Inject im Überblick
  • Provide und Inject für Funktionen und Methoden
  • Provide und Inject versus Props und Custom Events
  • Globale vs. lokale Komponenten
  • CSS-Stile mit Gültigkeitsbereich versehen
  • Einführung in Slots
  • Benannte Slots, Slot-Styles, Eingescopte Slots und Kompilierung
  • Arbeiten mit Vue.js-Fragmenten
  • Der Vue.js-Style-Guide
Vue.js - Formulare
  • v-model und Formulareingabeelemente
  • Arbeiten mit v-model Modifikatoren und Zahlen
  • v-model und Dropdowns
  • Verwendung des v-model mit Checkboxen & Radiobuttons
  • Hinzufügen einer grundlegenden Formularvalidierung
  • Erstellen einer benutzerdefinierten Steuerkomponente
  • Verwendung von v-model auf benutzerdefinierten Komponenten
Vue.js - Http-Anfragen
  • Architektur: Frontend- und Backend-Aufgaben
  • Wie man Http-Anfragen (nicht) sendet
  • Senden einer POST-Anforderung zum Speichern von Daten
  • Http-Anfragen und die Http-Methoden GET, POST, PUT, DELETE
  • Axios anstelle von "fetch()" verwenden
  • Datenbeschaffung (GET-Anfrage) und Transformation von Daten
  • Abrufen von Daten beim Laden einer Komponente
  • Anzeigen einer "Laden..." Mitteilung (Loading-Spinner)
  • Umgang mit dem "Keine Daten"-Zustand
  • Behandlung technischer / browserseitiger Fehler
  • Behandlung von Fehlerrückmeldungen
Vue.js - Routing
  • Erstellen mehrseitiger Single-Page-Application
  • Einrichten von Routing
  • Registrieren und Rendern von Routen
  • Navigieren mit Router-Link
  • Aktive Links gestalten
  • Programmatische Navigation
  • Daten mit Routen-Parameter übergeben
  • Navigation und dynamische Pfade
  • Aktualisierung von Parameter-Daten mit Watchern
  • Übergabe von Parametern als Props
  • Umleitung- und "Catch All"-Routen
  • Verschachtelte Routen verwenden
  • Benannte Routen und Standort-Objekten
  • Verwendung von Abfrageparametern
  • Rendern mehrerer Routen mit benannten Router-Ansichten
  • Steuerung des Scroll-Verhaltens
  • Schutz von Routen mit Guards
  • Die globalen Navigation Guards: beforeEach, afterEach
  • Die Komponenten Guards: beforeRouteEnter, beforeRouteUpdate, beforeRouteLeave
  • Verwendung von Routen-Metadaten
  • Organisieren von Routendateien
Vue.js - Animationen und Übergänge
  • Grundlagen der Animation und CSS-Übergänge
  • Wiedergabe von CSS-Animationen mit Vue.js
  • Verwendung der Übergangskomponente
  • CSS-Animationen mit der Übergangskomponente
  • Verwendung benutzerdefinierter CSS-Klassennamen
  • Übergänge zwischen mehreren Elementen
  • Verwendung von Übergangsereignissen
  • Erstellen von JavaScript-Übergängen (anstelle von CSS)
  • Deaktivieren von CSS-Übergängen
  • Erste Schritte mit animierten Listen
  • Listen mit "transition-group"animieren
  • Bewegung von Listenelementen animieren
  • Animieren von Routenänderungen
Vue.js - Zustandsverwaltung mit Vuex
  • Grundlagen und Konzepte der clientseitigen Zustandsverwaltung
  • Erstellen und Verwenden eines Stores
  • Komponenten mit Zustand des Store verbinden
  • Mutationen einführen um Daten zu ändern
  • Datenübergabe an Mutationen mit Payloads
  • Einführung von Getter um Daten zu laden
  • Ausführen von asynchronem Code mit Actions
  • Den Action-Context verstehen und nutzen
  • Die Mapper-Helper in Komponenten verwenden
  • Organisation des Store mit Modulen
  • Module mit Namensräumen versehen
  • Strukturierung von Vuex-Code und Dateien
Vue.js - Optimieren und Bereitstellen von Vue-Apps
  • Was soll bereitgestellt werden?
  • Das Projekt für die Produktion einrichten
  • Optimierung durch asynchrone Komponenten
  • Bereitstellen einer Vue-App
Vue.js - Composition-API
  • Ein Ersatz für das Option-API, welches Problem löst die Composition-API?
  • Reaktivität - Konzepte und Grundlagen
  • Entwicklung "reaktiver" Objekte
  • Ersetzen von "Daten" durch "Refs"
  • Ersetzen von "Methoden" durch reguläre Funktionen
  • Ersetzen von "berechnete Eigenschaften" durch berechnete Funktionen
  • Zwei-Wege-Bindung und die Composition-API
  • Zusammenarbeit mit Watchern
  • Verwendung von Vorlagenreferenzen
  • Komponenten, Properties und die Composition-API
  • Benutzerdefinierte Ereignisse ausgeben
  • Arbeiten mit Provide und Inject
  • Lebenszyklus-Hooks in der Composition-API
  • Migration von Options API zu Composition-API
  • Routing, Params und die Composition-API
  • Route- und Router-Objekte und die Composition-API
  • Verwendung von Vuex mit der Composition-API
Vue.js - Mixins und Custom Composition Functions
  • Wiederverwendung von Funktionalität
  • Konzepte der Wiederverwendbarkeit
  • Mixins verwenden und anwenden
  • Globale Mixins und Nachteile von Mixins
  • Benutzerdefinierte Hooks, Composables und Composition-API
Mit unserer "Vue.js - Beratung, Coaching, Workshop, Training" gelingt Ihnen der perfekte Einstieg in das Vue.js-Framework. Sie erhalten ein vollständiges Verständnis der Architektur hinter einer Vue.js-Anwendung und bekommen alle relevanten Informationen um moderne, komplexe, reaktionsschnelle sowie skalierbare Webanwendungen mit einem der modernsten Frontend-Web-Frameworks auf dem Markt zu entwickeln.
Symbol für Unser Angebot für Sie!

Unser Angebot

Dauer

Symbol für Dauer: Eine Uhr!
ab 1 Tag (8 UE)

Die Dauer richtet sich nach Ihren Vorstellungen und inhaltlichen Wünschen. Sie bekommen genau das, was Sie brauchen.

Preis

Symbol für Preis: Münzen!
ab 900 EUR (Nettopreis)
ab 1.071 EUR (Bruttopreis)

Die Preise verstehen sich bei Unternehmern gemäß § 14 BGB zzgl. MwSt. Der dargestellte Ab-Preis entspricht dem niedrigsten verfügbaren Gesamtpreis für Veranstaltungen bis drei (3) Teilnehmern.

Termin

Symbol für Termin: Ein Kalender!
Ganztägig + halbtägig
nach Vereinbarung

Ihr Wunschtermin wird bei der Planung berücksichtigt. Die Veranstaltung findet ganztägig + halbtägig zu flexiblen Zeiten statt.

Fördermöglichkeiten

Sparen Sie mit Bildungsprämie und Bildungsgutschein NRW!
Bildungsprämie

Es werden pro Prämiengutschein 50 Prozent der Kosten für eine beruflich orientierte Fortbildung, maximal 500 Euro, übernommen.

Weitere Informationen erhalten Sie unter www.bildungspraemie.info oder unter der kostenfreien Hotline 0800 26 23 000.

Sparen Sie mit Bildungsprämie und Bildungsgutschein NRW!
Bildungsscheck NRW

Die maximale Förderung beträgt 500 Euro, 50% des Seminarpreises von maximal 1.000 Euro.

Weitere Informationen zum Bildungsscheck NRW finden Sie auf www.bildungsscheck.nrw.de oder unter der Info-Service Telefonhotline 0211 837 1929.

Wir helfen gerne weiter!

Rufen Sie uns an, schreiben eine E-Mail oder nutzen das Kontaktformular.

Jetzt anfragen
Unser Angebot für Ihre firmeninterne Beratung, Coaching, Workshop, Training und Weiterbildung

Lösungen für Ihren Bedarf an Coaching, Workshop, Training, Schulung und Weiterbildung

Profitieren Sie von unserer langjährigen Expertise in der beruflichen Weiterbildung, modernen Lernmethoden und einem Portfolio von über 300 IT-, Online- und Digital-Beratungsleistungen.
Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Weiterbildung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

Training & Coaching für Einzelpersonen

Für eine Person

Training & Coaching für Einzelpersonen

  • Passgenaue Inhalte auf den einzelnen Teilnehmer zugeschnitten
  • Ein sehr effektives Format, das schnell Ergebnisse bringt
  • Individuelle Training und Coaching motivieren und wirken
Jetzt anfragen
Training & Workshops für Teams und Abteilungen

Für eine Gruppe

Training & Workshops für Teams und Abteilungen

  • Bedarfsgerechte Inhalte auf die Herausforderung der Praxis zugeschnitten
  • Konsequente Praxisorientierung, modernste Techniken und Tools
  • Neue Fähigkeiten und Kenntnisse nachhaltig in den Arbeitsalltag zu integrieren
Jetzt anfragen
Training-Komplett-Lösungen für Ihr Unternehmen‍

Für eine Firma

Training-Komplett-Lösungen für Ihr Unternehmen

  • Ganzheitliche Konzepte für Ihre Mitarbeiterentwicklung
  • Individueller Skill-Katalog zur Erweiterung Ihres internen Weiterbildungsangebot
  • Nachhaltige Personalentwicklung realisieren
Jetzt anfragen
Einige Unternehmen für die wir tätig waren

WAREMA Renkhoff SE

Flossbach von Storch AG

SELIT Dämmtechnik GmbH

Daumen hoch, 👍  - für ausgezeichnete Referenzen.
Teilnehmer

Feedback

Herr Hecker ist sehr gut auf individuelle Wünsche, Fragen und Anregungen eingegangen. Ein sehr informative, interessante und gelungene Veranstaltung.
Daumen hoch, 👍  - für ausgezeichnete Referenzen.
Teilnehmer

Feedback

Herr Hecker hat das Thema sehr anschaulich dargestellt und ist auf alle Fragen eingegangen. Ich fühle mich jetzt gut vorbereitet, um durchzustarten.
Daumen hoch, 👍  - für ausgezeichnete Referenzen.
Teilnehmer

Feedback

Die gelassene, professionelle Art hat mir gut gefallen. Kompetent, engagiert, professionell. Gute Beispiele, sympathisches Auftreten. Eigene Themenideen wurden aufgegriffen.

Anfrage für eine unverbindliche + kostenlose Erstberatung zum Thema

Vue.js - Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung

Wir freuen uns über Ihre Anfrage und antworten so schnell es geht!

Das Angebot von "HECKER CONSULTING" richtet sich ausschließlich an Unternehmen und Behörden (iSv § 14 BGB). Verbraucher (§ 13 BGB) sind vom Vertragsschluss ausgeschlossen. Mit Absendung der Anfrage bestätigt der Anfragende, dass er nicht als Verbraucher, sondern in gewerblicher Tätigkeit handelt. § 312i Abs. 1 S. 1 Nr. 1-3 und S. 2 BGB (Pflichten im elektronischen Geschäftsverkehr) finden keine Anwendung.

Vielen Dank, Ihre Nachricht wurde empfangen!
Beim Absenden des Formulars ist etwas schief gelaufen.
Beratung, Coaching, Workshop, Training, Schulung

Ähnliche Leistungen, die Sie interessieren könnten.

Wir erweitern ständig unser Beratungsportfolio. Über 300 IT-, Online-, Digital-Beratungsleistungen haben wir für Sie im Programm. Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Beratung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

Alle IT-, Online-, Digital-Beratungsleistungen anzeigen >>
Alle IT-, Online-, Digital-Leistungen
Nach oben