5.0

2 halbe Tage oder 1 Tage

Dauer

95%

Weiterempfehlungsrate

Über 8.626 Teilnehmende aus führenden Unternehmen lernen mit workshops.de

Wie baue ich performante Vue-Anwendungen? Schulung

Einsteiger · 2 halbe Tage oder 1 Tage oder flexibel als Inhouse Schulung · Inhouse

Laut Teilnehmenden eine der beliebtesten Schulungen auf workshops.de

5.0

Teilnehmer-
Favorit

95%

Weiterempfehlung

60% Praxisanteil

Übungen mit echten Projekten aus dem Entwickleralltag

Zertifizierte Trainer:innen

Google Developer Experts & Community-Expert:innen

Bonus: Lebenslanger Zugriff

Materialien bleiben aktuell — auch nach dem Workshop

Agenda

Performance verstehen und messbar machen

Wir schaffen die Grundlage: Was bedeutet Performance für deine Nutzerinnen und Nutzer?

Warum Performance ein Feature ist
Core Web Vitals: LCP, INP und CLS
Lab-Daten und Feld-Daten unterscheiden
Typische Performance-Probleme in Vue-Anwendungen

Ein Performance-Budget etablieren

Wir legen gemeinsam fest, woran sich deine Anwendung messen lassen muss.

Was gehört in ein Performance-Budget?
Sinnvolle Zielwerte für Bundle-Größe, Requests und Ladezeiten
Budget im Team verankern und dokumentieren
Budget-Verletzungen automatisiert erkennen

Werkzeuge für die Analyse

Du lernst die Tools kennen, mit denen du Engpässe aufspürst.

Chrome DevTools: Performance-, Network- und Coverage-Panel
Lighthouse und Web Vitals in der Praxis
Vue DevTools und der Component-Timeline
Bundle-Analyse mit Vite und Rollup Visualizer

Rendering und Reaktivität in Vue 3

Wir schauen unter die Haube und verstehen, wann Vue neu rendert.

Das Reaktivitätssystem von Vue 3 im Überblick
Unnötige Re-Renders erkennen und vermeiden
computed, watch und watchEffect bewusst einsetzen
Reactive Daten schlank halten mit shallowRef und markRaw

Komponenten optimieren

Kleine Änderungen im Komponenten-Design mit großer Wirkung.

Props, Slots und Events performant gestalten
v-for mit stabilen Keys und v-memo
v-once und statisches Hoisting
Große Listen mit Virtual Scrolling darstellen
Teure Komponenten mit defineAsyncComponent auslagern

Ladezeiten und Bundle-Größe reduzieren

Wir bringen die Anwendung schneller auf den Bildschirm.

Code Splitting und Route-based Lazy Loading
Tree Shaking und der Umgang mit Third-Party-Bibliotheken
Bilder, Fonts und Assets optimieren
Preload, Prefetch und Caching-Strategien

Ausblick und nächste Schritte

Damit Performance dauerhaft im Projekt verankert bleibt.

Server-Side Rendering und Static Site Generation als Option
Performance-Checks in der CI-Pipeline
Monitoring im Produktivbetrieb
Checkliste und weiterführende Ressourcen für dein Projekt

Was ihr wissen solltet

Voraussetzungen

Dieser Kurs hat keine besonderen Voraussetzungen.

Zielgruppe

Der Kurs „Wie baue ich performante Vue-Anwendungen?“ richtet sich an Einsteiger.

Was enthalten ist

Teilnahmezertifikat

Teilbar auf

Virtueller Klassenraum

Interaktive Lernplattform mit Aufgaben und Materialien

Bonus

Lebenslanger Zugriff

Inklusive Updates der Schulungsmaterialien

Inhouse/Firmenschulung anfragen

Interesse an einer Inhouse Wie baue ich performante Vue-Anwendungen? Schulung für dein Team oder Unternehmen?
Sende uns eine Anfrage und buche ein Vorgespräch mit unserer Beratung.

Maßgeschneiderte Schulung nach Ihren Bedürfnissen

Vor Ort oder Remote für mehrere Mitarbeitende

Deutsch und Englisch verfügbar

Jetzt anfragen

Robin Böhm

CEO von workshops.de

Das sagen unsere Teilnehmenden

5.0 /5

Raimund Bernardy

Teilnehmer:in

Bekanntes vertieft und Neues gelernt hinsichtlich Vue/Performance

Teilgenommen an Wie baue ich performante Vue-Anwendungen? Schulung

Christian Flock

Teilnehmer:in

Ein sehr gelungener Workshop und hervorragende Einblicke in die Thematik. Vielen Dank!

Teilgenommen an Wie baue ich performante Vue-Anwendungen? Schulung

Auf Wunsch anonymisiert

Teilnehmer:in

Super Workshop. Leicht verständlich und trotzdem detailliert. Das gelernte wurde mit kleinen Aufgaben direkt umgesetzt und Fragen wurden ausführlich beantwortet.

Teilgenommen an Wie baue ich performante Vue-Anwendungen? Schulung

Auf Wunsch anonymisiert

Teilnehmer:in

Ich konnte dem Trainer super gut folgen und er war sehr kompetent.

Teilgenommen an Vue.js & TypeScript Intensiv-Schulung

Auf Wunsch anonymisiert

Teilnehmer:in

