Over 8.558 participants from leading companies learn with workshops.de
5.0
5 half days
Duration
531
Participants
Vue.js & TypeScript Intensive Training
Beginner · 5 half days or flexible as in-house training · Remote · Open Training or In-House
According to participants, one of the most popular trainings on workshops.de
4.8
Participant
Favorite
Favorite
531
Participants
60% Hands-on Practice
Exercises with real projects from everyday development
Certified Trainers
Google Developer Experts & Community Experts
Bonus: Lifetime Access
Materials stay up to date — even after the workshop
Bonus: Free Preparation Videos
You'll receive video courses on JavaScript and TypeScript that optimally prepare you and close any knowledge gaps
Vue.js is enjoying growing popularity. It is a client-side JavaScript web framework for building single-page web applications.
One of the first questions about this framework is often: "How is Vue pronounced?" View? Vü? The answer can be found in the first lines of the Vue documentation and is defined as follows: Vue (pronounced /vjuː/, like view).
Vue.js is the middle ground between Angular, which is primarily designed for complex enterprise applications and is therefore very powerful, and other, less strongly structured frameworks, and React, which is a very small layer without any real specifications and thus allows a great deal of customization. Vue.js is very beginner-friendly, as it is small but nevertheless very structured in its setup.
Another special feature is that this project does not come from the forge of the big companies (Google Angular, Facebook React) but is an independent community project. The project was started by Evan You in 2013. His vision was to use the advantages of AngularJS and to create a lightweight alternative for small projects. The first release was published in 2014.
In this context, the free open source framework Nuxt.JS is very often mentioned as an extension to Vue. It is a web application framework based on Vue.js, Node.js, Webpack and Babel.js. It calls itself a "meta-framework for universal applications", which means something like a universal framework for web applications. This refers to the possibilities of creating individual components, single page applications, or even server-side rendered websites that can be optimized very well for SEO.
Agenda
TypeScript topics
The TypeScript training starts with the fundamentals but also covers advanced concepts that are especially relevant for the Vue.js training that follows. This training is particularly valuable for participants who want to get started with Vue.js but have little TypeScript experience.
- Why TypeScript?
- Type inference
- Type definitions
- Interfaces & type aliases
- Generics
- Utility types
- Best practices
Vue.js topics
An intensive workshop in which you are introduced to Vue 3 using a practical example. Advanced topics are also discussed and best practices are taught. By the end of the workshop you will have developed a reference application that you can use as a blueprint for your next project.
For this we provide a REST API, which we use to walk through and build together a typical start for a single-page application.
Vue.js fundamentals:
- Vue.js as a progressive framework for user interfaces.
- Understanding reactivity: automatic UI updates when data changes.
- Components & Single-File Components (SFCs): modular building blocks for clean code.
-
Modern Composition API and efficient
<script setup>syntax. -
Important directives such as
v-if,v-for,v-bind,v-on. - Working with computed properties.
- Event handling for interactions.
Form management:
- Efficient management of user input in forms.
- Implementation of robust validations (incl. HTML5 built-in, custom with watcher/event listener).
-
Two-way data binding with
v-model.
Navigation with Vue Router 4:
- Seamless navigation in single-page applications (SPAs).
- Defining routes and creating links.
- Dynamic routes with parameters for detail views.
- Lazy loading for performance optimization.
- Using route guards for protection and interaction before/during navigation.
State management with Pinia:
- The recommended state management solution for Vue.js.
- Avoiding "prop drilling" and efficient global state management.
- Installing, defining and using stores.
- Working with multiple stores.
- Pinia advantages: type safety, devtools support.
Modern tooling & hands-on project:
- Project setup with Vite, a lightning-fast build tool.
- Work on a practical example project (BookMonkey).
- Direct application of what you have learned in small, immediately actionable exercises.
All materials and exercises are available in the Classroom and can also be accessed after the workshop.
What you should know
Prerequisites
- Basic knowledge of HTML & CSS, JavaScript and TypeScript
- Technical requirement: Laptop with Windows, Linux or macOS
To help you prepare, our free JavaScript preparation module is available to you directly in the course.
For a more comprehensive introduction to the fundamentals, you can also attend our intensive trainings: HTML & CSS Intensive Training, JavaScript Intensive Training and TypeScript Intensive Training.
Target Audience
The course “Vue.js & TypeScript” is aimed at Beginner.
What's Included
Certificate of Participation
Shareable on 
Virtual classroom
Interactive learning platform with exercises and materials
Select dates & book
2 dates available
Group discount
€100 discount per person
for 3+ participants
for 3+ participants
07 Dec - 11 Dec
Remote
German
1.349 €
1.679 €
Super Early Bird until 08 Sep 2026
No events found
Seats available
Few seats left
Fully booked
Request in-house/corporate training
Interested in an in-house Vue.js & TypeScript training for your team or company?
Submit a request and book a preliminary meeting with our advisor.
Submit a request and book a preliminary meeting with our advisor.
Tailored training to your needs
On-site or remote for multiple employees
German and English available
Robin Böhm
CEO of workshops.de
What our participants say
4.8 /5
Based on 531 participants
Anonymized on request
Participant
Ich konnte dem Trainer super gut folgen und er war sehr kompetent.
Attended Vue.js & TypeScript Intensive Training
Anonymized on request
Participant
Super Grundlagen Schulung! Hier lernt man alles was man wissen muss, um mit dem ersten Vue.js Projekt zu starten.
Attended Vue.js & TypeScript Intensive Training
Anonymized on request
Participant
Gute Erklärungen mit genug Prxisanteil, dass man auch tatsächlich was behält
Attended Vue.js & TypeScript Intensive Training
Anonymized on request
Participant
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.
Attended Vue.js & TypeScript Intensive Training
Anonymized on request
Participant
Ich habe noch viel zu lernen, aber jetzt habe ich einen besseren Überblick über den Weg der vor mir liegt.
Attended Vue.js & TypeScript Intensive Training
Anonymized on request
Participant
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.
Attended Vue.js & TypeScript Intensive Training
Questions and answers
Our public Vue.js & TypeScript remote courses take place from 9:00 AM to 1:00 PM, on-site Vue.js & TypeScript trainings from 9:00 AM to 4:30 PM.
For in-house seminars, individual adjustments are possible.
Yes. At the end of each of our Vue.js & TypeScript seminars, participants receive a signed certificate of attendance.
The certificate includes a verification URL and can be shared on your LinkedIn profile. Learn more about managing certificates on LinkedIn.
Yes, we offer our Vue.js & TypeScript seminars in German and English.
Public dates are held in German, unless explicitly stated otherwise.
In-house seminars can be conducted in the desired language.
All materials and exercises are fully available in English.
Yes. We offer our Vue.js & TypeScript seminars both remotely and on-site. Thanks to our virtual classroom, you can conveniently participate in our workshops from anywhere. Our online presentations are regularly updated, and you have permanent access after the training. Exercises can be accessed and unlocked through an online interface, and we have added additional tasks to prepare you for remote workshops.
We also offer in-house seminars and public trainings on-site. In our schedule overview, you can see the respective venue of the trainings. For in-house trainings, we are happy to discuss the venue details individually with you.
For public Vue.js & TypeScript seminars, we use the online meeting tool Zoom alongside our classroom.
A test link is also included in the preparation to let you try out the technology. The remote workshop is designed so that everyone works from different locations with their own computer.
For in-house seminars, we can conduct the meeting via Zoom or Microsoft Teams.
Other meeting software may be used by arrangement.
In-house Vue.js & TypeScript trainings: Individual consulting with code mentoring
For our in-house seminars, we additionally offer code mentoring.
What is code mentoring?
- Ask-Me-Anything sessions: Clarify questions and uncertainties from the course directly with an expert.
- Code review: Submit your own code snippets and have them analyzed and evaluated by experts.
- Advanced topics: Ask in-depth questions about the course topic to expand your knowledge.
Public Vue.js & TypeScript trainings: Exchange on our community Discord
For participants of public trainings, we recommend joining our community Discord server.
Your benefits on Discord:
- Diverse channels for questions and discussions – beyond the course topic.
- An engaged community that supports you in learning.
Our trainers are experienced experts from the industry:
- Experienced software developers
- Book and article authors
- Active members of the web community
- Organizers of meetups and conferences
Yes. You can enter your routing ID directly in our order form. Our invoices are sent as ZUGFeRD PDFs right after booking.
If you have provided a routing ID, our team will be notified and we will handle the upload to the portal. If we need additional information, we will contact you after booking.
Still have questions?
Just send us an email. If you prefer a more personal contact, Britta is also happy to receive a call from you!
