Traversy Media | Vue JS Crash Course @TraversyMedia | Uploaded February 2021 | Updated October 2024, 2 hours ago.
Updated Version - youtube.com/watch?v=VeNfHj6MhgA

Learn the fundamentals of Vue JS (v3) in this project-based crash course

Task Tracker:
github.com/bradtraversy/vue-crash-2021

Random User Generator:
codepen.io/bradtraversy/pen/LYbzJjK

Latest Udemy Courses:
https://traversymedia.com​

💖 Support The Channel!
patreon.com/traversymedia

Timestamps:
0:00 - Intro & Slides
7:17 - User Generator Mini Project (CDN)
21:35 - Vue CLI Setup
24:30 - Files, Dev Server & Cleanup
28:22 - Global Styles
29:06 - Header Component
30:44 - Component Props
32:06 - Button Component
35:25 - Events
36:09 - Task Data & created() Method
38:22 - Tasks Component & v-for Loop
41:09 - Single Task Component
44:34 - Dynamic Classes
45:53 - Emit Events (Delete Task)
52:14 - Toggle Reminder
56:20 - AddTask Component & v-model
1:04:57 - Toggle Form & Template Conditionals
1:11:20 - Building For Production
1:13:33 - JSON-Server Setup
1:17:18 - Refactoring to Use The Backend
1:30:48 - Implementing the Router
1:48:23 - Restrict a Component to a Route