Vue.js 3 - für Fortgeschrittene

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 Vuex

State Management

• Verwendung von Vuex zur Verwaltung des globalen States
• Erstellung von Vuex-Modulen
• Verwendung von Vuex-Getters und Actions
• Verwendung von Vuex 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

Voraussetzungen

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

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

Zielgruppe

Entwickler mit fundierten Kenntnissen in Vue.js und JavaScript.