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

Create Interactive 3D Experiences with TresJS

Create Interactive 3D Experiences with TresJS

Sources: egghead
Learn to create interactive 3D scenes with TresJS, including integration into Vue, working with objects and lighting, animation, and user interaction.
52 minutes 24 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
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
A “Wordle” on Test Driven Development in Vue.js

A “Wordle” on Test Driven Development in Vue.js

Sources: vueschool.io
In this hands-on course, you will learn to write applications using Test-Driven Development (TDD) by building a clone of the Wordle game from scratch. This cour
2 hours 48 minutes 45 seconds