Essentials
Learn the fundamentals of Vue.js - a progressive JavaScript framework for building user interfaces. Master declarative rendering, reactivity, component-based architecture, and choose between Options API and Composition API.
2h30
Training Program
Vue.js Training Program
Discover Vue.js and its progressive framework approach with our curriculum covering components, reactivity, and state management with Vuex.
Components In-Depth
Deep dive into Vue.js components: registration, props, events, v-model, fallthrough attributes, slots, provide/inject, and async components.
1h30
Reusability
Learn how to reuse logic in Vue.js applications using composables, custom directives, and plugins.
40 min
Built-in Components
Learn about Vue's built-in components: Transition, TransitionGroup, KeepAlive, Teleport, and Suspense.
1h
Scaling Up
Learn how to scale Vue.js applications with Single-File Components, tooling, routing, state management, testing, and server-side rendering.
1h10
Best Practices
Learn essential best practices for Vue.js applications including production deployment, performance optimization, accessibility, and security.
50 min
TypeScript
Learn how to use TypeScript with Vue.js, including project setup, IDE support, Composition API typing, and Options API typing.
40 min
Extra Topics
Explore advanced Vue.js topics including different ways of using Vue, Composition API deep dive, reactivity internals, rendering mechanism, render functions, web components, and animation techniques.
1h20
Vue Router - Essentials
Learn Vue Router essentials: dynamic and nested routes, named routes and views, programmatic navigation and history modes.
2h20
Vue Router - Advanced
Go further with Vue Router: navigation guards, data fetching, scroll behavior, lazy loading and typed routes.
2h10
Vue Router - File-Based Routing
Use file-based routing with Vue Router: conventions, configuration, HMR and ESLint integration.
1h10
Vue Router - Data Loaders
Load route data with Vue Router data loaders: defining loaders, reloading, error handling and SSR.
2h20
Pinia - Core Concepts
Master Pinia core concepts: defining stores, state, getters, actions and plugins.
1h30
Pinia - Server-Side Rendering (SSR)
Use Pinia with server-side rendering, including Nuxt integration.
30 min
Pinia - Cookbook
Practical Pinia recipes: testing stores, HMR, composing stores and migrating from Vuex.
1h40