Wir bieten Schulungen an! Von Anfänger bis Experte - inklusive Agentic AI Coding!
Upcoming dates available
Vue.js & TypeScript Training

The best way to start
with Vue.js.

Our training courses prepare you for productive use of Vue.js. Trust our expertise like 2000+ participants before you.

On-Site Remote In-House
RWECommerzbankAllianzBoschGaleria KaufhofSWR

Our Vue.js Training Courses

Expand your Vue.js knowledge with these courses.

Vue.js 3 & TypeScript

Vue.js 3 & TypeScript

Intensive training for Vue.js 3 with TypeScript. Learn the fundamentals through a practical example.

3 Days On-Site or Remote
View Training
Vue.js State Management

Vue.js State Management

Efficiently manage the state of your Vue.js applications with Pinia, the modern state management solution.

2 Days On-Site or Remote
View Training
Vue.js Composition API

Vue.js Composition API

Intensive training on the modern Composition API in Vue.js. For clean and maintainable code.

2 Days On-Site or Remote
View Training
Frontend Architecture

Frontend Architecture

Modern web development and frontend architecture. Learn best practices for scalable applications.

3 Days On-Site or Remote
View Training

All training courses are provided by workshops.de workshops.de.

Interactive Workshop

Learn faster and more enjoyably.

Vue.js is becoming increasingly popular, and numerous companies now offer Vue.js training, seminars, and workshops. Whether forms, single-page web applications, or multi-page websites – the possibilities with Vue are enormous. With version 3.0, Vue.js has outdone itself again and impresses with many innovative features that make it even easier for developers to create professional applications.

In our Vue training, we teach the fundamentals of the web framework and show our participants how to plan and set up a project.

We offer both open and closed workshops. Open workshops have predetermined dates and registration is available online to any participant. Closed or in-house training courses come about through company inquiries and are individually tailored both in terms of timing and content.

Currently, we focus on remote work and offer 6-day part-time workshops. This way, you can continue working on your projects and don't completely drop out. Developers especially can rarely take a whole week off. Clients or bosses are constantly calling because something urgently needs to be done. 🙄

  • 60% hands-on practice
  • Sample solutions for all exercises
  • Current content based on Vue.js 3.0
  • Plenty of time for questions
  • Time for group work and breakout sessions
  • Interactive meetings for questions and discussions
  • Permanent access to materials, recordings, and transcripts
Workshop Participants

What are Vue.js and TypeScript?

A brief overview of
what it's all about.

Vue.js Logo

Vue.js

Vue.js is a progressive JavaScript framework for building user interfaces. It was developed by Evan You and is characterized by its easy integration, reactive data binding, and component-based architecture. With the Composition API in Vue 3, the framework offers modern patterns for scalable applications.

TypeScript Logo

TypeScript

TypeScript has been developed by Microsoft since 2012 and is a superset of JavaScript (the foundation of web application development). It extends JavaScript with a type system that greatly supports the development and maintenance of web applications. Developers who have previously learned programming languages like Java or C# find it much easier to get started.

Annika Stille
"The trainers are absolute professionals and convey their enthusiasm for the subject. Our employees benefit from intensive, practical training that addresses their needs. The feedback has been exceptionally positive."

Annika Stille

Head of Internal Training, Adesso AG

Agenda

Knowledge from practice.

We are developers ourselves and know which problems arise first in the real world. That's why we work with examples from the real world. We've reduced these to their core to make them easy to teach. The hands-on portion is 60%.

TypeScript

TypeScript Fundamentals

We start with a brief introduction to TypeScript (approx. 3 hours). There we learn the fundamentals for the subsequent Vue.js part.

Why TypeScript?
Type inference
Type definitions
Interfaces & Type Aliases
Generics
Utility Types
Best Practices
Vue.js

Vue.js Topics

Then we work through the basic concepts of Vue.js along a continuous example application. There's always a short theory part, followed by an exercise. We provide sample solutions for the various steps.

What is Vue.js?
When and why does it make sense to use Vue.js in a project?
The Vue CLI
Templates & Template Syntax
Computed properties
Forms and validation
Components and component design
Props and Custom Event Handling
Data Flow
Lifecycle hooks
Accessing a REST API
Vue.js

Vue Router

After the fundamentals, we move on to implementing our demo application, starting with routing.

Why do you need routing?
Defining and using routes
Dynamic routes and the ranking algorithm
Child Routes
Performance optimizations through Lazy Loading
Route Guards
Vue.js

Vue Forms and REST APIs

Next, we move on to topics that form the core of almost every application.

Forms
Validators and error messages
Accessing a REST API
Bidirectional data binding (Two-Way) with v-model
Pinia

