Vue JS 3 Tutorial for Beginners #5 - The Vue CLI & Bigger Projects (part 2)

200,344
0
2020-12-07に共有
In this Vue 3 tutorial we'll dive deeper into making larger Vue.js projects with the Vue CLI - including how to pass data (props) between components, how to emit custom events, how to work with slots & how to use Teleport - a brand new Vue 3 feature.

--- Timestamps ---
0:00 - Scoped & global CSS
6:15 - Props
17:29 - Emitting custom events
23:05 - Click event modifiers
26:51 - Slots
35:51 - Challenge: creating another modal
40:08 - Using Teleport

🐱‍💻 🐱‍💻 BUY THE FULL 20-hr COURSE ON UDEMY:
www.thenetninja.co.uk/udemy/vue-and-firebase

🐱‍💻 🐱‍💻 Course Files:
+ github.com/iamshaunjp/Vue-3-Firebase

🐱‍👤🐱‍👤 JOIN THE GANG -
youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/join

🐱‍💻 🐱‍💻 My Udemy Courses:
+ Modern JavaScript - www.thenetninja.co.uk/udemy/modern-javascript
+ Vue JS & Firebase - www.thenetninja.co.uk/udemy/vue-and-firebase
+ D3.js & Firebase - www.thenetninja.co.uk/udemy/d3-and-firebase

🐱‍💻 🐱‍💻 Helpful Links:
+ HTML & CSS Course -    • HTML & CSS Crash Course Tutorial #1 -...  
+ Get VS Code - code.visualstudio.com/

🐱‍💻 🐱‍💻 Social Links:
Facebook - www.facebook.com/thenetninjauk
Twitter - twitter.com/thenetninjauk
Instagram - www.instagram.com/thenetninja/

コメント (21)
  • dude your tutorials must be officially adopted by the devs. It's impossible to not understand your explanation. Best tutorials creator ever <3 <3
  • Definitely the best Vue 3 JS tutorials ever uploaded on Youtube. Thank you so much dude, so many questions of mine have been answered so far.
  • @gradientO
    Man you're doing great. I need to buy your course to support you
  • @mullla1ya
    I have no words. You're really the best. These are the best tutorials I've ever seen. Not just about Vue. I am talking about ANY YOUTUBE TUTORIALS! Shaun you're the champion. Aren't you a some sort of teacher or professor? You're made for teaching!
  • @fowl7413
    After browsing dozens of courses on Vue, I found yours and man, you blew my mind! Extremely easy to understand, cover all the basics for newbies plus covering the required previous knowledge too! Hat off mate, you are a champ!
  • Another masterpiece of explanations. Congrats and Thank you!
  • Ok, I must say that I tried two other Vue Tutorials on YT, and this one is absolutely the best. Finally I can really understand how props and $emit work. Not only memorise the syntax, but see the logic there. You are an amazing educator! Thank you for your work! Greetings from Russia
  • Fantastic tutorials! Really clearly explained and useful examples. Thank you for all the time and energy you've put into this. I'm looking forward to the rest of the course.
  • Anytime I want to learn anything web i just head straight to your channel and I'm sorted. You doing well, Keep it up. Much love.
  • Incredible course, I'm blown away. Paid for so many React JS courses that I really didn't like so I tried going for a different framework and yours is just the best I've seen
  • Thank You Shaun! I have to say that, I learned Vue mostly from your channel by watching the previous version 2 videos.
  • ty ty for making this course - absolutely the easiest to understand that I've found 🙌🏽
  • Shaun has made me love JavaScript and its frameworks.. after finishing this series definitely I'm gonna buy the whole course, Thank you Shaun
  • I was trying to wrap my head around React HOC for so long. Now days I'm learning Vue for a new role so I got to Shaun's tutorial. He then suddenly started talking on an unfamiliar term for me, "slots"... I mean, it just came to me, such an incredible "Ahhhhhhhhhhh" moment - I finally found a convenient way to think of HOC, Thank you man!
  • @myotoe2154
    You are the best. I really love your tutorials. Thank you so much for free of charge.