Seminare
Seminare
  • Seminare
  • Anbieter
  • 5 km
  • 10 km
  • 25 km
  • 50 km
  • 100 km
  • 150 km
  • 200 km
  • 300 km

Vue.js Einführung: Grundlagen für Web-Entwickler

Seminar - GFU Cyrus AG

Nach dieser Veranstaltung kennen Sie die Grundlagen von Vue.js und können mit Components, Directives, Filters, Routing und dem Vuex-Store professionelle Web-Anwendungen erstellen.
Termin Ort Preis*
firmenintern auf Anfrage auf Anfrage
*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

Inhalte:
  • Einstieg in Vue.js und das Vue.js CLI
    • Konzepte von Vue.js
    • Konfiguration der Umgebung
    • Neue Projekte mit dem Vue.js CLI erzeugen
    • Erstellen einer Start-Seite

  • Vue.js Components und die Vue.js Template-Syntax
    • Globale Vue.js-Components vs. Single-file-Vue.js-Components
    • Erstellen von Components
    • Data-Binding mit Attributes und v-bind
    • Event-Binding mit v-on
    • Verwenden der Shorthand Bindings
    • Binding von Computed Properties
    • Darstellung von Daten mit Interpolation
    • Bedingte Darstellung von Inhalten mit v-if und v-show
    • Elemente wiederholen mit v-for
    • Styling von Components
    • Styling von Child-Components
    • Bedingte Formatierung mit Style Bindings
    • Bedingte Formatierung mit Class Bindings
    • Verwendung von SASS und anderen CSS-Präprozessoren
    • Verwendung der Component Lifecycle Hooks

  • Kommunikation von Components
    • Erstellen von Child-Components
    • Datenaustausch mit Child-Components über Props
    • Validierung von Props
    • Weitergabe an Parent-Components mit Events
    • Einfügen von Inhalten in Child-Components mit Slots

  • Seitennavigation mit Routing
    • Hinzufügen von Routing in eine Vue.js-App
    • Verlinkung von Routen
    • Styling von Links mit der ActiveRoute
    • Navigating per JavaScript-Code
    • Arbeiten mit Routen-Parameter
    • Weitergabe von Params als Props
    • Verwendung von geschachtelten Routen
    • Verwendung von benannten Views
    • Aktivieren des HTML5-History-Modus
    • Schutz von Seiten mit den Navigation-Guards

  • Verwaltung von Zuständen und Server Kommunikation mit Vuex
    • Erstellen eines Vuex-Store
    • Verändern des Vuex-Store-State mit Mutations
    • Laden von Elementen aus dem Vuex-Store
    • Verwenden von Vuex-Getter für berechnete Daten
    • Verwenden von Actions für das Lesen von Daten über ein API
    • Verwenden von Actions für das Speichern von Daten über ein API
    • Rückgabe von Promises aus Actions
    • Organisation des Store mit Modulen
    • Organisation der Module mit Namensräumen
    • Global- und Namespaced-State
    • Verwendung der Vuex-Helper: MapGetters, MapActions, MapMutations

  • Erstellen von Custom Directives und Filters
    • Erzeugen einer Custom Directive
    • Datenübergabe an Directives
    • Verwenden der Directive-Lifecycle-Hooks
    • Globale Directives
    • Erzeugen eines Custom Filter
    • Globale Filters

  • Verteilung von Vue.js Applikationen
    • Erstellen eines Vue.js Build mit dem Vue.js-CLI
    • Verwendung von Umgebungsvariablen und Build-Modes
    • Verteilung auf einen Produktion-Webserver
    • Verwendung von serverbasiertem Deep Linking
    • Anpassung der Webpack-Konfiguration

Zielgruppe:
Web-Entwickler, Web-Programmierer und Web-Worker mit Grundkenntnissen in HTML, CSS und JavaScript, die Web-Anwendungen und Single-Page-Apps (SPA) mit Vue.js erstellen wollen.
Seminarkennung:
S2050
Nach unten
Nach oben
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern. Diese Cookies werden nicht automatisiert gesetzt. Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren. Weitere Informationen finden Sie hier.
Akzeptieren Nicht akzeptieren









Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha



Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.







Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha