The best way to learn Vue.js in 2024 - CRASH COURSE

Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 https://www.vuemastery.com/courses This beginner crash course is your first step on your path to Vue Mastery. Throughout the tutorial, you'll build an app to put concepts into practice. Below you will find the starting and ending code for each lesson. Lesson Markers: 0:00 Lesson 1 - Intro to Vue 3 2:17 Lesson 2 - Creating the Vue App 9:08 Lesson 3 - Attribute Binding 12:54 Lesson 4 - Conditional Rendering 17:59 Lesson 5 - List Rendering 21:23 Lesson 6 - Event Handling 25:48 Lesson 7 - Class & Style Binding 32:19 Lesson 8 - Computed Properties 38:35 Lesson 9 - Components & Props 45:08 Lesson 10 - Communicating Events 48:58 Lesson 11 - Forms & v-model Github Repo: https://github.com/Code-Pop/Intro-to-Vue-3 Codepen: https://codepen.io/VueMastery/projects/public?cursor=ZD0xJm89MCZwPTEmdj01MTcwODI= Lesson 2 - Creating the Vue App Codepen: Starting code: https://codepen.io/VueMastery/project/editor/XvJmbL Ending code: https://codepen.io/VueMastery/project/editor/AmzmvE Github: Starting code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L2-start Ending code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L2-end Lesson 3 - Attribute Binding Codepen: Starting code: https://codepen.io/VueMastery/project/editor/ZWEjLe Ending code: https://codepen.io/VueMastery/project/editor/AqemLM Github: Starting code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L3-start Ending code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L3-end Lesson 4 - Conditional Rendering Codepen: Starting code: https://codepen.io/VueMastery/project/editor/AayWgg Ending code: https://codepen.io/VueMastery/project/editor/XqemMd Github: Starting code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L4-start Ending code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L4-end Lesson 5 - List Rendering Codepen: Starting code: https://codepen.io/VueMastery/project/editor/XLjywE Ending code: https://codepen.io/VueMastery/project/editor/XoMWKj Github: Starting code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L5-start Ending code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L5-end Lesson 6 - Event Handling Codepen: Starting code: https://codepen.io/VueMastery/project/editor/DdrWxb Ending code: https://codepen.io/VueMastery/project/editor/AVrboM Github: Starting code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L6-start Ending code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L6-end Lesson 7 - Class & Style Binding Codepen: Starting code: https://codepen.io/VueMastery/project/editor/AYxVmq Ending code: https://codepen.io/VueMastery/project/editor/XmzmNO Github: Starting code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L7-start Ending code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L7-end Lesson 8 - Computed Properties Codepen: Starting code: https://codepen.io/VueMastery/project/editor/ZGvmVn Ending code: https://codepen.io/VueMastery/project/editor/XgxWVm Github: Starting code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L8-start Ending code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L8-end Lesson 9 - Components & Props Codepen: Starting code: https://codepen.io/VueMastery/project/editor/DOjmKg Ending code: https://codepen.io/VueMastery/project/editor/DBdRed Github: Starting code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L9-start Ending code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L9-end Lesson 10 - Communicating Events Codepen: Starting code: https://codepen.io/VueMastery/project/editor/ARkgop Ending code: https://codepen.io/VueMastery/project/editor/XGvENE Github: Starting code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L10-start Ending code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L10-end Lesson 11 - Forms & v-model Codepen: Starting code: https://codepen.io/VueMastery/project/editor/DVrWmK Ending code: https://codepen.io/VueMastery/project/editor/XvJkyg Github: Starting code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L11-start Ending code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/L11-end Final Code: https://github.com/Code-Pop/Intro-to-Vue-3/tree/final