Vue JS Crash Course 2021

Learn the fundamentals of Vue JS (v3) in this project-based crash course Task Tracker: https://github.com/bradtraversy/vue-crash-2021 Random User Generator: https://codepen.io/bradtraversy/pen/LYbzJjK Latest Udemy Courses: https://traversymedia.com‚Äč ūüíĖ Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 – Intro & Slides 7:17 – User Generator Mini Project…

Vue JS Crash Course 2021

Source

0
(0)

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

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

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

Latest Udemy Courses:
https://traversymedia.com‚Äč

ūüíĖ Support The Channel!
http://www.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

0 / 5. 0