Vue3 Workshop

A Comprehensive Introduction

Vue3 Training

(Software Architects, Software Developers, Software Testers)

Take your first step into the exciting world of Vue.js, one of the most intuitive and powerful frameworks for modern web applications. In our course, we will guide you through the fundamentals and advanced techniques of Vue 3, from setting up the development environment to complex components and state management with Pinia. This course is ideal for anyone looking to gain practical experience in developing reactive, user-friendly web applications. Discover the diverse possibilities of Vue 3 and bring your web projects to life.

Learn:

  • The Fundamentals of Vue3 and its ecosystem
  • Effective template syntax and data binding
  • Directives and event handling in Vue3
  • Compontent development and advanced techniques
  • Forms and validation methods
  • Routing techniques and HTTP communication

References

GoldbeckDataportTheben Smart EnergyHedgehogDE-CIXRösberg EngineeringKASTOLTB LeitungsbauChemical Check

Training

minimum 4 participants.

Content

Normal

2 Days
2d

Extended

3 Days
3d
Introductioncaret down
Overview of Vue3
Ecosystem and Tools
Vue Instance and Lifecycle
Introduction to Vue CLI
Setting Up the Development Environment
Basicscaret down
Introduction to HTML and CSS
Introduction to JavaScript and TypeScript
Basic Types, Classes, and Interfaces in TypeScript
Templates and Data Bindingcaret down
Template Syntax
Declarative Rendering Logic
Data Binding (One-Way, Two-Way)
Directives and Event Handlingcaret down
Built-in Directives (e.g., v-if, v-for, v-model)
Event Handling
Modifiers (Key, Mouse Events)
Custom Directives
Components and Propscaret down
Component Basics
Props and Custom Events
Dynamic and Asynchronous Components
Advanced Component Techniquescaret down
Slot Mechanism for Content Distribution
Mixins and Custom Input Components
Performance Enhancement with Keep-Alive
Reactive and Computed Propertiescaret down
Reactive Data
Computed Properties and Watchers
Methods vs. Computed Properties
Forms and Validationcaret down
Form Handling
Form Validation
Using Third-Party Libraries for Advanced Validation
Routingcaret down
Routing Basics
Dynamic Routes and Nested Routes
Navigation Guards
(✓)
HTTP Communicationcaret down
HTTP Requests with Axios
API Queries and Integration
Advanced Use of HttpClient
(✓)
Debuggingcaret down
Understanding Vue3 Error Messages
Debugging in the Browser
State Management with Piniacaret down
State Management Basics
State, Actions, and Getters
Testingcaret down
Unit Testing
Integration Testing
Advanced Topicscaret down
Vite as a Build Tool
Deploying Vue3 Applications
Vue3 Composition API
(✓)
Certificate
per participant, plus VAT and traveling cost according to expenditure
990 €
1.340 €

For individuals

  • Open training for single participants.
  • Book individually.
  • Remote.

Upcoming Dates

  • Jun 2, 2025 - Jun 4, 2025 - TrainingDateState.Open

For companies

(minimum 4 participants)

  • On your demand.
  • Book exclusively for your team.
  • On site or remote.
  • Traveling cost according to expenditure

Your benefit

Verified Open Badge

Certification System

  • Content tailored to your needs - so your team can benefit optimally from the training.
  • In-house or remote - training sessions.
  • Theoretical and practical parts - in all trainings.
  • All training materials - provided afterwards for you.
  • Available for follow-up questions after the training - we are always at your disposal.
  • A certificate of participation - is presented to all participants.
  • Examples and interactive exercises for effective Angular learning.

Trainers

Profile image Professional

Michael Mohr

Fullstack Developer / Trainer / Consultant
angularnestjsnextjsreacttypescriptgqlcypressjest