TypeScript with Vue.js 3
1h 37m 47s
English
Paid
Course description
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
0:00
/ #1: Introduction to TypeScript with Vue.js 3
All Course Lessons (19)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Introduction to TypeScript with Vue.js 3 Demo | 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 |
Unlock unlimited learning
Get instant access to all 18 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Common Vue.js Mistakes and How to Avoid Them
Sources: vueschool.io
Mistakes are inevitable, but their repetition can be prevented. In this course, we will look at the most common mistakes made by Vue.js developers and find...
1 hour 12 minutes 47 seconds
Build a Notion Clone with React and TypeScript
Sources: zerotomastery.io
Master React and TypeScript by building a Notion clone. Learn to use Vite for project setup and Supabase for database management. Showcase your skills with a
7 hours 57 minutes 47 seconds
The Vue Firebase Project Course
Sources: fireship.io
The Vue Firebase Project Course will teach you the basics of full-stack web development by building a chat prototype from scratch. You will build a realtime walkie-talkie style ...
46 minutes 28 seconds