Pinia
Schulung & Kurs

Zwei bis drei Tage intensiver Einstieg in die Frontendentwicklung mit Vue.js 3 und Pinia state management.

Pinia – das schlanke, moderne State-Management für Vue:
Mit einer intuitiven API, klarer Struktur und vollem TypeScript-Support macht Pinia globalen Zustand endlich unkompliziert. Schnell zu lernen, flexibel in der Anwendung und perfekt integriert in das Vue-Ökosystem – ideal für alle, die sauberen, wartbaren Code lieben.

Kurse für Teams:

Gerne führen wir zugeschnittene Kurse für euer Team durch - vor Ort, remote oder in unseren Kursräumen.

In-House Kurs Anfragen

 

Kursinhalt:


Wir bauen zusammen inkrementell Vue.js Applikationen mit Pinia welche folgende Themen veranschaulicht:

– Einführung in State-Management:
... - Warum State-Management?
... - Vergleich: Local State vs. Global State
... - Warum Pinia als Nachfolger von Vuex
– Pinia Setup:
... - Installation & Grundkonfiguration
... - Registrieren des Stores im Vue-Projekt
... - Best Practices für Ordnerstrukturen
– State:
... - State definieren
... - Reaktive Werte & Deep Reactivity
... - Data-Flow Überblick
... - Übung: Mini-App mit globalem Store (z. B. Counter, Todo-Tags, Dashboard-Status)
– Getters:
... - Grundlagen & Syntax
... - Computed-Properties im Store
... - Performance-Aspekte und Caching
... - Übung: Filter-Logiken (z. B. gefilterte Todos, Userrollen, Dashboard-Auswertungen)
- Actions:
... - Synchrone & asynchrone Actions
... - Fehlerbehandlung
... - API-Requests einbinden
... - Übung: API-basierte Actions (User laden, Products abrufen usw.)
- Modulare Stores & Scaling:
... - Wann mehrere Stores?
... - Cross-Store-Kommunikation
... - Store Factories
... - Übung: App in mehrere Stores aufteilen (z. B. Auth, UI, Domain-Store)
- Persistenz & Plugins:
... - Persistenzstrategien (localStorage, IndexedDB)
... - Einführung in Pinia Plugins
... - Beispiel: Persistenz-Plugin implementieren
... - Übung: Eigene Persistenz für User-Settings entwickeln
- Typisierung mit TypeScript:
... - Type-Safety im Store
... - Hinweise zu Interfaces & Return Types
... - Fehlerquellen und Tipps
- Testing von Pinia:
... - Unit-Tests für Stores
... - Mocking externer Daten
... - Behavior-driven Tests
... - Übung: Ein Store wird in Vitest getestet
- Architektur & Best Practices:
... - Saubere Store-Strukturen
... - Kapselung & klare Verantwortlichkeiten
... - Performance-Tipps für grosse Projekte
... - Wann kein Store nötig ist

Der Kurs basiert auf verfeinertem und erprobtem Kursmaterial mit Erläuterung, Aufgaben, Kurs-Projekt / Code, Lösungs-Code und weiterführenden Informationen.


Disclaimer: Der effektive Kursinhalt kann, abhängig vom Trainer, Durchführung, Dauer und Konstellation der Teilnehmer:innen von obigen Angaben abweichen.

Ob wir es Schulung, Kurs, Workshop, Seminar oder Training nennen, wir möchten Teilnehmer/innen an ihrem Punkt abholen und mit dem nötigen praktischen Wissen ausstatten, damit sie die Technologie nach der Schulung direkt anwenden und eigenständig vertiefen können.

Ziel:

Am Ende des Kurses sind Teilnehmer in der Lage:
- Pinia sicher installieren und integrieren
- Stores strukturieren und organisieren
- State, Getters, Actions effektiv nutzen
- Datenflüsse in grösseren Apps planen
- Pinia mit APIs, Persistenz, Plugins & Testing einsetzen


Dauer:

2 Tage (Wird bei In-House Kursen individuell angepasst.)


Form:

Abgestimmte Mischung aus Erläuterung, Live Coding und gemeinsamem Aufbau der umfassenden Kurs-Applikation mit praktischem Fokus.


Zielgruppe:

Software Entwickler mit Grundkenntnissen in Vue 3 und JavaScript, die modernes State-Management erlernen oder professionalisieren möchten.


Voraussetzungen:

Erfahrung in der Entwicklung mit JavaScript/TypeScript sowie Grundverständnis der Webentwicklung.


Vorbereitung:

Jeder Teilnehmer erhält nach der Anmeldung einen Fragebogen und Installationsanleitung zugestellt. Passend zu den Antworten senden wir ein individuelles Feedback.

In-House Kurs anfragen:

In-House Kurs Anfragen

Trage dich in die Warteliste ein für weitere öffentliche Kurs-Termine. Sobald wir genügend Personen auf der Warteliste haben, klären wir einen möglichst für alle passenden Termin ab und schalten einen neuen Termin auf. Falls du direkt mit zwei Kollegen oder Kolleginnen teilnehmen möchtest, können wir sogar direkt einen öffentlichen Kurs für euch planen.

Warteliste

(Falls ihr bereits mehr 3 Teilnehmer:innen oder mehr habt, klären wir mit euch direkt euren Wunschtermin ab und schreiben den Kurs aus.)

- [Pinia](https://pinia.vuejs.org/introduction.html)