Skip to main content

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 Ultimate Guide to Vue Performance

The Ultimate Guide to Vue Performance

Sources: vueschool.io
In today's world, the performance of web applications is of paramount importance. In this course, you will learn how to maintain the speed of your Vue...
2 hours 31 minutes 10 seconds
Reusable Components

Reusable Components

Sources: Michael Thiessen
Master the art of writing highly reusable Vue — and make the most of your components. Reusable Components is all about how to make your components more flexible
4 hours 10 minutes 42 seconds
Design Patterns in TypeScript

Design Patterns in TypeScript

Sources: udemy
Learn All of the 23 GoF (Gang of Four) Design Patterns and Implemented them in TypeScript. Design Patterns are descriptions or templates that can be repeatedly
5 hours 6 minutes 3 seconds
Full Stack Isomorphic JavaScript with Vue.js & Node.js

Full Stack Isomorphic JavaScript with Vue.js & Node.js

Sources: udemy
Learn to build full-stack isomorphic JavaScript web applications with Vue and Node.js along with the MEVN stack. The MEVN stack is a collection of great tools—M
5 hours 33 minutes 49 seconds