Vue.js: Modul 2 - Architektur & Qualität training
Vue.js: Modul 2 - Architektur & Qualität
Intensiv-Schulung
  • bessere Front-End Entscheidungen
  • weniger technische Schulden
  • höhere Team-Wirksamkeit
  • & konkrete Architektur-Skills
Vue.js: Modul 2 - Architektur & Qualität Intensiv-Schulung
VueJS.DE
Official German Community
3 bis 5 Tage
Duration
95%
Recommendation Rate
Over 8.235 participants from leading companies learn with workshops.de
Logo of RWE Group Business Services GmbH, Dortmund
Logo of Generali
Logo of Allianz
Logo of adesso AG, Dortmund
Logo of Commerzbank AG, Frankfurt
Logo of Robert Bosch GmbH, Stuttgart
Logo of Pass Consulting Group
Logo of RWE Group Business Services GmbH, Dortmund
Logo of Generali
Logo of Allianz
Logo of adesso AG, Dortmund
Logo of Commerzbank AG, Frankfurt
Logo of Robert Bosch GmbH, Stuttgart
Logo of Pass Consulting Group

Vue.js: Modul 2 - Architektur & Qualität Intensiv-Schulung

Einsteiger · 3 bis 5 Tage · In-House

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

Vue.js erfreut sich mehr und mehr an wachsender Beliebtheit. Es handelt sich hierbei um ein clientseitiges JavaScript-Webframework zur Erstellung von Single-Page-Webanwendungen.

Eine der ersten Fragen um dieses Framework ist oftmals: "Wie wird Vue ausgesprochen?" View? Vü? Die Antwort lässt sich in den ersten Zeilen der Dokumentation von Vue finden und ist wie folgt definiert: Vue (pronounced /vjuː/, like view).

Vue.js ist der Mittelweg zwischen Angular, welches primär für komplexe Enterprise-Anwendungen konzipiert ist und somit sehr Mächtig ist, und React, was ein sehr kleiner Layer ohne wirkliche Vorgaben ist und somit sehr viel Individualisierung ermöglicht. Vue.js ist sehr einsteigerfreundlich, da es klein aber dennoch sehr strukturiert aufgebaut ist.

Eine weitere Besonderheit ist, das dieses Projekt nicht aus der Schmiede der großen Unternehmen (Google Angular, Facebook React) kommt sondern ein unabhängiges Community-Projekt ist. Das Projekt wurde von Evan You im Jahr 2013 gestartet. Seine Vision war es, die Vorteile von AngularJS zu nutzen und eine leichtgewichtige Alternative für kleine Projekte zu schaffen. Das erste Release wurde 2014 veröffentlicht.

Als Erweiterung zu Vue wird in diesem Zusammenhang sehr oft das freie Open Source Framework Nuxt.JS genannt. Es ist ein Web Application Framework, das auf Vue.js, Node.js, Webpack und Babel.js basiert. Es betitelt sich selbst als „meta-framework for universal applications“, was soviel bedeutet wie ein universaler Rahmen für Web-Anwendungen. Dies bezieht sich auf die Möglichkeiten sowohl einzelne Komponenten, Single Page Applications, oder auch serverseitig-gerenderte Webseiten zu erstellen, die sich sehr gut mit SEO optimieren lassen.


Agenda

Vue Logo

Advanced Component Patterns

  • Render Functions
  • JSX in Vue
  • Advanced Component Patterns
  • Komponentendesign für große Enterprise-Anwendungen
  • Architekturentscheidungen für skalierbare Frontends

Vue Logo

State Management Deep Dive (Pinia)

  • Pinia Plugins
  • Performance-Tuning von Stores
  • Architektur großer State-Strukturen
  • Rehydration-Strategien nach einem Refresh
  • Strukturierung komplexer Store-Landschaften

Vue Logo

Skalierbare Architektur & Design Patterns

  • Domain-getriebene Projektstruktur
  • Trennung von UI, Business-Logik und Infrastruktur
  • Design Patterns in Vue-Anwendungen
  • Advanced TypeScript Patterns mit Vue 3 und Pinia
  • Wartbarkeit und langfristige Code-Qualität

Vue Logo

Performance & Build Optimierung

  • Reaktivitäts-Optimierung auf Low-Level
  • Analyse von Rendering-Bottlenecks
  • Bundle-Analyse und Optimierung
  • Code-Splitting-Strategien für große Anwendungen
  • Build-Optimierung mit Vite

Vue Logo

Advanced Testing Strategien

  • Testarchitektur für große Anwendungen
  • Strukturierte E2E-Strategien mit Playwright
  • Mocking komplexer Abhängigkeiten
  • Test-Daten-Strategien
  • Integration von Testing in CI/CD-Prozesse

Vue Logo

Server-Side Rendering & Nuxt

  • SSR-Architekturentscheidungen
  • Hydration-Probleme verstehen und lösen
  • Performance-Optimierung mit SSR
  • Typische Fallstricke und Best Practices

What you should know

Prerequisites
  • Grundlagenkenntnisse in HTML & CSS, Vue.js mit TypeScript
  • Technische Voraussetzung: Notebook mit Windows, Linux oder macOS

Zur Vorbereitung steht dir unser kostenloses JavaScript-Vorbereitungsmodul direkt im Kurs zur Verfügung.
Für eine umfassendere Einarbeitung in die Grundlagen kannst du auch unsere Intensiv-Schulungen besuchen: HTML & CSS Intensiv-Schulung, JavaScript Intensiv-Schulung und TypeScript Intensiv-Schulung.

Target Audience

This Vue.js: Modul 2 - Architektur & Qualität course is aimed at Einsteiger.


What's Included

Certificate of Participation
Shareable on LinkedIn Logo
Virtual classroom
Interactive learning platform with exercises and materials
Bonus
Lifetime Access
Including updates to training materials
In-House/Corporate Seminars
Customized adaptations available
On-site at your location or online
Available in German and English

Request in-house/corporate training

Interested in an in-house Vue.js: Modul 2 - Architektur & Qualität training for your team or company?
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
Robin Böhm
CEO of workshops.de

What our participants say

Participant illustration
Anonymized on request
Participant

Attended Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Questions and answers

Our public Vue.js: Modul 2 - Architektur & Qualität remote courses take place from 9:00 AM to 1:00 PM, on-site Vue.js: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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: Modul 2 - Architektur & Qualität 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.

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.

Team profile pictures
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!

Weekdays from 8 AM to 1 PM

info@workshops.de

+49 30 / 75437336

In-House Training
Individual Pricing
Inquire Now