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
Master Custom React Hooks with TypeScript
Sources: fullstack.io
Welcome to the course "Creating a Custom React Hook npm Package using React and TypeScript"! In this course, we will be developing...
2 hours 21 minutes 3 seconds
Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)
Sources: udemy
If you’re already familiar with Vue 2 & The Options API, then this course will teach you everything you need to know to switch over to (and get started with) Vu
9 hours 10 minutes 13 seconds
Rapid Development with Vite
Sources: vueschool.io
Vite is a first-in-class build tool that aims to provide a faster and leaner development experience for modern web projects. In this course, we cover everything you need to know...
1 hour 40 minutes 49 seconds
Web Security Dev Academy - 12-week online program
Sources: Bartosz Pietrucha
Master the full picture of web security and learn to develop secure full-stack applications with reliable authentication, protection against vulnerabilities...
16 hours 37 minutes 20 seconds
Learn Laravel Vuejs from scratch - Build a TESLA web app
Sources: udemy
This course will teach you how to use the Laravel and Vuejs frameworks completely from scratch. In this course we will be building and going through a few proj
6 hours 48 minutes 12 seconds