0

Vue.js Aufbaukurs: Pinia, Routing und mehr

Ihre Termine

Datum Ort Preis
31.08.2026
-02.09.2026
München 1.673,14 €*
Buchen
31.08.2026
-02.09.2026
Virtuelles Live Training 1.673,14 €*
Buchen
09.12.2026
-11.12.2026
München 1.638,63 €*
Buchen
09.12.2026
-11.12.2026
Virtuelles Live Training 1.638,63 €*
Buchen
10.02.2027
-12.02.2027
München 1.638,63 €*
Buchen
10.02.2027
-12.02.2027
Virtuelles Live Training 1.638,63 €*
Buchen
14.04.2027
-16.04.2027
München 1.638,63 €*
Buchen
14.04.2027
-16.04.2027
Virtuelles Live Training 1.638,63 €*
Buchen

* Preise inkl. der gesetzlichen Mehrwertsteuer

Beschreibung

Dieser Vue.js Fortgeschrittenenkurs vertieft die Entwicklung professioneller Web-Anwendungen mit Vue.js 3 und richtet sich an Entwicklerinnen und Entwickler, die über Grundlagenwissen hinaus produktionsnahe Architektur, sauberes State Management und belastbare Teststrategien beherrschen möchten. Im 3-tägigen Intensiv-Workshop entsteht Schritt für Schritt eine reale, funktionale Vue.js Anwendung. Dabei arbeitest du praxisnah mit Pinia, vue-router, REST-API-Anbindung, asynchronen Actions, dynamischen Routen, Component Testing, E2E-Tests und Performance-Optimierung.

Der Schwerpunkt liegt nicht auf Theorie, sondern auf nachvollziehbarer Umsetzung im Projektkontext: Komponenten strukturieren, globalen Application State sauber verwalten, Routing-Szenarien abbilden, Tests automatisieren und typische Fehler in komplexeren Vue.js Anwendungen vermeiden. Wenn du dein Vorwissen aus dem Vue.js 3 Grundkurs ausbauen möchtest, ist diese Vue.js Schulung der passende nächste Schritt. Für angrenzende Themen lohnt sich außerdem ein Blick in unsere Schulungen zu Webentwicklung und Webdesign sowie in weiterführende Trainings zur Software-Entwicklung und Programmierung.

Inhalte

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

Voraussetzungen

  • 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

Zielgruppe

  • 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

Hinweise

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D