Super Grundlagen Schulung! Hier lernt man alles was man wissen muss, um mit dem ersten Vue.js Projekt zu starten.

Teilgenommen an Vue.js & TypeScript Intensiv-Schulung

Auf Wunsch anonymisiert

Teilnehmer:in

Gute Erklärungen mit genug Prxisanteil, dass man auch tatsächlich was behält

Teilgenommen an Vue.js & TypeScript Intensiv-Schulung

Alle Bewertungen anzeigen

Fragen und Antworten

Zu welchen Zeiten finden die Schulungen statt?

Unsere öffentlichen Wie baue ich performante Vue-Anwendungen? Remote-Kurse finden von 9:00 bis 13:00 Uhr statt, Vor-Ort Wie baue ich performante Vue-Anwendungen? Schulungen von 9:00 bis 16:30 Uhr.

Für Inhouse-Seminare sind individuelle Anpassungen möglich.

Erhalte ich nach der Schulung ein Zertifikat?

Ja. Am Ende jedes unserer Wie baue ich performante Vue-Anwendungen? Seminare erhalten Teilnehmende ein unterschriebenes Teilnahmezertifikat.

Das Zertifikat enthält eine Verifizierungs-URL und kann auf deinem LinkedIn-Profil geteilt werden. Erfahre mehr über die Verwaltung von Zertifikaten auf LinkedIn.

In welchen Sprachen werden die Schulungen angeboten?

Ja, wir bieten unsere Wie baue ich performante Vue-Anwendungen? Seminare auf Deutsch und Englisch an.

Öffentliche Termine werden auf Deutsch gehalten, außer es ist explizit anders vermerkt.

Inhouse-Seminare können in der gewünschten Sprache durchgeführt werden.

Alle Unterlagen und Übungen sind komplett auf Englisch verfügbar.

Werden die Schulungen sowohl Remote als auch Vor Ort durchgeführt?

Ja. Wir bieten unsere Wie baue ich performante Vue-Anwendungen? Seminare sowohl Remote als auch Vor Ort an. Dank unseres virtuellen Klassenraums kannst du bequem von überall an unseren Workshops teilnehmen. Unsere Online-Präsentationen werden regelmäßig aktualisiert und du hast nach der Schulung dauerhaften Zugriff darauf. Die Übungen können über ein Online-Interface aufgerufen und von uns freigeschaltet werden. Wir haben hier einige Aufgaben ergänzt, die dich für die Durchführung eines Remote-Workshops vorbereiten.

Wir bieten auch Inhouse-Seminare und öffentliche Schulungen vor Ort an. In unserer Terminübersicht siehst du den jeweiligen Veranstaltungsort der Schulungen. Für Inhouse-Schulungen besprechen wir die Veranstaltungsort-Details gerne individuell mit dir.

Welches Meeting-Tool nutzt ihr bei Remote-Schulungen?

Für öffentliche Wie baue ich performante Vue-Anwendungen? Seminare nutzen wir neben unserem Classroom das Online-Meeting-Tool Zoom.
Innerhalb der Vorbereitung ist auch ein Test-Link aufgeführt, der euch diese Technologie testen lässt. Der Remote-Workshop ist darauf konzipiert, dass alle an verschiedenen Orten sitzen und jeder mit seinem eigenen Rechner mitarbeitet.

Für Inhouse-Seminare können wir das Meeting über Zoom oder Microsoft Teams durchführen.
Andere Meeting-Software ist nach Absprache möglich.

Welche Unterstützung bietet ihr nach der Schulung?

Inhouse Wie baue ich performante Vue-Anwendungen? Schulungen: Individuelle Beratung mit Code-Mentoring

Für unsere Inhouse-Seminare bieten wir zusätzlich Code-Mentoring an.

Was ist Code-Mentoring?

Ask-Me-Anything Sessions: Kläre Fragen und Unsicherheiten, die während des Kurses entstanden sind, direkt mit einem Experten.
Code Review: Reiche eigene Code-Schnipsel ein und lass sie von Experten analysieren und bewerten.
Vertiefende Themen: Stelle weiterführende Fragen zum Kursthema, um dein Wissen zu vertiefen.

Öffentliche Wie baue ich performante Vue-Anwendungen? Schulungen: Austausch auf unserem Community Discord

Für Teilnehmende öffentlicher Schulungen empfehlen wir den Beitritt zu unserem Community Discord Server.

Deine Vorteile auf Discord:

Vielfältige Kanäle für Fragen und Diskussionen – über das Kursthema hinaus.
Eine engagierte Community, die dich beim Lernen unterstützt.

Wer sind die Trainer:innen?

Unsere Trainer:innen sind erfahrene Experten aus der Praxis:

Erfahrene Softwareentwickler:innen
Buch- und Artikel-Autor:innen
Aktive Mitglieder der Web-Community
Organisator:innen von Meetups und Konferenzen

Könnt ihr elektronische Rechnungen (E-Rechnung, X-Rechnung) ausstellen?

Ja. Du kannst deine Leitweg-ID direkt in unserem Bestellformular angeben. Unsere Rechnungen werden als ZUGFeRD-PDFs direkt nach der Buchung verschickt.
Hast du eine Leitweg-ID angegeben, wird unser Team benachrichtigt und wir kümmern uns um den Upload zum Portal. Sollten wir weitere Informationen benötigen, melden wir uns nach der Buchung bei dir.