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

Rapid Testing with Vitest: Master Unit Testing & Mocking

Rapid Testing with Vitest: Master Unit Testing & Mocking

Sources: vueschool.io
In this course the creator of Vitest, Anthony Fu, will get you up and running with the fastest testing framework around. Learn the basics of how to do unit tes
1 hour 15 minutes 44 seconds
TypeScript Bootcamp: Zero to Mastery

TypeScript Bootcamp: Zero to Mastery

Sources: zerotomastery.io
Learn TypeScript by building your own real-world applications. Taught by an industry professional, this course covers everything from beginner to advanced topics. If you're a Ja...
9 hours 31 minutes 59 seconds
Practical Typescript

Practical Typescript

Sources: udemy
Dive into the world of TypeScript with our "Practical TypeScript" course, designed for developers seeking a comprehensive understanding from the basics to...
20 hours 10 minutes 11 seconds
Build an Image Filters App with Vue, TypeScript and WebAssembly

Build an Image Filters App with Vue, TypeScript and WebAssembly

Sources: zerotomastery.io
With this project you'll build "Vue Filters", an image filter application built with Vue that allows you to bring the experience of applying Photoshop filters t
1 hour 44 minutes 19 seconds
Fullstack React with Typescript

Fullstack React with Typescript

Sources: fullstack.io
Fullstack React with TypeScript is the complete guide to using TypeScript with React. Learn TypeScript patterns with React additional ecosystem advice (testing, redux, SSR) by b...
10 hours 16 minutes 46 seconds