Vue.js 3 Grundkurs

Vue.js 3 im Überblick

• Framework-Grundlagen und Einsatzbereiche
• Vue 2 und Vue 3 Unterschiede
• Options API und Composition API
• JavaScript und TypeScript Einordnung
• Single Page und Multi Page Applications

Projektsetup und Entwicklungsumgebung

• Projektstart mit create-vue
• Vite als Build-Tool
• npm und Yarn Paketmanager
• Projektstruktur eines Vue-Projekts
• Vue Official Extension in VS Code
• Erstes Vue.js 3 Projekt

Komponenten, Templates und Datenbindung

• Single-File Components in Vue
• Templates und Template-Syntax
• Props und Komponentenkommunikation
• v-bind, v-on und v-model
• Bedingte Ausgabe mit v-if
• Listenrendering mit v-for
• Computed Properties und Watcher

Reaktivität und Komponentenlogik

• Reactive Data und State
• Composition API mit setup
• Mehrere Komponenten im Zusammenspiel
• Wiederverwendbarkeit von Komponenten
• Eingebaute Komponenten in Vue
• Do’s and Don’ts in Vue

Formulare und Datenverarbeitung

• Formulare mit Vue.js
• Eingaben und Validierung
• Daten-Management im Komponentenbaum
• REST API Anbindung
• Promises und asynchrone Verarbeitung
• Axios im Vue-Kontext

Routing und Anwendungsausblick

• Vue Router Grundlagen
• Routen und Views
• Installation und Router-Konfiguration
• Navigation in Single Page Applications
• Tipps für Projektstrukturen
• Ausblick auf Pinia und Testing

• Sichere HTML5- und CSS3-Grundlagen, zum Beispiel aus dem HTML5 Workshop für moderne Webentwicklung
• Gute JavaScript-Kenntnisse, idealerweise auf Niveau des JavaScript Grundkurs
• Grundverständnis für Browser, DOM und clientseitige Webentwicklung
• Erfahrung mit Entwicklungsumgebungen und Kommandozeile von Vorteil

• Web-Entwicklerinnen und Web-Entwickler mit JavaScript-Erfahrung, die Vue.js 3 produktiv einsetzen möchten
• Frontend-Entwicklerinnen und Frontend-Entwickler, die Komponenten, Routing und Formularverarbeitung mit Vue umsetzen
• App-Entwicklerinnen und App-Entwickler, die reaktive Weboberflächen für bestehende Anwendungen entwickeln
• Projektteams, die eine Vue.js Inhouse-Schulung für gemeinsame Frontend-Standards benötigen