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

Overview

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

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.