Vue 3 Crash Course | Project From Scratch

📕 Vue 3 Crash Course: https://johnkomarnicki.gumroad.com/l/tqrmw 📕 Nuxt Course: https://www.learnnuxt.dev/ 🤖 SaaS I'm Building (WebDevDaily): https://www.webdevdaily.io/ 📹 Writeable computed properties: https://youtu.be/AQt5HDOH-HY 📹 defineModel: https://youtu.be/-v-NWHH32dw 🚀 Join the channel :https://www.youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw/join 🤖 Website: https://johnkomarnicki.com/ 🐦 Twitter: https://twitter.com/john_komarnicki Repository : https://github.com/johnkomarnicki/vue-3-crash-course Demo: https://sparkling-platypus-7955f2.netlify.app/ Timestamps: 0:00 Introduction 1:30 Prerequisites 2:23 What is Vue? 4:58 Why use Vue? 5:52 Why Vue over React/Angular? 7:07 Vue SFC's 8:02 Github Repository 8:25 Section-1: Create Vue Project 10:12 How Does Vue Work 15:18 Overview of Vue Project 19:21 Section-2: Project Cleanup 20:48 Section-3: Install Project Dependencies 21:52 Section-4: Simple Global Styles 23:29 Section-5: Navigation Component 29:11 Section-6: Todo Creator Component 38:17 Section-6: Emit Custom Events 46:27 Section-7 Todo Validation 57:20 Section-8 Slots 1:01:10 Section-9 Todo Item Component 1:20:58 Section-10 Toggle Complete Todo 1:27:38 Section-11 Edit Todo 1:33:47 Section-12 Delete Todo 1:36:26 Section-13 Save Todo's To LocalStorage 1:41:40 Section-13 watch() 1:46:00 Section-14 Completed Todos State computed() 1:50:40 Creating Additional Routes/Pages 1:53:56 Deploying To Netlify 1:57:35 What's Next? #vue #vue3