Vue.js 3

Overview

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 you will achieve

By the end of the course, students will be able to build applications using Vue.js 3 and TypeScript.

Who it is for

Software developers who want to use Vue.js 3 with TypeScript in projects professionally.

Course format

Refined mix of explanation, live coding and collaborative build of the comprehensive course application with hands-on focus.

Requirements

Experience developing with object-oriented programming languages as well as basic understanding of web development.

Course 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.