Vue.js 3 - Grundkurs

Entwicklung moderner Frontend-Anwendungen

• Überblick und Gemeinsamkeiten von Vue, React und Angular
• deklarative / datengetriebene Architektur
• Komponenten - eigene HTML-Tags erstellen
• Initialisieren eines Vue-Projektes mittels Vue CLI

JavaScript-Grundlagen für Vue (nach Bedarf)

• Entwicklung mit node.js und npm
• JavaScript Versionen
• Module (import und export)
• Pfeilfunktionen
• this in Objektmethoden

Vue Grundlagen

• Single File Components
• State und deklaratives Rendering
• Arbeiten mit data, methods und computed

Vue Templatesprache

• Interpolation
• Properties binden
• CSS-Klassen
• Events
• if / else if / else
• Elemente wiederholen
• Two-way-binding für Inputs

Komponenten: Grundbausteine moderner Web-Anwendungen

• Einbinden bestehender Vue-Komponenten
• Überblick über Komponentenlibraries für Vue
• Erstellen eigener Komponenten
• Datenfluss zwischen Komponenten mittels Props und Events
• Komponenten inspizieren mit den Vue Devtools

Kleiner Exkurs: legacy Options API

• Vergleich zwischen dem Options API und der aktuellen Composition API

Komponenten Vertiefung

• Erstellen von dynamischen Komponenten mit v-if und v-for
• Erweiterte Prop-Überprüfung und Verwendung von Prop-Typen
• Two-Way-Binding bei eigenen Komponenten

Diskussion von Weiterführende Themen

• Routing mit vue-router
• Verwendung mit TypeScript
• Change Detection in Vue
• State Management mit Pinia
• Testen von Vue-Anwendungen
• Übergänge und Animationen
• Render-Funktionen

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

• Erfahrungen mit HTML, CSS und JavaScript

• Entwickler mit JavaScript-Erfahrung