Seminarinformationen

Seminar - Ziel

In diesem 2-tägigen Seminar „Vue.js 3 – Grundkurs“ machen Sie sich mit den Grundlagen vertraut, die allen SPA-Bibliotheken wie Vue oder React zugrunde liegen, und lernen die Besonderheiten von Vue kennen. Der Fokus liegt dabei speziell auf der im Jahr 2020 eingeführten Version Vue 3. Nach dem Seminar sind Sie in der Lage, vielseitige Anwendungen mit Vue zu realisieren und dabei etablierte Best Practices zu berücksichtigen.

Teilnehmer - Zielgruppe

  • Entwickler mit JavaScript-Erfahrung

Kurs - Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

  • Erfahrungen mit HTML, CSS und JavaScript

Seminardauer

  • 2 Tage
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Entwicklung moderner Frontend-Anwendungen

  • Überblick und Gemeinsamkeiten von Vue, React und Angular
  • deklarative / datengetriebene Architektur
  • Komponenten - eigene HTML-Tags erstellen
  • Initialisieren eines Vue-Projektes mittels Vue CLI

JavaScript-Grundlagen für Vue (nach Bedarf)

  • Entwicklung mit node.js und npm
  • JavaScript Versionen
  • Module (import und export)
  • Pfeilfunktionen
  • this in Objektmethoden

Vue Grundlagen

  • Single File Components
  • State und deklaratives Rendering
  • Arbeiten mit data, methods und computed

Vue Templatesprache

  • Interpolation
  • Properties binden
  • CSS-Klassen
  • Events
  • if / else if / else
  • Elemente wiederholen
  • Two-way-binding für Inputs

Komponenten: Grundbausteine moderner Web-Anwendungen

  • Einbinden bestehender Vue-Komponenten
  • Überblick über Komponentenlibraries für Vue
  • Erstellen eigener Komponenten
  • Datenfluss zwischen Komponenten mittels Props und Events
  • Komponenten inspizieren mit den Vue Devtools

Kleiner Exkurs: legacy Options API

  • Vergleich zwischen dem Options API und der aktuellen Composition API

Komponenten Vertiefung

  • Erstellen von dynamischen Komponenten mit v-if und v-for
  • Erweiterte Prop-Überprüfung und Verwendung von Prop-Typen
  • Two-Way-Binding bei eigenen Komponenten

Diskussion von Weiterführende Themen

  • Routing mit vue-router
  • Verwendung mit TypeScript
  • Change Detection in Vue
  • State Management mit Pinia
  • Testen von Vue-Anwendungen
  • Übergänge und Animationen
  • Render-Funktionen

Weitere Schulungen zu Thema Vue.js

Vue.js - Migration von Vue 2 auf Vue 3

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 2-tägigen Seminar „Vue – Migration von Vue 2 auf Vue 3“ erhalten Sie ein umfassendes Verständnis der Unterschiede zwischen Vue.js 2 und Vue.js 3 und werden auf eine erfolgreiche Umstellung Ihrer Anwendungen vorbereitet. Die Inhalte umfassen die wichtigsten ...

Vue.js - Routing mit Vue-Router

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 1-tägigen Seminar „Vue.js – Routing mit Vue-Router“ erfahren Sie, wie Sie zuverlässiges Routing in Ihren Vue-Anwendungen implementieren. Der Kurs beginnt mit einer Einführung in Vue und der Installation von Vue-Router. Danach lernen Sie, wie man Routen anlegt ...

Vue.js - Unit Testing

- u.a. in Bremen, Stuttgart, Paderborn, Freiburg, Nordhausen

In diesem 3-tägigen Seminar „Vue – Unit Testing“ erhalten Sie tiefgehende Einblicke in das Unit-Testing mit Vue.js. Sie lernen, wie Sie Tests für Vue-Komponenten erstellen und Methoden sowie Services entwickeln, um die Funktionalität und Fehlerfreiheit Ihrer ...

Vue.js 3 - Aufbaukurs

- u.a. in Frankfurt am Main, Hannover, Hamburg, Stuttgart, Koblenz

In diesem 2-tägigen Seminar „Vue.js 3 – Aufbaukurs“ erweitern Sie Ihr Wissen über Vue.js 3 und lernen fortgeschrittene Techniken zur Entwicklung komplexer Anwendungen. Dabei stehen bewährte Best Practices und effiziente Entwicklungsansätze im Fokus, um die ...