TypeScript with Vue.js 3
1h 37m 47s
English
Paid
TypeScript is a super set of the JavaScript language that introduces static typing. In recent years, it's taken the JavaScript community by storm due to it's ability to create more maintainable and scalable code. In this course, we'll learn about:
- the benefits of using TypeScript with Vue
- how to setup a TypeScript and Vue project
- how to setup VS Code to work with TypeScript and Vue
- how to type all things Vue related such as
- Typing reactive data
- Typing props
- Typing events
- Typing templates refs
- Plus much more!
As we go through the course, we'll build a working journal application together. This will give you the hands on experience and the know-how of working with TypeScript in a real Vue project, providing a more comprehensive understanding than one off examples and counter components.
Watch Online TypeScript with Vue.js 3
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Introduction to TypeScript with Vue.js 3 | 05:34 |
2 | Course PreRequisites and Dependencies | 02:33 |
3 | Bootstrap a Vue.js and TypeScript Project | 02:24 |
4 | Setup VS Code for TypeScript and Vue | 04:42 |
5 | TypeScript in Vue Components | 02:11 |
6 | Typing Reactive Data | 05:17 |
7 | Typing Refs | 07:00 |
8 | Typing Computed Props | 03:50 |
9 | Typing Event Handlers | 06:28 |
10 | Declaring Component Events | 05:22 |
11 | Typing Component Events | 05:20 |
12 | Refactoring in TypeScript | 07:48 |
13 | Challenge: Advance the App | 07:49 |
14 | Declaring and Typing Component Props | 09:48 |
15 | Typing Template Refs | 01:57 |
16 | Typing Data Injected via Vue’s Provide/Inject | 08:32 |
17 | Using TypeScript with the Options API in Components | 05:19 |
18 | Augmenting Global Properties and Custom Options | 04:47 |
19 | Course Conclusion | 01:06 |
Similar courses to TypeScript with Vue.js 3

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)udemy
Category: Vue
Duration 19 hours 57 minutes 29 seconds
Course

Microservices with NodeJS, React, Typescript and Kubernetesudemy
Category: TypeScript, React.js, Node.js, Kubernetes
Duration 95 hours 13 minutes 4 seconds
Course

Full-Stack Vue with GraphQL - The Ultimate Guideudemy
Category: MongoDB, GraphQL, Vue
Duration 9 hours 52 minutes 3 seconds
Course

Robust Vue.js Forms with FormKitvueschool.io
Category: Vue
Duration 2 hours 4 minutes 52 seconds
Course

Build a ChatBot with Nuxt, TypeScript and the OpenAI Assistants APIzerotomastery.io
Category: TypeScript, ChatGPT, Nuxt
Duration 2 hours 41 minutes
Course

TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLfullstack.io
Category: TypeScript, React.js, GraphQL
Duration 30 hours 50 minutes 42 seconds
Course

Build an Image Filters App with Vue, TypeScript and WebAssemblyzerotomastery.io
Category: TypeScript, Vue, WebAssembly
Duration 1 hour 44 minutes 19 seconds
Course

TypeScript courseui.dev (ex. Tyler McGinnis)
Category: TypeScript
Duration 6 hours 27 minutes 32 seconds
Course