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?
"Have looked at so many Vue.js tutorials, your videos are the best ones!"
—Nathan Yang
"Thanks @Vue Screencasts!! This video helped me a lot in understanding Vuex, and in answering questions that I have, which I can't find answers for on StackOverflow. Keep up the good work!!"
—kidgr33n
"Great video as always!"
—אלכסיי לוינזון
Take your career to the next level