I can't express how much you've helped me with your videos. I never understood the Vue environment or how anything links together, and using the CLI always brought back errors. But from the start up until now (haven't got any further just yet!) it's been a total breeze. Thank you so much
Seriously, been trying for two days to find a truly beginner tutorial. All those videos claiming to be beginner friendly have a curse of knowledge where they don't even know what its like to be a beginner. What you did starting this video and upto 2:30 is empathy. Thank you.
there is no doubt about you being an awesome teacher. But I just realized part of why I like your tutorials is because of your damn beautiful voice. Wish you the best :)
hey man, quick message to thank you for how well everything is explained. it's a blast to watch and i appreiciate you outputting so many videos. thank you
Wow! Thanks for this amazing tutorial. I never watch any tutorial more than 5 minutes but your's was definitely worth it. I've been trying to understand how Vue router works in comparison to react router, and this video made it clear to me that Vue is definitely going to be my next best framework. Thanks again 👋
Thanks Shaun for bringing us this quality content and your ability to break things down and explain them clearly. I bought your vue 3 course and it was one of the best courses I've taken so far. You're an incredible help as I'm trying to land my first dev job in Holland.
Thanks, love your tutorials Shaun. When will you updating the ninja sass course. I have been trying to learn sass ever since I learnt html, css and modern js from you. A update to the sass course will be very much appreciated.
It's such good video because of its simplicity and being short It's a bit hard though for someone who's not have any coding experience But for me it's awesome
It's worth to mention, Shaun, that if we installed vue-router manually and not using the Vue CLI, we need to add vue-router@next, because the createWebHistory was not part of earlier version installments in vue-router before 3.0.
Thanks buddy. I'd recommend every newbie and advanced student of vue and laravel to your great content. Was displeased when I couldn't get you on Java ha ha ha. Consider that sometime.
The free tutorials are so good, I'm just going to buy a couple courses from you Net Ninja off Udemy. Thanks so much! Also, love the background music while projects are being created by @vue/cli :)
Thanks for your videos, Shaun. They are awesome! Perfect for Vue newbies. One thing that I noticed was that you never get any vulnerabilities when creating a project. I'm on a mac using npm 8.1.0 and node v17.0.1. Should I be concerned that I have over 80+ high and medium vulnerabilities? I have read that devs shouldn't be concerned about vulnerabilities as this is related to the packages/modules that are being used and unless I plan to use something else or fix these vulnerabilities, there's not much that can be done. What do you recommend? Thanks again!
Вот это Ты, многоуважаемый, молодец) Спасибо за столь качественное и детальное разъяснение. 3 года назад на vue писал приложения, да потом забил. Решил вспомнить и пройтись по всему. У Тебя, по сути, самые лучшие уроки. Спасибо. Специально на русском написал, чтобы Ты знал, что смотрят Тебя из разных стран)
Dude, thank you so much for this vid. It honestly saved my life!! Well, OK that was a bit over the top, but you saved me from a long drawn out headache. =)
For them who creates project straightforward, not like The Net Ninja => vue create ['name'] => (then) npm install vue-router@4 || (or) npm install vue-router@next => (then) just create all needed folders and files, which you see in the video, by your self. Yes, sometimes you have to do something by your own, create, refactor and so on. Ofc, if someone here is just because Front-End hobby, then we are sorry for these issues.
Very cool! A bit of a question. When we go to /jobs/gibberish it shows us "Job ID is: gibberish" while this job ID doesn't exist in the array. I know it's dynamically bound but I think it has to show 404 page, isn't it?
Very very very very nice tutorial. Explanatory with such understandable way. I am currently having an issue when I redirect but the page does not change, and I think it has to do with the router view tag, which I would not be able to understand through the documentation of vue... I will definitely visit the other tutorials as well. so stupid of me to not look up any video tutorials so far :S
Thank you very much for sharing such a techy topic in so beautiful comprehensive way. I wish my words can express my gratitude towards you. One request please could you please share the code you did in this tutorial please please. Thanks again
Thank you very much for the tutorial, it has helped me a lot for my website. But I have a question, how do I update the content of the Job component with a watch, inside the component itself? For example, if a Job had Related Job that can be queried?
Excellent series, I have learned a lot. There is a question I have though, for the 404 NotFound section. In that section the component is within the views/jobs folder but the binding is only to the views folder. It seems to work in your demo, so does that mean that when binding that as long as the root folder is specified the sub folders will be searched for the filename? If the binding to the component requires specific path then why did it work in the demo?
Can you make a video on quasar framework ? Ssr and build something like a ecommerce site. Not a useless app like weather app... not an entire project but landing login and user homepage or registration
Question for the community. I'm building a static vuejs site that will have a lot of articles. At the moment all articles are just static with their images. I'm guessing I'll need to eventually have all the articles pulled from a database?
Thank you for that nice series! - What I always wonder is how do you write links inside a text editor of a cms, when routes are "ruling" the navigation? Simply wrapping an a-tag around a word does not work, and standard text editors like ckeditor do not have a router implementation. Any ideas?
![[LIVE] : ONE ลุมพินี 89 | คู่เอก "ยอดไอคิว vs คิริลล์"](http://i.ytimg.com/vi/Z3vYkHJ_5Ig/mqdefault.jpg)
CSS style
35:43 job css
.job h2 {
background: #f4f4f4;
padding: 20px;
border-radius: 10px;
margin: 10px auto;
max-width: 600px;
cursor: pointer;
color: #444;
}
.job h2:hover {
background: #ddd;
}
.job a {
text-decoration: none;
}
44:11 button css
button {
margin: 0 10px;
padding: 10px;
border: none;
border-radius: 4px;
}
if there is alot of people like you the world will be better
thank you 🤗
why I noticed that only after a lesson🥲
MVP
I'm not an english native speaker but I found this series of videos and I understood everything. These tutorials are just perfect. Thank you!
Great to hear! :) thank you for watching
I've been searching the Internet for hours to find a video or sth to teach me vue-router simple and fast and you did it the best way. Thanks, man!
I can't express how much you've helped me with your videos. I never understood the Vue environment or how anything links together, and using the CLI always brought back errors. But from the start up until now (haven't got any further just yet!) it's been a total breeze. Thank you so much
That's awesome to hear Elliot :) thanks for the kind words and stick with it!
same here haha, thanks from my side too
God Level Simplicity with explanation .
Seriously, been trying for two days to find a truly beginner tutorial. All those videos claiming to be beginner friendly have a curse of knowledge where they don't even know what its like to be a beginner. What you did starting this video and upto 2:30 is empathy. Thank you.
Glad it was helpful Danish :) thanks for watching!
the music that plays when projects get created is hilariously merry and nostalgic!
wanted to say thanks for this very helpful vue tutorial playlist! I am learning vue for the first time and I am feeling great with the exercises!!!
I’ve seen studies on this where people mention background music while waiting for a task to be completed, it’s a human subconscious thing I think.
there is no doubt about you being an awesome teacher. But I just realized part of why I like your tutorials is because of your damn beautiful voice. Wish you the best :)
my favorite online tutor EVER, many blessings
It's just a very good explanation of the Vue CLI routing architecture without any fluff words. Not a complex, nor a simple context. Keep do this.
English isn't my native language but everything sounds so much clear when you explain it. Thank you so much
Thank you Shaun for making awesome tutorials. You have made web so much easy and fun. It seems like Mario and Luigi are part of my life now :D
this is the best vue tutorial ever! please never delete this :)
descriptive and easy to follow. Great job 👍👌.
Glad you liked it!
one interesting fact.... this video is able to satisfy all viewer .... this video has 0 dislike
oof yall jinxed it
@@lucien5112 yeah, that one must be a competitor.
Really Helpful and a good explanation. Thank you so much. I have cleared so many concept from this.
hey man, quick message to thank you for how well everything is explained. it's a blast to watch and i appreiciate you outputting so many videos. thank you
Awesome :) appreciate it! Thanks for watching.
Wow! Thanks for this amazing tutorial. I never watch any tutorial more than 5 minutes but your's was definitely worth it. I've been trying to understand how Vue router works in comparison to react router, and this video made it clear to me that Vue is definitely going to be my next best framework. Thanks again 👋
You're very welcome! Thanks for your support Riches :)
Thanks Shaun for bringing us this quality content and your ability to break things down and explain them clearly. I bought your vue 3 course and it was one of the best courses I've taken so far. You're an incredible help as I'm trying to land my first dev job in Holland.
Thanks so much :) good luck with job hunting, I hope you do really well!
@@NetNinja Thanks Shaun. Just got my first job as a junior dev and it was partly due to my Vue knowledge!
"partly" lol
Thanks, love your tutorials Shaun. When will you updating the ninja sass course. I have been trying to learn sass ever since I learnt html, css and modern js from you. A update to the sass course will be very much appreciated.
It's such good video because of its simplicity and being short
It's a bit hard though for someone who's not have any coding experience
But for me it's awesome
You are such a brilliant teacher
you are my best teacher ever, ur student from Africa - Sudan 🥳
this is the best content about vue.js.. thanks
It's worth to mention, Shaun, that if we installed vue-router manually and not using the Vue CLI, we need to add vue-router@next, because the createWebHistory was not part of earlier version installments in vue-router before 3.0.
For me, it seems to not work for any version before vue-router 4.0
Many thanks for such a great and easy to follow video!
Beautiful tutorial, very clearly explained to make it really easy to understand. Blessings.
I would like to thank you, because you are very clear in teaching this topic. I mean very.
4 months later and 0 dislikes.
Thanks man!
why did i buy Hitesh Choudury's course, this free video is way better than that. you are great bro! Subscribed!
u are amazing sir, i never find some one who can explain like u do, thank u ❤💕
He is a Ninja ! Very good way of teaching
Thanks buddy. I'd recommend every newbie and advanced student of vue and laravel to your great content. Was displeased when I couldn't get you on Java ha ha ha. Consider that sometime.
my english not good , but clearly your tutorial make me understand !! , keep it upp body , huge love from the distance
i loved the music when it is loading bro
These tutorials are so good! Thank you so much @TheNetNinja!
You're very welcome Ramil, thanks for your support!
Thank you so much for this tutorials, this help me a lot for my jobs!
Dude!! Thank you! I will recomend your tutorials to everyone
The free tutorials are so good, I'm just going to buy a couple courses from you Net Ninja off Udemy. Thanks so much!
Also, love the background music while projects are being created by @vue/cli :)
That’s explained itself very well,
Great work 🎉
Thanks a lot 😊
Excellent tutorial! It helped me a lot! Thank you very much!!
Nooo you stopped right at the moment I needed! How can I pass more than just the id through the router link? How would the job details get displayed?
Amazing tutorial. Thank you!
Shaun: *exists*
Me: Happiness Noises
GUUUUUUUUUUUUUUUU
Simple and the Best explanation 🎉
Thanks Ninja , this a pretty good tutorial series
I got a 3.8 lpa just because you thanks man🔥
Your tutorials are perfect but make me sleepy xd idk why!
Best course ever about vue router 👏
Thanks! :)
Thank you a lot! And again let's give that a wow! Best regards from here!
Thanks for your videos, Shaun. They are awesome! Perfect for Vue newbies. One thing that I noticed was that you never get any vulnerabilities when creating a project. I'm on a mac using npm 8.1.0 and node v17.0.1. Should I be concerned that I have over 80+ high and medium vulnerabilities? I have read that devs shouldn't be concerned about vulnerabilities as this is related to the packages/modules that are being used and unless I plan to use something else or fix these vulnerabilities, there's not much that can be done. What do you recommend? Thanks again!
enjoyed your videos, you done great work, Thanks mate
Вот это Ты, многоуважаемый, молодец) Спасибо за столь качественное и детальное разъяснение. 3 года назад на vue писал приложения, да потом забил. Решил вспомнить и пройтись по всему. У Тебя, по сути, самые лучшие уроки. Спасибо. Специально на русском написал, чтобы Ты знал, что смотрят Тебя из разных стран)
Dude, thank you so much for this vid. It honestly saved my life!! Well, OK that was a bit over the top, but you saved me from a long drawn out headache. =)
Aha, glad it helped! :)
Gold, as always.
Thanks a lot!
Great stuff man!
CSS :
.job h2 {
background: #f4f4f4;
padding: 20px;
border-radius: 10px;
margin: 10px auto;
max-width: 600px;
cursor: pointer;
color: #444;
}
.job h2:hover {
background: #ddd;
}
.job a {
text-decoration: none;
}
explained very clearly, thanks a lot
Glad it was helpful! :)
For them who creates project straightforward, not like The Net Ninja => vue create ['name'] => (then) npm install vue-router@4 || (or) npm install vue-router@next => (then) just create all needed folders and files, which you see in the video, by your self.
Yes, sometimes you have to do something by your own, create, refactor and so on.
Ofc, if someone here is just because Front-End hobby, then we are sorry for these issues.
really easy to follow and super clear, thank you! this is super helpful!
I like this. I like this very much. You are a good teacher.
Thank you! 😃
The best part is the loading music (4:18)
Clear and efficient. Thanks.
Vuex is on your roadmap?
Very cool! A bit of a question. When we go to /jobs/gibberish it shows us "Job ID is: gibberish" while this job ID doesn't exist in the array. I know it's dynamically bound but I think it has to show 404 page, isn't it?
Normally in a real world application, you send a request to a backend. When the backend responds with a 404, you then show the not found page.
have u already solved this my g?
this is the hardest lesson so far
Very very very very nice tutorial. Explanatory with such understandable way. I am currently having an issue when I redirect but the page does not change, and I think it has to do with the router view tag, which I would not be able to understand through the documentation of vue... I will definitely visit the other tutorials as well. so stupid of me to not look up any video tutorials so far :S
Wonderful. I appreciate for ur useful tutorial.
Thank you very much. This is exactly what I wanted to know.
i love all your videos they helped me so much but please how do you use vue create without typing npx before ?
Thank you so much this video helped a lot
from Morocco , thank you
Thanks Zakaria :) big love to Morocco!
Thank you very much for sharing such a techy topic in so beautiful comprehensive way. I wish my words can express my gratitude towards you. One request please could you please share the code you did in this tutorial please please. Thanks again
Thanks!
Thanks for your support Alexus!
@@NetNinja and thank you for the high quality videos!
It's a perfect tutorial. I love it very much, but why you didn't include the children tree?
You're amazing 😭😭😭
Excellent tutorial! Thank you very much!!keep up the good work 👌👍
Thanks Jimmy :)
thanks for this video learned allot from here
Thank you very much for the tutorial, it has helped me a lot for my website. But I have a question, how do I update the content of the Job component with a watch, inside the component itself? For example, if a Job had Related Job that can be queried?
Awesome video... congrats!
More detailed video👏👏👏
Thank you for your time sir.
You're very welcome Ghulam!
Thank You... Perfect one 💕
You are just the best! So talanted!
great video thanks for the tutorial sir
Thanks a lot man. Great Work.
Thanks Balaji :)
You are the best ❤️❤️❤️
thank you for sharing you knowledge
you are the best !!!!!!
Excellent series, I have learned a lot. There is a question I have though, for the 404 NotFound section. In that section the component is within the views/jobs folder but the binding is only to the views folder. It seems to work in your demo, so does that mean that when binding that as long as the root folder is specified the sub folders will be searched for the filename? If the binding to the component requires specific path then why did it work in the demo?
the best as usual!!
What is the number of this lesson in the gitlab ?
Thanks for the video
07:07 process.env.BASE_URL does not work anymore. use import.meta.env.BASE_URL
Which would be the folder structure with a navbar component would be before link router or another component in the components folder?
Can you make a video on quasar framework ? Ssr and build something like a ecommerce site. Not a useless app like weather app... not an entire project but landing login and user homepage or registration
Question for the community. I'm building a static vuejs site that will have a lot of articles. At the moment all articles are just static with their images. I'm guessing I'll need to eventually have all the articles pulled from a database?
Thank you for that nice series! - What I always wonder is how do you write links inside a text editor of a cms, when routes are "ruling" the navigation? Simply wrapping an a-tag around a word does not work, and standard text editors like ckeditor do not have a router implementation. Any ideas?
Are you going to make tutorial on next.js ??
you are rock star ...
For details Page only way to pass full data is vuex, you forgot to mention
Hey Shaun! What software do you use to create slides ?
It says missing param for ID when I try to run at 29:11