Vue 3 Full Course (Beginner to Advanced) – Composition API, Pinia & Router

GitHub Repo: https://github.com/nuaiman/vuejs101 Udemy Course Purchase: https://www.udemy.com/course/vuejs101... Chapters⬇️ 🟢 Section 1: Intro to Vue 0:00 Intro 3:19 Installations – Chrome, Node, VS Code 4:27 CDN vs CLI 5:11 Counter App (CDN) 16:38 Counter App (CLI) 25:03 Ref Magic 27:44 @click Directive 28:39 Project Structure 🟢 Section 2: Reactivity in Vue 32:32 Section Intro 33:24 Todo App Scaffolding 38:24 Two-way Data Binding 42:04 Adding Tasks 49:17 Rendering Task List 52:02 Toggle Complete 52:49 Conditional CSS 56:15 Delete Task 1:01:04 Edit Flow 1:04:42 v-if & v-else 1:08:21 Keyboard Events 1:12:27 Favorite Tasks 1:16:55 Search & Filter 1:22:21 Computed Properties 1:27:49 Watch & Save 1:30:36 onMounted 1:31:16 Wrap-up 🟢 Section 3: Components & Communication 1:31:16 Intro to Courses App 1:31:50 Scaffolding 1:35:35 Cleanup 1:39:41 CourseItem Component 1:41:52 Styling 1:45:00 v-for Rendering 1:47:39 defineProps 1:51:18 defineEmits 1:57:49 Slots 2:06:59 Named Slots 2:15:20 Conditional Slots 2:20:26 Reusable Button 2:25:16 Variants 2:29:43 JSON Server 2:34:17 Fetch Courses 2:36:25 Loading State 2:41:48 Skeleton UI 2:46:26 POST Requests 2:51:26 Booked Items 2:52:01 Animations 2:53:02 Prevent Duplicate Purchase 2:56:47 Optimistic UI 3:04:32 App Refactor 3:09:31 Extract Sections 3:14:38 Composables 3:18:36 Using Composables 3:21:49 Cleanup App.vue 3:24:43 Booking Section 3:30:45 Dynamic Components 🟢 Section 4: Pinia 3:30:45 Composables vs Pinia 3:32:17 Pinia Setup 3:35:00 Two Counters 3:40:14 useCounter Composable 3:47:46 useCounterStore (Pinia) 🟢 Section 5: Vue Router 3:47:46 Router Intro 3:48:58 Project Setup 3:52:59 Router Config 3:56:30 RouterLink & RouterView 4:00:53 Dynamic Routes 4:04:16 Named Routes 4:07:48 useRouter vs useRoute 4:09:10 Props with Router 4:13:18 404 Page 4:24:15 Route Guards 4:25:02 Data Fetching Strategies 🟢 Section 6: Advanced Vue (TS, Transitions, Teleport) 4:25:02 Preferences App Intro 4:25:35 Setup 4:28:58 TabButton Component 4:32:13 Tabs Data 4:37:00 Rendering Tabs 4:40:39 Active Tab Logic 4:45:07 Dynamic Components 4:47:02 Transitions 4:48:32 FadeTransition 4:49:36 Markup & Styles 4:53:35 useSettings Composable 4:56:34 General Tab Data 4:59:34 KeepAlive 5:00:03 Notifications & Privacy 5:04:34 More Composable Logic 5:06:13 Connect Markups 5:09:54 Persist Data 5:13:18 Generics 5:14:42 Persist Other Tabs 5:15:37 Toast & Teleport 5:20:50 Toast Composable 5:22:32 Toast Component 5:25:59 Show Toast 5:27:17 submit.prevent