Training Agenda

Vue.js

Vue.js is the progressive JavaScript framework — approachable for beginners, powerful for large applications, and designed to integrate incrementally. With Vue 3's Composition API, Pinia for state management, and Vue Router for navigation, it offers a modern development experience with smaller bundle sizes and simpler mental models than Angular. This training covers Vue 3 from component basics through a full production-ready application with API integration, state management, and testing.

2 days On-site, remote, or hybrid Up to 20 participants German or English

What We Cover

Progressive framework, productive from day one

Day 1

Vue 3 Fundamentals & Composition API

Vue 3 component model: Options API vs Composition API — when to use which
setup() and script setup: modern component authoring
Reactivity: ref(), reactive(), computed(), watch(), watchEffect()
Template syntax: v-if, v-for, v-model, v-bind, v-on — directives in depth
Props and emits: parent-child communication, defineProps, defineEmits
Slots: default, named, scoped slots
Lifecycle hooks: onMounted, onUpdated, onUnmounted
Composables: extracting reusable logic with the Composition API
Vue Router 4: createRouter, nested routes, navigation guards, dynamic segments
Axios with Vue: interceptors, loading state, error handling

Day 2

Pinia, Testing & Production

Pinia state management: defineStore, state, getters, actions
Store composition: using one store inside another
DevTools: Vue DevTools for component inspection and Pinia debugging
Form validation: VeeValidate with Zod schema validation
Vitest: unit testing composables and components
Vue Testing Library: component testing from the user's perspective
Playwright: end-to-end testing for Vue applications
Vite build: code splitting, dynamic imports, environment variables
Performance: v-memo, KeepAlive, lazy loading routes
Nuxt 3 overview: SSR/SSG with Vue — when server rendering adds value
Accessibility: Vue-specific a11y considerations

Learning Outcomes

What your team walks away with

Developers who can build full Vue 3 applications — reactive components, shared state with Pinia, routing, API integration, and automated tests.

Write Vue 3 components with the Composition API and composable patterns
Manage shared application state with Pinia stores and actions
Test Vue components with Vitest and Vue Testing Library
Build and optimize Vue applications for production with Vite

Book the Vue.js training

Available as a 2-day comprehensive course or as a 1-day focused Composition API and Pinia workshop for teams already familiar with Vue 2.