Start/Workshops/Vue.js 3 Fortgeschrittene

Vue.js 3 Fortgeschrittene

In 3 Tagen zu fortgeschrittenen Vue.js 3 Konzepten wie Composition API, Pinia, Routing und Testing

Dauer

3 Tage

Format

Remote oder Inhouse

Sprache

Deutsch

Beschreibung

Über den Workshop

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.

Agenda

Tagesablauf

Tag 1

State Management mit Pinia

01State Management mit Pinia
02Projektsetup mit Vite
03Entwicklungsserver und Vue Developer Tools
04Komponenten, Props und Events
05Bedingtes Rendering und Listen

Tag 2

Routing, Projektstruktur und Anwendungspraxis

01Vue Router Grundlagen
02Routen, Views und Navigation
03Dynamische Routen und Query Parameter
04REST-API-Anbindung mit fetch und Axios
05Projektstruktur und Best Practices

Tag 3

Testing, SSR, Performance und Sicherheit

01Asynchrone REST-Zugriffe mit fetch und Axios
02Lade- und Fehlerzustände
03Komponentenstruktur und State-Management
04Server-Side Rendering mit Nuxt.js
05Testing mit Vitest

Zielgruppe

Für wen ist der Workshop geeignet?

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

Voraussetzungen

✓Solide Vue.js Kenntnisse
✓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

Lernziele

Was Sie mitnehmen

Sicherer Einsatz von Pinia für strukturiertes Application State Management

Routing-Szenarien mit Vue Router, dynamischen Routen und Query Parametern eigenständig umsetzen

REST-API-Anbindungen mit asynchronen Actions sauber in Vue.js Anwendungen integrieren

Unit Tests, Component Tests und E2E-Tests für Vue.js Projekte gezielt einordnen und anwenden

Performance, Lifecycle Hooks, Repainting und Sicherheitsaspekte in Vue.js Anwendungen bewerten

Eine reale Vue.js Web-Anwendung nach fortgeschrittenen Best Practices weiterentwickeln

Referent

Über den Trainer

Manuel Kübler

Full-Stack Entwickler & IT-Trainer

Manuel Kübler ist freiberuflicher Full-Stack-Entwickler und IT-Trainer mit über 12 Jahren Projekterfahrung in der Softwareentwicklung. Er begleitet Unternehmen als Entwickler und Berater – von der Konzeption moderner Webanwendungen bis hin zur Anbindung und Erweiterung von ERP-Systemen. Seine Schwerpunkte liegen in der Entwicklung mit React, Vue.js, Angular, Laravel und Node.js sowie in der SAP Business One-Entwicklung mit C# und dem coresuite Country Package. Als erfahrener Trainer konzipiert und leitet er Intensivschulungen für Softwareunternehmen und Hochschulen zu Themen wie React, Vue.js, Laravel, Git, ASP.NET und weiteren modernen Technologien. Seine Beispielprojekte und Lehrmaterialien sind auf GitHub unter SoftwareDesign-Solution öffentlich einsehbar.