Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Frontend Masters

TypeScript and Vue

via Frontend Masters

Go to class Write review
Corporate Finance Institute Ad

Build the Finance Skills That Lead to Promotions — Not Just Certificates

Learn More → Boot.dev Ad

Stuck in Tutorial Hell? Learn Backend Dev the Right Way

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Adopting TypeScript in your Vue projects doesn't have to be all or nothing. Learn the essential skills you need to leverage what makes TypeScript great in your Vue apps. You'll learn to integrate TypeScript with Vue's options API and the Vue 3+ composition API.

Syllabus

  • Introduction
  • TypeScript
  • Repo & Vue CLI Setup
  • Declaring Prop Types
  • Adding Prop Types Practice
  • Using Types in Multiple Components
  • Computed Properties & Methods
  • Converting to TypeScript Practice
  • Refactoring Options API Methods
  • Migrating to Composition API Practice
  • Using the Script Setup Block
  • Custom Types Exercise
  • Custom Types Solution
  • Types and Constants Q&A
  • Single Source of Truth Practice
  • Compiler Macros: defineProps
  • Compiler Macros: defineEmits
  • Compiler Macros Practice
  • Event Handlers
  • Autofocus Form Elements
  • Autofocus Practice
  • Custom Event Handlers
  • Custom Event Practice
  • Global State Management with Pinia
  • Creating a Store Practice
  • Deploying to Netlify
  • Creating an Edit Page Exercise
  • Creating an Edit Page Solution
  • Wrapping Up

Taught by

Ben Hong

Reviews

Start your review of TypeScript and Vue

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.