Autoplay
Autocomplete
Previous Lecture
Complete and Continue
The Vue 3 Essentials Course
Getting Situated in our Vue Environment
Touring Our Course Project - Recipe Finder App (2:48)
Creating Our Vue 3 App with Vite (6:59)
Our First Vue Component - SiteHeader.vue (8:53)
Building Our Home Page in Vue 3
Building Our Home Page with the Options API (7:07)
Fetching, Processing, and Displaying Our Results from the MealDB (9:18)
Creating Recipe Cards with Custom Prop Validation (9:06)
Filtering Our Search Results by Category using select (6:37)
Converting Home.vue to the Composition API (8:58)
Adding Our Recipe Page with Vue Router
Setting Up Vue Router in Vite (8:45)
Creating Our Recipe Page - Accessing and Parsing Data (8:49)
Creating Our Recipe Page - Template and Styles (8:16)
Building a Popup with Vue 3 Teleport (10:57)
A Deeper Dive into the Composition API (6:59)
Adding More Functionality with Essential Vue Features
Using Vue Router to Save Search History (5:57)
Using VueUse and Template Refs to Close Our Popup (5:25)
Using Vue Slots to Create More Reusable Components (5:00)
Displaying a No Results Section using v-else (2:20)
Adding Transitions/Animations to Our App with Vue Transition (6:01)
Finishing Up
Building and Deploying Our App to Github Pages (5:50)
Wrapping Up Our Course - Future Directions, Final Words (3:41)
Building a Popup with Vue 3 Teleport
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock