Vue.js 3 - Basis

Moderne Frontend-Entwicklung im Überblick

• Vergleich von Vue, React und Angular
• Deklarative / datengetriebene Architektur
• Erstellung benutzerdefinierter HTML-Tags (Komponenten)
• Initialisierung eines Vue-Projekts mit Vue CLI

Grundlagen in JavaScript für Vue

• Anwendung von node.js und npm für Entwicklungsprozesse
• Verständnis für verschiedene JavaScript-Versionen
• Nutzung von Modulen (import/export)
• Einsatz von Pfeilfunktionen
• Behandlung von "this" in Objektmethoden

Grundlagen von Vue

• Zustandsverwaltung und deklaratives Rendern
• Umgang mit Daten, Methoden und berechneten Eigenschaften (computed)

Vue Templatesprache

• Interpolation
• Eigenschaftsbindung
• Dynamische CSS-Klassen
• Eventbehandlung
• Bedingte Anweisungen (if/else if/else)
• Listenrendering
• Bidirektionales Binding für Eingaben

Moderne Webanwendungen

• Integration vorhandener Vue-Komponenten
• Übersicht über Vue-Komponentenbibliotheken
• Erstellung benutzerdefinierter Komponenten
• Datenfluss zwischen Komponenten durch Props und Events
• Inspektion von Komponenten mit den Vue Devtools

Composition API in Vue 3

• Options API vs. neuen Composition API
• Zustandsverwaltung mit Composition API (ref und reactive)
• Nutzung von Props und Events mit Composition API

Side Effects

• Anwendung von Lifecycle-Hooks, watchEffect und watch für zusätzliche Operationen
• Ausführung von HTTP-Anfragen mittels fetch oder axios
• Verwendung von localStorage in Vue-Anwendungen

Vertiefung in Komponenten

• Bidirektionales Binding bei benutzerdefinierten Komponenten
• Verwendung von Slots (Inhaltsübertragung)
• Validierung von Props und Prop-Typen

Erweiterte Konzepte in Vue

• Routenverwaltung mit vue-router
• Integration von TypeScript in Vue-Projekte
• Change Detection Mechanismen in Vue
• Zustandsverwaltung mit Pinia (früher Vuex)
• Testen von Vue-Anwendungen
• Implementierung von Übergängen und Animationen
• Verwendung von Render-Funktionen