State Management with Pinia

In medium to large applications, managing application state becomes increasingly important, so we conclude with integrating Pinia.

What is state management and why do we need it?
Pinia architecture
Integrating Pinia
Using Actions and Getters
Separating responsibilities with modules
Vue.js

Architecture of Large Applications

How do you best structure an application and why? How do I program future-proof? In this section, we provide the answers.

Component architecture
Feature-based structure
Reusable Composables
Monorepo with Nx or Turborepo
Micro Frontends with Vue.js
Vue.js

Vue.js Advanced Topics

We dedicate the remaining time to individual topic requests. The group can choose which topics are most relevant to them. We have over 600 slides to choose from ad hoc.

Teleport and Suspense
Custom Directives
Developing Plugins
Performance Optimization
Unit Testing with Vitest
Component Testing
E2E Testing with Playwright
Vue DevTools
Build and Deployment

Extended Agenda

Tailored to your needs.

As a trainer community, we provide you with a large portfolio of materials and exercises. Since only a certain amount of knowledge can be absorbed in a few days, we have advanced topics that we adapt to the respective needs and challenges of the group. If you already know the basics, they are only briefly reviewed so everyone uses the same terminology and concepts. This works the other way around too, and basic modules for HTML & CSS can be added.

Currently, we have over 20 modules that we can combine in our Vue.js training. In our workshops.de virtual classroom, we can manage these dynamically and flexibly. We also want to clearly communicate that in our public training courses, due to the often very mixed group, not all additional modules can be discussed in detail. Here's a selection of our additional modules:

Vitest

Testing & Debugging

Manual testing is very time-consuming and distracts you from actual development. With a sensible testing strategy, you can secure your code and develop faster.

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

Advanced Routing

Vue Router is powerful and offers many features. We show you how to get the most out of the router and structure your application performantly.

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

Nuxt.js Framework

Nuxt.js is the meta-framework for Vue.js and offers Server-Side Rendering, Static Site Generation, and an excellent Developer Experience out of the box.

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

Reviews

Our participants' opinions matter.

After each training, we ask our participants for feedback. From a total of 225 submitted reviews, we currently achieve an average rating of 4.8 stars.

View all reviews →

"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 :)"

"Gerne noch mal!"

Cost Efficiency

Save costs.

Do you know the Standish Group study? Errors at the very beginning of a project are the most expensive. We've been working with Vue.js for over 10 years and have made most of the mistakes already. Use our experience and avoid the most common beginner mistakes.

Cost savings through professional training

Prerequisites

Start directly without much prior knowledge.

The prerequisite is basic knowledge of JavaScript and HTML. Within the workshop, we adapt to the individual situation of the group and adjust both the focus and the pace. Thus, basics can be reviewed again or skipped.

Technical requirement for the training is a notebook with Windows, Linux, or macOS. Additionally, NodeJS with some packages is required; you will receive step-by-step instructions after registering for this workshop.

Participants coding during training

Included Benefits

Everything important is included.

Pre-meeting with Trainer

Every group is different. To optimally design the workshop for you, we conduct an intensive conversation with you before each in-house workshop.

Course Materials incl. Updates

You get access to all materials and additional resources through our virtual classroom. With your account, you have lifetime access – including updates!

Certificate of Participation

After successful completion, you receive an official certificate of participation as proof of your training. The certificate is shareable on LinkedIn.

Food & Drinks

In our public training courses, food and drinks are included for the entire event duration. Vegetarian options are available.

Contact

Still have questions?

Robin Böhm

Robin Böhm

Then just send us an email at info@vuejs.de. If you prefer more personal contact, we're also happy to receive a call from you! We're available by phone on weekdays from 8 am to 1 pm at +49 30 / 75437336.

All Vue.js Training Courses

Find the right training for your level and goals.

Vue.js 3 & TypeScript

Vue.js 3 & TypeScript

3 Days

Intensive training for Vue.js 3 with TypeScript. Learn the fundamentals through a practical example.

View Training
Vue.js State Management

Vue.js State Management

2 Days

Efficiently manage the state of your Vue.js applications with Pinia, the modern state management solution.

View Training
Vue.js Composition API

Vue.js Composition API

2 Days

Intensive training on the modern Composition API in Vue.js. For clean and maintainable code.

View Training
Frontend Architecture

Frontend Architecture

3 Days

Modern web development and frontend architecture. Learn best practices for scalable applications.

View Training

All training courses are provided by workshops.de workshops.de.

View All Courses

Newsletter

Stay up to date with the latest Vue.js news, tutorials and training offers.

Subscribe to Newsletter