Seminarinhalt
Dieses praxisorientierte Training führt Schritt für Schritt in Vue ein und zeigt, wie moderne, performante Single-Page-Applications entwickelt, getestet und deployt werden.
Wir bauen mehrere Hands-on-Projekte bis hin zu einer produktionsreifen App.
Sie lernen Vue von den Grundlagen bis zu fortgeschrittenen Konzepten: Komponenten-Architektur, reaktive Zustände, Routing & Guards, Formular-Handling und Validierung, Animationen/Transitions, Authentifizierung, Internationalisierung, Progressive Web Apps sowie Unit- und E2E-Tests. Der Fokus liegt auf pragmischer Architektur, Performance-Optimierung und Best Practices für den Produktionsbetrieb
Nach dem Kurs können Teilnehmer*innen:
Wir bauen mehrere Hands-on-Projekte bis hin zu einer produktionsreifen App.
Sie lernen Vue von den Grundlagen bis zu fortgeschrittenen Konzepten: Komponenten-Architektur, reaktive Zustände, Routing & Guards, Formular-Handling und Validierung, Animationen/Transitions, Authentifizierung, Internationalisierung, Progressive Web Apps sowie Unit- und E2E-Tests. Der Fokus liegt auf pragmischer Architektur, Performance-Optimierung und Best Practices für den Produktionsbetrieb
Nach dem Kurs können Teilnehmer*innen:
- Vue-Apps mit Vue 3 & Composition API konzipieren, implementieren und deployen.
- State-Management strukturiert einsetzen.
- Routing, Guards, Formulare & Validierung professionell implementieren.
- E2E-Strategien planen.
- Animations-/Transition-Patterns gezielt für UX nutzen.
- Architektur- und Performance-Entscheidungen für den Produktionsbetrieb treffen.
Programm
- Vue 3 Grundlagen & Setup: Projektstart mit Vite, DevTools, Projektstruktur
- Komponenten & Composition API: Props/Emits, Reaktivität, Composables
- Routing: Basis mit Vue Router, verschachtelte Routen, Lazy Loading
- State-Management: Pinia-Stores, Actions/Getters, einfache Persistenz
- Formulare & Validierung: Datenbindung, Fehlermeldungen, UX-Basics
- UI & Transitions: grundlegende Transitions/Animationen, Feedback-Muster
- Qualität & Tests: Linting/Formatting, kurze Einführung in Vitest
- Deployment & Betrieb: Build, Env-Konfiguration, Hosting (z. B. Vercel/Netlify)
- Mini-Projekt: kleine SPA, die Routing, State und Formulare verbindet
Zielgruppen
- Frontend- und Full-Stack-Entwickler*innen, die moderne Web-Apps mit Vue bauen möchten.
- Teams, die von React/Angular umsteigen oder Vue einführen wollen.
- Tech Leads, die Projektstruktur, Testing & Deployment in Vue-Projekten etablieren möchten.
Vorkenntnisse
- Kenntnisse in HTML/CSS und JavaScript (ES6+), grundlegende CLI- und npm-Erfahrung.
- Optional: Grundkenntnisse in TypeScript. Vorerfahrung mit Vue ist nicht erforderlich.
