Wir bieten Schulungen an! Von Anfänger bis Experte - inklusive Agentic AI Coding!
Nächste Termine verfügbar
Vue.js & TypeScript Schulung

Der beste Weg mit
Vue.js zu starten.

Unsere Schulungen machen dich fit für den produktiven Einsatz von Vue.js. Vertraue wie über 2000+ Teilnehmer:innen vor dir auf unsere Expertise.

Vor Ort Remote Inhouse
RWECommerzbankAllianzBoschGaleria KaufhofSWR

Unsere Vue.js-Schulungen

Erweitere dein Vue.js-Wissen mit diesen Kursen.

Vue.js 3 & TypeScript

Vue.js 3 & TypeScript

Intensiv-Schulung für Vue.js 3 mit TypeScript. Lerne die Grundlagen anhand eines praktischen Beispiels.

3 Tage Vor Ort oder Remote
Zur Schulung
Vue.js State Management

Vue.js State Management

Verwalte den Zustand deiner Vue.js-Anwendungen effizient mit Pinia, der modernen State Management Lösung.

2 Tage Vor Ort oder Remote
Zur Schulung
Vue.js Composition API

Vue.js Composition API

Intensiv-Schulung zur modernen Composition API in Vue.js. Für sauberen und wartbaren Code.

2 Tage Vor Ort oder Remote
Zur Schulung
Frontend-Architektur

Frontend-Architektur

Moderne Webentwicklung und Frontend-Architektur. Lerne Best Practices für skalierbare Anwendungen.

3 Tage Vor Ort oder Remote
Zur Schulung

Alle Schulungen werden von workshops.de workshops.de durchgeführt.

Interaktiver Workshop

Schneller und angenehmer lernen.

Vue.js wird immer beliebter und zahlreiche Unternehmen bieten mittlerweile Vue.js Schulungen, Seminare und Workshops an. Ob Formulare, Single-Page-Webanwendungen oder Multi-Page-Webseiten – die Einsatzmöglichkeiten mit Vue sind enorm. Mit Version 3.0 hat Vue.js sich sogar wieder übertroffen und überzeugt mit vielen innovativen Features, die es Entwicklern noch einfacher macht, professionelle Anwendungen zu erstellen.

In unserer Vue Schulung vermitteln wir die Grundlagen des Webframeworks und zeigen unseren Teilnehmern, wie sie ein Projekt-Setup planen und aufbauen können.

Wir bieten sowohl offene als auch geschlossene Workshops an. Erstere zeichnen sich dadurch aus, dass der Termin bereits vorgegeben ist und die Anmeldung jedem beliebigen Teilnehmer online zur Verfügung steht. Geschlossene bzw. inhouse Schulungen kommen durch Anfragen von Unternehmen zustande und werden sowohl terminlich als auch inhaltlich ganz individuell abgestimmt.

Aktuell fokussieren wir uns auf das Homeoffice und bieten 6-Tage-Teilzeit-Workshops an. So könnt Ihr weiterhin an Euren Projekten arbeiten und fallt nicht komplett aus. Gerade Entwickler können sich selten für eine ganze Woche freimachen. Ständig meldet sich ein Kunde oder der Chef, weil irgendetwas ganz dringend gemacht werden muss. 🙄

  • 60 % Praxisanteil
  • Musterlösungen zu allen Aufgaben
  • Aktuelle Inhalte basierend auf Vue.js 3.0
  • Viel Zeit für Fragen
  • Zeit für Gruppenarbeit und Breakout-Sessions
  • Interaktive Meetings für Fragen und Diskussionen
  • Dauerhafter Zugriff auf Materialien, Aufzeichnung und Transkripte
Workshop Teilnehmer

Was sind Vue.js bzw. TypeScript?

Ein Kurzüberblick, um
was es geht.

Vue.js Logo

Vue.js

