Vue JS 3 Tutorial for Beginners #3 - Vue.js Basics (part 2)

In this Vue 3 tutorial we'll carry on with the basics of Vue & talk about mouse events, using v-for to output lists, attribute binding & computed properties.

---- Timestamps ----
0:00 - Other mouse events
10:09 - Outputting lists (v-for)
14:26 - Attribute binding
19:57 - Dynamic classes
24:50 - Challenge: toggling favs
28:57 - Computed properties

🐱‍💻 🐱‍💻 BUY THE FULL 20-hr COURSE ON UDEMY:

🐱‍💻 🐱‍💻 Course Files:

🐱‍👤🐱‍👤 JOIN THE GANG -

🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Helpful Links:

🐱‍💻 🐱‍💻 Social Links:

[ktna]

Magical, thanks. Shaun: "I don't want you to watch me type the CSS out, it's not a CSS course." Ends up throwing a couple of words on every property. What a boss!

[mk]

Even though I am a seasoned Vue2 developer, going through this whole series without skipping actually refreshed my memory and consolidated my skills as well! Thanks Shaun!

[bencroacademy]

Everytime there's any new stack I need to learn. Shaun is the go to guy..

[lebogangledwaba]

Where have you been all my life(well, 3 years ago)? This is my second tutorial of your tutorials and you explain things even a child would understand. THANK YOU VERY MUCH!! Keep up the good work.

[sbastion]

Thank you so much for providing these tutorials, Shaun! I've learnt Laravel, a little bit of React, & now Vue (in-progress) through these videos & they've been a big help.

I also like that your tutorials not only give us viewers the code explanation, but also implement them in a project; it helps me to better understand how the code works.
I'm having problem when learning through reading; they drain me mentally. But it feels easier when learning through videos like these.

I'm sure your efforts will be repaid in some way. Cheers!

[maskman]

I really like this book list example, it applies the techniques we use in daily development in almost all projects, for example we can toggle favicon and change color, and the filter feature that render the bookswe want, etc. The demo example is really useful and practical, Shaun is trully a master of instructor on application development !!!

[AidanHomewood]

So awesome how thorough this is - I love that you've considered all these edge cases (like when passing in multiple parameters to handleEvent) and go into such depth.

[KoussayFridhi]

I have looked forever to understand computed props, but your course, in only 6 mins, MAN YOU ARE AMAZING ♥

[Cssstiel]

Great piece of tutorial mate. Just started learning Vue at College and came here for an additional source of info. Great Job. Cheers

[benman]

I freaking love the idea of the challanges!!! Please do it in every video. It is actually a quite easy idea but what an amazing one!

[furkangonulal]

19:45 those who wanna use their own images, but getting size issues; just use css --- img { max-width:190px;} and there u go

[sekerek]

So far among other tutorials I have dived in, this gave me the full understanding of every single thing he uses while coding. THANK YOU VERY MUCH SIR!

[rethern]

so far this course is beyond helpful, I have a Vue midterm Monday and this is going to be a lifesaver thank you

[filbohz]

I watched the first two videos of the playlist and it's really amazing how you explain things. After I'm finished with Vue.js videos, I'm going to watch node.js videos. Thank you for your work!

[spicemasterii]

Seriously excellent content! Not just Vue but all your content. Subscribed. And thank you.

[bjblk]

This is one of the best tutorials I have ever seen for any technology.

[toobamohammadianahrabi]

I tried watching YouTube videos for the first time and this course was great. I'm very happy for this experience and start. thank a lot 🧡

[murat]

Whenever I want to learn something new about programming, the first thing I search for is "the net ninja {insert topic here}". Wonderful content!

[pr]

The best Vue guide on YouTube by far :) Thanks

[kabakiAntony]

coming from backend and this being the first dive into frontend frameworks, this is a great tutorial for introduction really great tutorial, thank you