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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 19 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction to TypeScript with Vue.js 3

All Course Lessons (19)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

The Vue Firebase Project Course

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
AI Chat Bot with Vue.js and GPT-4

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
Full Stack Development

Full Stack Development

Sources: neetcode.io
This course will take you on a journey to become a full-stack developer. You will learn how to build and deploy a modern web application from the ground up. Whether you're a beg...
4 hours 24 minutes 36 seconds