Vue.js Aufbaukurs: Pinia, Routing und mehr

Application State Management mit Pinia und Vuex

• Aufbau und Einsatz von Application State Management in Vue.js Anwendungen
• Vergleich von Vuex und Pinia für fortgeschrittene Projektstrukturen
• Reactive State und strukturierte Store-Modelle
• Getters für abgeleitete Zustände und wiederverwendbare Logik
• Actions für synchrone und asynchrone Geschäftslogik
• Implizierte Mutationen und nachvollziehbare Zustandsänderungen
• State-Verwaltung mit REST-API-Anbindung
• Middleware-Konzepte für wiederkehrende Abläufe

Routing mit vue-router

• Einrichtung und Strukturierung des Routings mit vue-router
• Router Links und Navigation innerhalb komplexerer Single-Page-Applications
• Dynamische Routen für datengetriebene Ansichten
• Catch-All Routen für Fehlerseiten und flexible URL-Strukturen
• Query Parameter für Filter, Suche und Zustandsabbildung in URLs
• Praxisnahe Routing-Patterns für wartbare Vue.js Anwendungen

Testing von Vue.js Anwendungen

• Unit Tests mit Vite, Vitest und Jest
• Component Testing für wiederverwendbare Vue-Komponenten
• E2E Testing mit Cypress
• Testbare Komponentenarchitektur und saubere Testdaten
• Einordnung von Unit Tests, Component Tests und End-to-End-Tests
• Ergänzende Vertiefung über das Training JavaScript Web-Anwendungen testen

Fortgeschrittene Vue.js Themen

• Server Side Rendering mit Vue.js
• Drag & Drop in Vue.js Anwendungen mit Dragular und vergleichbaren Ansätzen
• Lifecycle Hooks und ihr Einfluss auf Komponentenverhalten
• Repainting und Auswirkungen auf die Laufzeitperformance
• Performance-Optimierung in komponentenbasierten Frontends
• Sicherheitsaspekte bei Vue.js Web-Anwendungen
• Vue.js Best Practices für wartbare Projektstrukturen
• Do’s and Don’ts aus der Entwicklungspraxis

JavaScript-Kontext und Projektpraxis

• Einordnung fortgeschrittener Vue.js Konzepte in moderne JavaScript-Entwicklung
• Saubere Trennung von Komponentenlogik, Store und Routing
• Typische Architekturentscheidungen in Single-Page-Applications
• Weiterführende JavaScript-Vertiefung im JavaScript Aufbaukurs

• Solide Vue.js Kenntnisse auf Niveau des Vue.js 3 Grundkurses
• Praktische Erfahrung mit JavaScript, Komponenten, Properties und Events
• Grundverständnis von HTML, CSS und modernen Web-Anwendungen
• Erste Erfahrung mit npm, Vite oder vergleichbaren Frontend-Toolchains hilfreich

• Vue.js Entwicklerinnen und Entwickler, die komplexere Single-Page-Applications mit Pinia, Routing und Tests professionell umsetzen möchten
• Frontend-Entwicklerinnen und Frontend-Entwickler, die Vue.js 3 bereits einsetzen und Architekturentscheidungen sicherer treffen wollen
• JavaScript-Entwicklerinnen und JavaScript-Entwickler mit Vue.js Erfahrung, die State Management, REST-API-Anbindung und Testing vertiefen möchten
• Web-Teams, die bestehende Vue.js Anwendungen wartbarer, performanter und besser testbar weiterentwickeln möchten