Which Vue Developers should learn TypeScript?
4:22
Installing TypeScript, Transpiling and Watching Files
4:44
Introduction to TypeScript’s Types
8:38
A Quick Tour of TypeScript’s Basic Types
9:21
Functions and Types in Typescript
9:42
Custom Types and Literal Types
6:02
Custom Object Types in TypeScript
7:44
Type Intersections
7:36
Type Unions
7:48
Interfaces
7:50
Intro to TypeScript - Conclusion (for now)
1:19
Generics
10:11
0% done with TypeScript: The Vue Parts

Interfaces

In TypeScript code, you’ll often see Interfaces - constructs that look suspiciously like Types, but with some slightly different syntax and capabilities.

Why does TypeScript have both? When should you use one or the other?

We translate some of our code from previous lessons into Interfaces, inspect the VSCode hints and official documentation for clues, and look at examples from Vue 3, Vuetify, and VueStorefront Next.

By the end, you’ll have vastly expanded the amount of TypeScript code you can read.

Vuetify Example https://github.com/vuetifyjs/vuetify/blob/4c50717c6aeb4ad98d9f8e1d8d8276c8290cfd9b/packages/vuetify/src/components/VSparkline/VSparkline.ts#L20

VueStorefront Next Example https://github.com/DivanteLtd/next/blob/master/packages/commercetools/api-client/src/types/Api.ts

Vue 3 Example

https://github.com/vuejs/vue-next/blob/09b4202a22ae03072a8a8405511e37f65b626568/packages/runtime-core/src/vnode.ts#L45

What do others think of VueScreencasts?
"Thank you, this video helped me a LOT"
—exception360
"You saved my day! Thanks!"
—Ivomar Santos
"At 14:22... it was exactly that question which I had in mind seconds before!"
—Henning Sieh
"This is an amazing tutorial, especially for beginners. I love how you even go through the package.json. Nice work!"
—Jin Tak
Take your career to the next level