Vue.js 3 Komplett
Dieser intensive zweitägige Kurs führt dich durch das gesamte Vue.js 3 Ökosystem. Du lernst die Composition API, reaktives State-Management mit Pinia, Routing mit Vue Router und Component Design Patterns. Der Kurs behandelt auch Testing mit Vitest, TypeScript-Integration, Performance-Optimierung und Deployment-Strategien. Am Ende hast du eine vollständige produktionsreife Anwendung gebaut.
Fähigkeiten, die du lernen wirst
Kursmodule & Lektionen
Vue.js 3 Grundlagen
Composition API, Reaktivitätssystem, Templates und Direktiven
Composition API
Entdecke die Composition API von Vue.js 3, um deinen Code besser zu strukturieren und zu organisieren.
Reaktivitätssystem
Verstehe, wie das Reaktivitätssystem von Vue.js 3 funktioniert und deine Daten aktuell hält.
Templates
Erfahre, wie du mit Vue.js 3 Templates erstellst, um deine Benutzeroberfläche zu gestalten.
Direktiven
Lerne die wichtigsten Direktiven in Vue.js 3 kennen, um deine Templates dynamischer zu gestalten.
State & Routing
Pinia Store-Patterns, Vue Router, Navigation Guards und Lazy Loading
Pinia Stores
Nutze Pinia Stores, um den globalen Zustand deiner Vue.js 3 Anwendung effizient zu verwalten.
Vue Router
Meistere den Vue Router, um komplexe Navigationsstrukturen in deiner Vue.js 3 App zu integrieren.
Navigation Guards
Sichere deine Routen mit Navigation Guards ab und kontrolliere den Zugang zu bestimmten Seiten.
Lazy Loading
Optimiere die Ladezeiten deiner Vue.js 3 App mit Lazy Loading für Routen und Komponenten.
Fortgeschrittene Patterns
Composables, Provide/Inject, Slots, Render-Funktionen und TypeScript
Composables
Erfahre, wie du mit Composables deinen Code in Vue.js 3 sauberer strukturierst und wiederverwendest.
Provide/Inject
Lerne, wie Provide/Inject dir hilft, Daten effizient durch deine Komponenten Hierarchie zu reichen.
Slots & Render-Funktionen
Entdecke die Macht der Slots und Render-Funktionen für flexible und dynamische UI-Gestaltung.
TypeScript mit Vue
Integriere TypeScript, um deine Vue-Projekte robuster und wartbarer zu machen.
Testing & Produktion
Unit-Testing mit Vitest, E2E-Testing, Performance-Tuning und Deployment
Unit-Testing mit Vitest
Verstehe, wie du Komponenten mit Vitest isoliert testest, um Fehler frühzeitig zu finden.
E2E-Testing
Automatisiere mit E2E-Testing die Überprüfung der gesamten Benutzerflows deiner Anwendung.
Performance-Tuning
Optimiere deine Vue-Anwendung für blitzschnelle Ladezeiten und eine reibungslose User Experience.
Deployment
Lerne verschiedene Strategien kennen, um deine Vue-App erfolgreich in Produktion zu bringen.
Abschlussprojekt
Aufbau einer vollständigen Anwendung mit allen gelernten Konzepten
Anforderungen & Setup
Beginne dein Abschlussprojekt, indem du Anforderungen definierst und das Projekt-Setup vornimmst.
Features umsetzen
Setze Schritt für Schritt die Kernfunktionen deines Abschlussprojekts in die Realität um.
Testing
Teste dein Abschlussprojekt gründlich, um Qualität und Funktionalität sicherzustellen.
Deploy & Review
Bringe dein fertiges Abschlussprojekt erfolgreich in den Live-Betrieb.
Voraussetzungen
Dein Trainer
David Pinezich
Erfahrener IT-Architekt und Trainer mit Schwerpunkt Python, Cloud-Architektur und Enterprise-Lösungen. Zertifizierter TOGAF-, CISSP- und AWS-Profi mit langjähriger praktischer Schulungserfahrung.