Vue JS Crash Course

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

Task Tracker:

Random User Generator:

Latest Udemy Courses:

💖 Support The Channel!

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

[diegoabdo]

I don’t even use Vue but for some reason I just felt happy seeing this on my recommended.

[plumpdolphin]

This is an absolutely legendary tutorial! Took me a couple days to work through it at my own pace, experiment, and digest all the information. Started with minimal HTML and JS knowledge, near-zero CSS, and totally zero Vue experience. Came out with a good fundamental knowledge of all-of-the-above! Thank you so much 😄

[HeyStanleey]

It took me 3 days to finish this tutorial, so I can understand everything in detail and research some concepts more in depth at the same time.

Thank you so much for this, I learned a lot!

[jeffreyambayec]

I got my web dev job just from watching your laravel crash course. I know something good will come my way after finishing this one. Thanks for the tuts Brad! You're awesome!

[dustincintron]

You make a huge difference in people's lives and career, Brad. Thank you and keep up the great work.

[oussamachahidi]

the way he teaches makes me feel like we are both at the same level and we learning together i really enjoyed it!! God bless you

[johnnygotti]

You are the first person I go to for tutorials. I just did a react project, wanted to pad the resume, learned vue in 3 days watching your video whenever I felt like and coding along. Now I have a nice "self-built" app that I can reference when I'm looking for ways to do something, and I can remember what I did, or just look at your video again.


Cannot thank you enough, man.

[weirdcase]

I usually get bored and don't learn much from video tutorials but this really helped. I like the way you make mistakes and then correct them in the video. It helps as it keeps the focus on, also shows where common mistakes occur. Most tutorials tend to be perfect which doesn't help in real life scenarios where mistakes and typos actually happen. Great job!

[andrelncampos]

Two years down the road, and this video remains remarkably pertinent and up-to-date. Kudos on your commendable effort, undoubtedly a substantial undertaking. I genuinely hope you persist in making significant contributions to the community, showcasing your impressive dedication and expertise.

[alexanderzharkov]

There is only one thing left to say after watching the video till the end: Thank you, Brad!

[borakayalar]

If you are beginner for Vue and you know some structures but could not understand something about it, this video exactly for you. Thanks for it

[manfromxx]

I WATCHED THE ENTIRE THING. IT'S SO DAMN GOOD. I LEARNED A LOT, THANK YOU SO MUCH! I DON'T KNOW WHY I'M SHOUTING, BUT I'M SUPER EXCITED WOHOO

[kendedetar]

I had a hard time beginning reactive front-end frameworks. React and Angular are pretty scary.
But this tutorial and Vue itself is very friendly and welcoming! 😄
Thank you for the great video, Brad! 😄

[dirkbertels]

It's almost 2 years later now and vue3 has updated a bit, such as using Vite - but this tutorial is still very relevant. The presentation is an impressive performance, showing a master programmer's mind at work. I personally love the use of ternary logic in combination with higher order array operations (using spread operations), all inspiring me to update my js skills!

[assefatedla]

You are one of the best instructors I know on youtube. You explain in simple terms and write elegant code. Keep up the good work

[Scy]

Thanks for not trying to teach programming from scratch like every other tutorial. Straight to the point.

[Stoney_Eagle]

What a timing, I'm concidering using VueJs for my frontend 😉

[codeaperture]

Is been a while. Traversy media was my first love in web development and I always like his magical and elegant code

[seetlive]

As a React first developer, it was helpful for me when you make those analogies between React and Vue, It helps me a lot to understand how things are done in Vue faster. Thank you for the tutorial.

[nospamk]

I wish every tutorial was like this!!! Who wants to hear the history of the universe and your childhood for 10minutes before your 30 second piece of info??? Right to the point.This is long but thorough. I listened to it at 2x and got what I needed!!! I have never even heard of Vue, know very little about Angular and somewhat familiar with nodejs before watching this and I'm ready to code! Fantastic!!!