Vue.js 3 - Aufbaukurs

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

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

• Vue.js 3 - Grundkurs oder vergleichbare Kenntnisse

Entwickler mit fundierten Kenntnissen in Vue.js und JavaScript.