Vue.js ist ein progressives JavaScript-Framework zur Erstellung von Benutzeroberflächen. Es wurde von Evan You entwickelt und zeichnet sich durch seine einfache Integration, reaktive Datenbindung und komponentenbasierte Architektur aus. Mit der Composition API in Vue 3 bietet das Framework moderne Patterns für skalierbare Anwendungen.

TypeScript Logo

TypeScript

TypeScript wird seit 2012 von Microsoft entwickelt und ist ein Aufsatz auf die Sprache JavaScript (die Basis der Web-Anwendungsentwicklung). Es erweitert diese u.a. um ein Typensystem, das die Entwicklung und Pflege von Webanwendungen stark unterstützt. Gerade Entwickler:innen, die vorher Programmiersprachen wie Java oder C# gelernt haben, finden sich so deutlich leichter zurecht.

Annika Stille
"Die Trainer:innen sind absolute Profis und übermitteln ihre Begeisterung für das Thema. Unsere Mitarbeiter profitieren von intensiven, praktischen Trainings, in denen auf ihre Bedürfnisse eingegangen wird. Das Feedback ist ausgesprochen gut."

Annika Stille

Verantwortliche für interne Weiterbildung, Adesso AG

Agenda

Wissen aus der Praxis.

Wir sind selbst Entwickler:innen und wissen, welche Probleme zuerst in der echten Welt auftreten werden. Deshalb arbeiten wir mit Beispielen, die aus der echten Welt stammen. Diese haben wir dann auf den Kern reduziert, um diese leicht vermitteln zu können. Der Praxis-Anteil liegt dabei bei 60%.

TypeScript

Grundlagen TypeScript

Wir starten mit einer kurzen Einführung in TypeScript (ca. 3 Stunden). Dort lernen wir die Grundlagen für den anschließenden Vue.js-Teil.

Warum TypeScript?
Type inference
Typendefinitionen
Interfaces & Type Aliases
Generics
Utility Types
Best Practises
Vue.js

Vue.js Themen

Danach erarbeiten wir die Grundkonzepte von Vue.js entlang einer durchgehenden Beispiel-Anwendung. Dazu gibt es immer einen kurzen Theorie-Teil, gefolgt von einer Aufgabe. Zu den verschiedenen Schritten stellen wir eine Musterlösung bereit.

Was ist Vue.js?
Wann und Warum macht es Sinn Vue.js im Projekt einzusetzen?
Die Vue-CLI
Templates & Template-Syntax
Computed properties
Formulare und Validierung
Komponenten und Komponentendesign
Props und Custom Event Handling
Data-Flow
Lifecycle hooks
Zugriff auf eine REST-API
Vue.js

Vue Router

Nach den Grundlagen gehen wir dazu über unsere Demo-Applikation umzusetzen, wobei wir mit dem Routing beginnen.

Wozu braucht man Routing?
Definition und Nutzung von Routen
Dynamische Routen und der Ranking Algorithmus
Child Routes
Performance-Optimierungen durch Lazy Loading
Route Guards
Vue.js

Vue Formulare und Rest-APIs

Als Nächstes gehen wir zu den Themen über, die den Kern von nahezu jeder Anwendung bilden.

Formulare
Validatoren und Fehlermeldungen
Zugriff auf eine REST-API
Bidirektionales Databinding (Two-Way) durch v-model
Pinia

State management mit Pinia

In mittel bis großen Anwendungen wird die Verwaltung des Zustandes der Applikation immer wichtiger, daher widmen wir uns als letztes der Einbindung von Pinia.

Was ist State management und wozu brauchen wir es?
Pinia Architektur
Einbindung von Pinia
Nutzung von Actions und Getters
Trennen der Verantwortlichkeiten mit Modulen
Vue.js

Architektur großer Anwendungen

Wie teilt man eine Applikation am Besten auf und warum? Wie programmiere ich zukunftssicher? In diesem Teil liefern wir die Antworten.

