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.
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.
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 :)
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.
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
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.
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 👋
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
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.
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
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!
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 :)
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?
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.
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. =)
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
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?
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?
Вот это Ты, многоуважаемый, молодец) Спасибо за столь качественное и детальное разъяснение. 3 года назад на vue писал приложения, да потом забил. Решил вспомнить и пройтись по всему. У Тебя, по сути, самые лучшие уроки. Спасибо. Специально на русском написал, чтобы Ты знал, что смотрят Тебя из разных стран)
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?
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?
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 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
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!
God Level Simplicity with explanation .
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.
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!
English isn't my native language but everything sounds so much clear when you explain it. Thank you so much
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
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 :)
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.
my favorite online tutor EVER, many blessings
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.
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.
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
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
descriptive and easy to follow. Great job 👍👌.
Glad you liked it!
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 :)
Really Helpful and a good explanation. Thank you so much. I have cleared so many concept from this.
you are my best teacher ever, ur student from Africa - Sudan 🥳
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.
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?
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
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.
why did i buy Hitesh Choudury's course, this free video is way better than that. you are great bro! Subscribed!
Clear and efficient. Thanks.
Vuex is on your roadmap?
Many thanks for such a great and easy to follow video!
You are such a brilliant teacher
this is the best content about vue.js.. thanks
i loved the music when it is loading bro
Beautiful tutorial, very clearly explained to make it really easy to understand. Blessings.
my english not good , but clearly your tutorial make me understand !! , keep it upp body , huge love from the distance
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
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
this is the best vue tutorial ever! please never delete this :)
Shaun: *exists*
Me: Happiness Noises
GUUUUUUUUUUUUUUUU
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!
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 :)
I would like to thank you, because you are very clear in teaching this topic. I mean very.
These tutorials are so good! Thank you so much @TheNetNinja!
You're very welcome Ramil, thanks for your support!
Best course ever about vue router 👏
Thanks! :)
Simple and the Best explanation 🎉
That’s explained itself very well,
Great work 🎉
Thanks a lot 😊
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;
}
4 months later and 0 dislikes.
Thanks man!
Very nice tutorial, thank you!
Thanks for watching Gennaro :)
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?
explained very clearly, thanks a lot
Glad it was helpful! :)
Thank you a lot! And again let's give that a wow! Best regards from here!
from Morocco , thank you
Thanks Zakaria :) big love to Morocco!
Your tutorials are perfect but make me sleepy xd idk why!
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.
I got a 3.8 lpa just because you thanks man🔥
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! :)
Thank you so much this video helped a lot
Great stuff man!
Thank you so much for this tutorials, this help me a lot for my jobs!
Excellent tutorial! It helped me a lot! Thank you very much!!
Gold, as always.
Thanks a lot!
Dude!! Thank you! I will recomend your tutorials to everyone
enjoyed your videos, you done great work, Thanks mate
It's a perfect tutorial. I love it very much, but why you didn't include the children tree?
Thank you for your time sir.
You're very welcome Ghulam!
i love all your videos they helped me so much but please how do you use vue create without typing npx before ?
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
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?
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?
Вот это Ты, многоуважаемый, молодец) Спасибо за столь качественное и детальное разъяснение. 3 года назад на vue писал приложения, да потом забил. Решил вспомнить и пройтись по всему. У Тебя, по сути, самые лучшие уроки. Спасибо. Специально на русском написал, чтобы Ты знал, что смотрят Тебя из разных стран)
Thanks Ninja , this a pretty good tutorial series
Thanks a lot man. Great Work.
Thanks Balaji :)
I like this. I like this very much. You are a good teacher.
Thank you! 😃
Excellent tutorial! Thank you very much!!keep up the good work 👌👍
Thanks Jimmy :)
Wonderful. I appreciate for ur useful tutorial.
this is the hardest lesson so far
Thank you very much. This is exactly what I wanted to know.
really easy to follow and super clear, thank you! this is super helpful!
thanks for this video learned allot from here
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?
Awesome video... congrats!
great video thanks for the tutorial sir
Hey Shaun! What software do you use to create slides ?
Thank You... Perfect one 💕
you are the best !!!!!!
thank you for sharing you knowledge
What is the number of this lesson in the gitlab ?
Thanks for the video
You're amazing 😭😭😭
More detailed video👏👏👏
The best part is the loading music (4:18)
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
Which would be the folder structure with a navbar component would be before link router or another component in the components folder?
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?
You are the best ❤️❤️❤️
you are rock star ...
Legend
Thanks
Thanks for the video ! Just a question, how delete the vertical line on the right of "Home" ?
I searched but I did not find anything
it's added in CSS
On mine project, it was right after the Home router-link.
Are you going to make tutorial on next.js ??
Lovely
For details Page only way to pass full data is vuex, you forgot to mention
Thanks! Awesome