Vue.js 3 - Aufbaukurs

Ziele

In diesem Seminar vertiefen die Teilnehmer ihr Wissen in Vue.js 3 und lernen fortgeschrittene Techniken, um komplexe Anwendungen zu entwickeln. Es wird auf Best Practices und bewährte Entwicklungspraktiken eingegangen, um die Effizienz und Skalierbarkeit von Anwendungen zu verbessern.

Sie vertiefen ihr Wissen über die Komponenten-Entwicklung, die Anwendung der Composition API und das State Management. Am Ende sind sie in der Lage, eigene Anwendungen mit Vue.js 3 zu planen und umzusetzen.

Zielgruppe

Entwickler mit fundierten Kenntnissen in Vue.js und JavaScript.

Voraussetzungen

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

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