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
Build a ChatBot with Nuxt, TypeScript and the OpenAI Assistants API
Sources: zerotomastery.io
Learn to build a ChatBot using Nuxt and TypeScript in this project-based course. Develop a custom assistant with OpenAI API and enhance your AI skills.
2 hours 41 minutes
The Imposter's Frontend Accelerator
Sources: bigmachine.io
This is a book. This is a video course... It's both! You are in for a clear and conceptual immersion into modern frontend development using Vue 3.0 and Nuxt 3.
15 hours 48 minutes 54 seconds
AI Chat Bot with Vue.js and GPT-4
Sources: vueschool.io
AI is a powerful tool of the future. With Open AI's Chat Completions API (GPT-3.5 Turbo and GPT-4), adopting it in your applications is as easy as a REST reques
1 hour 46 minutes 30 seconds
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
Understanding TypeScript - 2023 Edition
Sources: udemy, Academind Pro
Learn what TypeScript is, why it really is a powerful Addition to JavaScript, what its Features are and how to use it! And whilst doing so, also understand what you're actually ...
14 hours 54 minutes 54 seconds