Komponentenarchitektur
Feature-basierte Struktur
Wiederverwendbare Composables
Monorepo mit Nx oder Turborepo
Micro Frontends mit Vue.js
Vue.js

Vue.js weiterführende Themen

Die restliche Zeit widmen wir individuellen Themenwünschen. Hierbei kann die Gruppe wählen, welche Themen am relevantesten für sie sind. Wir haben über 600 Folien, aus denen ad hoc ausgewählt werden kann.

Teleport und Suspense
Custom Directives
Plugins entwickeln
Performance-Optimierung
Unit Testing mit Vitest
Component Testing
E2E Testing mit Playwright
Vue DevTools
Build und Deployment

Erweiterte Agenda

Angepasst auf eure Bedürfnisse.

Wir stellen euch als Trainer:innen-Community ein großes Portfolio an Materialien und Aufgaben zur Verfügung. Da in wenigen Tagen aber nur eine bestimmte Menge an Wissen aufgenommen werden kann, haben wir fortführende Themen die wir auf die jeweiligen Bedürfnisse und Herausforderungen der Gruppe anpassen. Wenn ihr also die Grundlagen schon kennt, werden diese nur kurz wiederholt damit alle dieselbe Terminologie und Konzepte benutzen. Dies klappt in die andere Richtung natürlich genauso und es können z.B. Basis-Module für HTML & CSS dazu genommen werden.

Aktuell haben wir über 20 Module die wir in unserer Vue.js Schulung kombinieren können. In unserem workshops.de virtuellen Klassenraum können wir diese dynamisch und flexibel verwalten. Wir wollen an dieser Stelle auch klar kommunizieren, dass in unseren öffentlichen Schulungen durch die oft sehr gemixte Gruppe nicht alle Zusatzmodule im Detail besprochen werden können. Hier eine Auswahl unserer zusätzlichen Module:

Vitest

Testing & Debugging

Manuelles Testen ist sehr Zeitaufwendig und lenkt euch von der eigentlichen Entwicklung ab. Mit einer sinnvollen Teststrategie könnt ihr euren Code absichern und schneller entwickeln.

Unit Tests mit Vitest
Component Testing
Testing Library
E2E Testing mit Playwright
Vue DevTools
Vue Router

Routing für Fortgeschrittene

Der Vue Router ist mächtig und bietet viele Features. Wir zeigen euch, wie ihr das Beste aus dem Router herausholt und eure Anwendung performant strukturiert.

Dynamic Routes
Lazy Loading
Navigation Guards
Route Meta Fields
Scroll Behavior
Transitions
Nuxt

Nuxt.js Framework

Nuxt.js ist das Meta-Framework für Vue.js und bietet Server-Side Rendering, Static Site Generation und eine hervorragende Developer Experience out of the box.

File-based Routing
Server-Side Rendering (SSR)
Static Site Generation (SSG)
Auto-Imports
Nuxt Modules

Bewertungen

Die Meinung unserer Teilnehmer:innen zählt.

Nach jeder Schulung bitten wir unsere Teilnehmer:innen um Feedback. Aus insgesamt 226 abgegebenen Bewertungen erreichen wir aktuell eine durchschnittliche Bewertung von 4.8 Sternen.

Alle Bewertungen anzeigen →

"Eine hervorragend strukturierte Vue.js-Einsteigerschulung von einem erstklassigen Trainer, der die Erwartungen der Teilnehmenden vollständig berücksichtigt und sein Schulungsmaterial optimal darauf ausrichtet."

"Ich habe noch viel zu lernen, aber jetzt habe ich einen besseren Überblick über den Weg der vor mir liegt."

"Die Vue.js-Schulung bei Joe war wirklich lehrreich und hat Spaß gemacht. Ich kann sie jedem empfehlen, der mit Vue.js starten oder sein Wissen ausbauen möchte."

