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

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

Ethereum and Solidity: Build Dapp with VueJSudemy
Category: Decentralized Applications (dApps) / 'Web 3', Vue
Duration 1 hour 45 minutes 9 seconds
Course

Loopback 4: Modern ways to Build APIs in Typescript & NodeJsudemy
Category: TypeScript, Node.js, MongoDB
Duration 5 hours 14 minutes 32 seconds
Course

TypeScript Interview Questions - Coding Interview 2023udemy
Category: TypeScript, Preparing for an interview
Duration 2 hours 56 minutes 26 seconds
Course

Vue JS 3: The Composition APIudemy
Category: Vue
Duration 5 hours 24 minutes 26 seconds
Course

Using Vue 2 to Create Beautiful SEO-Ready Websitescoursetro
Category: Vue, Adobe XD
Duration 1 hour 48 minutes 11 seconds
Course

Complete Vue Developer 2023: Zero to Mastery (Pinia, Vitest)zerotomastery.io
Category: Vue
Duration 27 hours 56 minutes 34 seconds
Course

Mastering Next.js 13 with TypeScriptcodewithmosh (Mosh Hamedani)
Category: TypeScript, Next.js
Duration 5 hours 16 minutes 33 seconds
Course