TypeScript and Vue
Offered By: Frontend Masters
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
Nuxt FundamentalsFrontend Masters What's New in Vue 3
Laracasts Learn Vue 3: Step by Step
Laracasts Vue 3 Fundamentals
Pluralsight Vue 3 State Management with Pinia
Pluralsight