Seminarinformationen

Seminar - Ziel

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 Skalierbarkeit und Leistungsfähigkeit Ihrer Projekte zu optimieren.

Sie vertiefen Ihre Kenntnisse in der Komponenten-Entwicklung, im Umgang mit der Composition API sowie im State Management. Nach Abschluss des Seminars sind Sie in der Lage, eigene Anwendungen mit Vue.js 3 zu planen und erfolgreich umzusetzen.

Teilnehmer - Zielgruppe

Entwickler mit fundierten Kenntnissen in Vue.js und JavaScript.

Kurs - Voraussetzungen

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

Seminardauer

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

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Komponenten-Entwicklung

  • Verwendung von Slots zur Übertragung von Inhalten zwischen Komponenten
  • Two-Way-Binding bei eigenen Komponenten
  • Anpassen von Komponenten mit Mixins
  • Überblick über existierende Komponentenbibliotheken

Details der Composition API

  • Erstellung von Reaktivem State mit Ref und Reactive
  • Verwendung von Computed Properties
  • Verwendung von Lifecycle Hooks mit der Composition API

Exkurs: Options API

  • Reaktiver State
  • Computed
  • Lifecycle Hooks

State Management

  • Verwendung von Pinia zur Verwaltung des globalen States
  • Erstellung von Pinia-Modulen
  • Verwendung von Pinia-Getters und Actions
  • Verknüpfung unterschiedlicher Pinia Module untereinander

Vue.js-Routing

  • Verwendung von Vue-Router zur Navigation
  • Konfiguration von Routen und Übergängen
  • Verwendung von Navigation Guards
  • Verwendung von Parameter und Query Strings

Integration von APIs

  • Verwendung von Axios zur Datenabfrage
  • Fehlerbehandlung und Caching von API-Aufrufen
  • Verwendung von Interzeptoren zur Manipulation von API-Aufrufen

Testing von Vue.js-Anwendungen

  • Unit-Tests mit Jest und Vue-Test-Utils
  • E2E-Tests mit Cypress
  • Verwendung von Mocking-Techniken

Verbesserung der Anwendungsperformance

  • Verwendung von Lazy Loading/Code Splitting der Komponenten im Vue Router zur Verbesserung der Ladezeiten
  • Verwendung von Caching und Keepalive zur Verbesserung der Performance

Weitere Schulungen zu Thema Vue.js

Vue.js 3 - Grundkurs

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

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 ...

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 - Unit Testing

- u.a. in Frankfurt am Main, Hamburg, Köln, Virtual Classroom, Freiburg

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 ...

Nuxt.js - Entwicklung Moderner Webanwendungen

- u.a. in Wien, Düsseldorf, Heidelberg, Koblenz, Erfurt

In diesem 3-tägigen Seminar „Nuxt.js – Entwicklung moderner Webanwendungen“ erhalten Sie eine Einführung in die moderne Webentwicklung mit Nuxt.js, einem leistungsstarken Framework zur Erstellung von Vue.js-Anwendungen. Sie lernen, wie Sie effiziente und serverseitig ...