YoVDO

TypeScript and Vue

Offered By: Frontend Masters

Tags

Vue JS Courses Typescript Courses Options API Courses Composition API Courses

Course Description

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

Related Courses

DEV201x: Introduction to TypeScript
Microsoft via edX
Developing Dynamic Web Applications Using Angular
Microsoft via edX
Introduction to TypeScript 2
Microsoft via edX
Multiplatform Mobile App Development with NativeScript
The Hong Kong University of Science and Technology via Coursera
Angular Fundamentals
Microsoft via edX