1: Introduction
2: Getting Started
3: Options API vs Composition API - Switching Over
4: Refs, Reactive Objects & Non-Reactive Data
5: Methods, Computed & Watch
6: Lifecycle Hooks
8: Vue Router
9: Lists, Teleport, Template Refs & nextTick
10: Child Components, Props & Emits
11: Composables
12: State Management with Pinia
13: Noteballs: Setup & Router
14: Noteballs: Bulma & Design
15: Noteballs: Data, Methods, Child Components, Computed & Emit
16: Noteballs: Pinia, Reusable Components, Router & More
-
Pinia - Setup & State (4:20)
-
Use Our Store (3:40)
-
Action - Add Note (3:47)
-
Action (with Parameters) - Add Note (2:38)
-
Action - Delete Note (5:15)
-
Edit Note Page & Route (4:38)
-
Reusable Component - AddEditNote (3:57)
-
Hook up with modelValue (5:32)
-
Important: Fix Production Error "modelValue is not defined"
-
Fix the Focus (5:04)
-
Custom Color, Placeholder & Label Props (10:32)
-
Getter - Get Note Content (useRoute) (5:35)
-
Getter (with Parameters) - Get Note Content (3:09)
-
Action - Update Note (6:24)
-
useRouter - Redirect to Notes Page (1:20)
-
More Getters & Stats Page (7:34)
-
Finished Source Code
17: Noteballs: Directives, Watchers & Composables
18: Noteballs: Delete Modal
19: Firebase 9: Introduction & Setup
20: Firebase 9: Read, Add, Delete, Update & Order
21: Firebase 9: Authentication
22: Firebase 9: Multiple Users
23: Firebase 9: Security & Hosting
24: Bonus Lectures
