Vue.js 3 - Kompakt

Grundlagen von Vue.js und Webentwicklung

• Erstellung von fortschrittlichen Frontend-Anwendungen
• Vergleich und gemeinsame Merkmale von Vue, React und Angular
• Anwendung der deklarativen/datengetriebenen Architektur
• Erstellung von benutzerdefinierten HTML-Tags für Komponenten
• Initiierung eines Vue-Projekts mithilfe von Vue CLI

JavaScript-Konzepte für Vue verstehen

• Unterschiedliche JavaScript-Versionen
• Nutzung von Modulen (import und export)
• Verwendung von Pfeilfunktionen
• Umgang mit "this" in Objektfunktionen

Grundlegende Vue-Konzepte

• Zustandsverwaltung und deklaratives Rendern
• Nutzung von data, methods und computed
• Anwendung der Vue Templatesprache
• Einbindung von Variablen
• Binden von Eigenschaften
• Steuerung von CSS-Klassen
• Behandlung von Ereignissen
• Bedingte Anweisungen und Wiederholung von Elementen
• Einrichtung von Two-way-binding für Eingaben

Komponentenentwicklung in Vue

• Bausteine für moderne Webanwendungen
• Integration vorhandener Vue-Komponenten
• Überblick über Komponentenbibliotheken für Vue
• Erstellung eigener Komponenten
• Datenübertragung zwischen Komponenten mittels Props und Events
• Inspektion von Komponenten mit den Vue Entwicklertools

Die Composition API in Vue 3 kennenlernen

• Unterschiede zwischen dem Options-API und der neuen Composition-API
• Verwaltung des Zustands mit dem Composition-API (ref und reactive)
• Behandlung von Props und Events mit dem Composition-API
• Nebeneffekte kontrollieren
• Nutzung von Lifecycle-Hooks, watchEffect und watch für Nebeneffekte

Fortgeschrittene Themen in Vue

• Durchführung von HTTP-Anfragen mittels fetch oder axios
• Zugriff auf localStorage aus Vue heraus
• Implementierung von Two-Way-Binding in eigenen Komponenten
• Nutzung von Slots (zur Übermittlung von Inhalten)
• Validierung von Props und Prop-Typen
• Routing mit vue-router
• Verwendung von TypeScript
• Verwaltung von Zuständen mit Pinia (ehemals Vuex)
• Testen von Vue-Anwendungen
• Einbindung von Übergängen und Animationen
• Erstellung von Render-Funktionen