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 complete guide to Mastering Pinia (Complete)

The complete guide to Mastering Pinia (Complete)

Sources: vueschool.io, Eduardo San Martin Morote
Create reliable Vue.js applications that scale. Supported and quality codebases often depend on decisions made at the early stages.
10 hours 18 minutes 32 seconds
The Nuxt 3 Bootcamp The Complete Developer Guide

The Nuxt 3 Bootcamp The Complete Developer Guide

Sources: udemy
This is the most comprehensive Nuxt 3 course on the market. You will learn many of Nuxt's incredible features all while build six real world projects. With each
16 hours 52 minutes 7 seconds
Vue 3, Nuxt.js and Laravel: A Practical Guide

Vue 3, Nuxt.js and Laravel: A Practical Guide

Sources: udemy
Learn how to create 3 different apps with Vue 3, Nuxt.js and Laravel. The first app will be an Admin app using Vue 3 Composition API The second app will be an I
10 hours 17 minutes 9 seconds
Real-Time Data with Laravel Reverb and Vue.js

Real-Time Data with Laravel Reverb and Vue.js

Sources: vueschool.io
Would you like to add real data handling features to your applications on Laravel and Vue.js? Whether you are creating a notification system, a chat in...
44 minutes 56 seconds
TypeScript Pro Essentials

TypeScript Pro Essentials

Sources: Matt Pocock
You've tested the waters with TypeScript, but deep down you know that you're missing something. You've heard that TypeScript is the answer to all the prob...
11 hours 2 minutes 12 seconds