Course · Training · Workshop

Vue.js 3 & TypeScript

Two to three days of hands-on introduction to Vue.js 3 with TypeScript: Composition API, Vite, routing, state management with Pinia, REST integration and testing through to deployment.

With version 3, Vue.js takes a big step and moves completely to TypeScript. This puts the extremely popular single page application and frontend framework on a solid and thoroughly typed footing. At the same time, the easy entry and the "scalability" from small interactive elements to large complex applications is maintained. At the same time, the framework offers clear structures, an easy-to-understand template syntax and standard components for the important topics - from router to server side rendering.

What participants say

These customers booked courses in the same topic cluster.More customers →

Content

Together we incrementally build a Vue.js application that illustrates the following topics:

  • Overview Vue.js
  • TypeScript basics
  • Typing and scope
  • Object orientation with TypeScript
  • Decorators and annotations
  • Modules and Imports
  • Exception Handling
  • Promises and asynchronous development
  • Components and Composition API
  • Input and output between components
  • Data Flow
  • Lifecycle Hooks and Reactivity
  • Code generation with Vite
  • Template syntax
  • Computed properties
  • Composables
  • Forms and validators
  • Routing
  • Connection of REST APIs
  • Authentication / Login
  • state management
  • testing
  • debugging
  • Build and Deployment
  • Migration of Vue.js 2 projects
  • Vue with GraphQL APIs

The course is based on refined and tested course material with explanation, assignments, course project / code, solution code and further information.

The actual course content may differ from the above depending on the trainer, delivery, duration and the composition of participants.

Request this course in-house

By submitting you accept our Privacy Policy.

Request a public date

No suitable public date? Register without obligation — once there is enough interest we schedule a new public date and let you know first.

Number of participants (approx.)

More than 3 participants? Best to request a dedicated in-house date directly.

By submitting you accept our Privacy Policy.

More about Vue.js 3 & TypeScript

Vue.js 3 is a progressive JavaScript framework for building user interfaces that has been completely rewritten in TypeScript. It provides a reactive, component-based architecture with Composition API as a modern alternative to the Options API.

Further resources:

History

Vue.js was originally developed by Evan You while working on AngularJS projects at Google. The first version was released in 2014, aiming to take the best aspects of AngularJS but in a lighter package.

With Vue.js 3, released in September 2020, the framework was rewritten from the ground up in TypeScript. This version introduced the Composition API, inspired by React Hooks and developed under the leadership of Evan You and the Vue.js Core Team, including Kia King Ishii and Eduardo San Martin Morote.

The integration of TypeScript has made Vue.js an even more robust framework and promoted its adoption in large enterprises. The framework has also inspired the development of a rich ecosystem of tools and libraries, including Vite (developed by Evan You) for faster development and building, and Pinia as a modern state management solution.