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:

  • Grundlegende Kenntnisse in Vue.js 3, JavaScript, HTML und CSS.

Seminardauer

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

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Komponenten-Entwicklung

  • Erstellen von Single File Components (SFCs) in Vue.js 3
  • Verwendung von Slots zur Übertragung von Inhalten zwischen Komponenten
  • Erstellen von dynamischen Komponenten mit v-if und v-for
  • Erweiterte Prop-Überprüfung und Verwendung von Prop-Typen
  • Anpassen von Komponenten mit Mixins
  • Überblick über existierende Komponentenbibliotheken

Composition API

  • Überblick über den neuen Composition API-Ansatz in Vue.js 3
  • Erstellung von Reaktivem State mit Ref und Reactive
  • Verwendung von Computed Properties
  • Verwendung von Lifecycle Hooks mit der Composition API
  • Verwendung von Reactive und Ref in Verbindung mit Pinia

State Management

  • Verwendung von Pinia zur Verwaltung des globalen States
  • Erstellung von Pinia-Modulen
  • Verwendung von Pinia-Getters und Actions
  • Verwendung von Pinia mit der Composition API

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 zur Verbesserung der Ladezeiten
  • Verwendung von Caching zur Verbesserung der Performance
  • Verwendung von Code Splitting

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 - Routing mit Vue-Router

- u.a. in Hamburg, Köln, Nürnberg, Paderborn, Düsseldorf

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

Nuxt.js - Entwicklung Moderner Webanwendungen

- u.a. in Hamburg, Köln, München, Zürich, Dresden

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