"Ich kann die Vuejs Schulung bei Florian absolut jedem Empfehlen, der Vuejs Skill aufbauen möchte."

"Ausgezeichnet strukturierter Workshop."

"War wirklich super und hat Spaß gemacht :)"

Kosteneffizienz

Spare Kosten.

Kennst Du die Studie der Standish Group? Fehler ganz am Anfang eines Projektes sind die Teuersten. Wir arbeiten seit über 10 Jahren mit Vue.js und haben die meisten Fehler schon gemacht. Nutze unsere Erfahrung und vermeide die häufigsten Anfängerfehler.

Kostenersparnis durch professionelle Schulung

Voraussetzungen

Ohne viel Vorwissen direkt starten.

Voraussetzung sind Grundlagenkenntnisse in JavaScript und HTML. Innerhalb des Workshops gehen wir auf die individuelle Situation der Gruppe ein und passen sowohl den Fokus als auch die Geschwindigkeit an. Somit können dann z.B. Grundlagen noch einmal wiederholt oder auch übersprungen werden.

Technische Voraussetzung für die Schulung ist ein Notebook mit Windows, Linux oder MacOSX. Weiterhin wird NodeJS mit einigen Paketen benötigt, du bekommst hierzu eine Schritt-für-Schritt-Anleitung nach deiner Anmeldung zu diesem Workshop.

Teilnehmer beim Programmieren in der Schulung

Enthaltene Leistungen

Alles Wichtige ist dabei.

Vorgespräch mit Trainer:in

Jede Gruppe ist anders. Damit wir den Workshop für euch optimal konzipieren können, führen wir vor jedem In-House Workshop ein intensives Gespräch mit euch.

Kursunterlagen inkl. Updates

Du erhältst Zugriff auf alle Unterlagen und Zusatzmaterialien über unser virtuelles Klassenzimmer. Mit deinem Account hast du lebenslangen Zugriff - inkl. Aktualisierungen!

Teilnahmezertifikat

Nach erfolgreichem Abschluss erhältst du ein offizielles Teilnahmezertifikat als Nachweis deiner Weiterbildung. Das Zertifikat ist auf LinkedIn teilbar.

Essen & Trinken

In unseren öffentlichen Schulungen sind Essen und Trinken für die komplette Veranstaltungszeit enthalten. Vegetarische Optionen sind verfügbar.

Kontakt

Sind noch Fragen offen?

Robin Böhm

Robin Böhm

Dann schreib' uns einfach eine E-Mail an info@vuejs.de. Wenn du einen persönlicheren Kontakt vorziehst, freuen wir uns auch über einen Anruf von dir! Wir sind werktags von 8 bis 13 Uhr telefonisch unter +49 30 / 75437336 erreichbar.

Alle Vue.js-Schulungen

Finde die passende Schulung für dein Level und deine Ziele.

Vue.js 3 & TypeScript

Vue.js 3 & TypeScript

3 Tage

Intensiv-Schulung für Vue.js 3 mit TypeScript. Lerne die Grundlagen anhand eines praktischen Beispiels.

Zur Schulung
Vue.js State Management

Vue.js State Management

2 Tage

Verwalte den Zustand deiner Vue.js-Anwendungen effizient mit Pinia, der modernen State Management Lösung.

Zur Schulung
Vue.js Composition API

Vue.js Composition API

2 Tage

Intensiv-Schulung zur modernen Composition API in Vue.js. Für sauberen und wartbaren Code.

Zur Schulung
Frontend-Architektur

Frontend-Architektur

3 Tage

Moderne Webentwicklung und Frontend-Architektur. Lerne Best Practices für skalierbare Anwendungen.

Zur Schulung

Alle Schulungen werden von workshops.de workshops.de durchgeführt.

Alle Schulungen ansehen

Newsletter

Bleibe auf dem Laufenden mit den neuesten Vue.js News, Tutorials und Schulungsangeboten.

Newsletter abonnieren