This tutorial is an absolute gem! Not only is the instructor a pro at teaching Vue 3, but his soothing voice and clear explanations make it easy to follow along. I could listen to him all day. Thank you for sharing your knowledge and making the learning experience enjoyable!
@@envatotuts can you give an exercise or an challenge while teaching? That would make sure to learn on 100%, otherwise I will forget them in the lesson or day or two
finally I found a real tutorial video. Most videos are more like showing how to build but not teaching. Liked and subscribed! Thank you so much for this video.
Coming up to halfway on this tutorial and just wanted to express my sincere thanks. I've never been able to get stuck into Vue before but I'm finally starting to understand its merits and how to work with it. Exceptionally well structured course. Very grateful for the time you put into this.
Man I cannot thank you enough. This is the best Vue tutorial on YT! Your explanations and extensive commentary on reasoning and syntax breakdown is just gold. Really appreciate your effort!
2:24:00 So far so good. Been halfway through the video and I'm in love with it , clear and on point explanation .One suggestion , please add git repo for following through the code snippets. Thanks Jeremy😊!
I just finished watching your Vue.js video, and I have to say, it was excellently paced! You explained the solid concepts with great rhetoric, and I really enjoyed every bit of it. Thanks for sharing this valuable content!
It would seem I'm not the first to say, which should all the more go to credit your work here, but I am about half way into following along with your video and I would like to express my gratitude to you for it. I am brand new to coding, I have no work experience in the field nor have I been able to attend a college for computer sciences. I am trying my hardest to develop a new, more lucrative set of skills to change both mine and my partners lives for the better. I thoroughly appreciate the time you've taken to show multiple methods of reaching the same goal and explaining the differences in them, as well as your positive attitude throughout the video. Thank you for the help, is all I'm trying to say, thank you.
This tutorial is one of the best courses I've ever watched. Everything is explained in a very simple way, which makes it easy to follow and learn. Thank you very much!
What I enjoyed the most from this tutorial were the cheeky chuckles, puns and witty phrases. It was more than a Vue tutorial, but also an English refresher
This is the best vue tutorial I've seen and it's completely free! I have paid for vue tutorials and weren't even close to this quality, BTW has some said that your voice is very similar of the cinemasins narrator? 😅
Just finished the first hour and came to thank you for such an amazing tutorial.... Thanks a lot for using your time to help us to be better devs and learn new frameworks.
As English is not my first language, finding a good tutorial recorded in standard English is so difficult. But this video is just the one that I am looking for, friendly to the ones like us taking English as seconds language
At intro, I thought this is not for me hearing to all that bgm and 1.5x speed.......but after listening to the explanation in starting with viewjs, I feel blessed😅
It's a really good course!!! I watched it in 1 week completly. Step by step. It was very nice and understandable. I watched this course because I need Vue.js for my work. Thanks for all! King regards.
Man what a tutorial, after searching online for hours, finally found a video which explains everything with absolute preciseness 🙌🏼❤. Subscribed! Also loved the vscode theme, can I know the theme name?
Incredible Vue.js tutorial! After wanting to know Vue.js, this tutorial made it a breeze. Huge thanks to the creator for simplifying complex concepts. Feeling empowered and ready to dive into Vue.js magic!
while writing the code in the markups you paste in is also good practice, it may also be nice to include information regarding where and how you can source those things already finished from the internet.
when i started learning this cource with you, i really feel that i don't understand anything but after start learning composition api i find that i understand more than what i expect to learn. thank u 🐿
For section 7.4 I cant get the navbar updating after changing :( Ive tried to look back at the code and went back to the event bus creation to see if I did something wrong but I just cant find the error rip.
I helped another person solve this, and I can say for at least that person they had the wrong data() property name in Navbar.vue. It should be "data() { return { theme: 'light', pages: [] } }" where instead of "pages: []" they had "data: []". The quick change where this happens in the video is shortly after 3:22:04
@@yoduh99 THANK YOU, was looking for a solution throughout the comments :), maybe if the composition API would've been used, the compiler would have risen some warnings xd
I'm brand spanking new to javascript and all the rest and i have one question. Around 9:00 you put in double curly brackets with pageTitle in it, which comes up as literally what i typed in, {{ pageTitle }}, on the page. I double checked every piece of code and its all the same as yours. Any idea what's wrong?
Hi! If you're seeing {{ pageTitle }} rendered as-is, it usually means Vue.js isn’t recognizing the code. Double-check that: Vue is properly initialized in your project and linked in your HTML. The el in your Vue instance matches the element you’re targeting in your HTML (e.g., #app). Your pageTitle is defined in the data section of your Vue instance. Let us know if you’re still stuck! Cheers! 😊
This is stupid, I know, but at 1:53:58, the instructor passes a "rawProps" argument to the default function, and my server is throwing a "no-unused-vars" error and refuses to compile. Is there a way to get rid of this error, or a way to initialize rawProps, or am I missing something altogether?
Nice Tutorial! Very well described. I can listen to your voice for hours.. Perfectly done!! As some ppl mentioned, it would be cool if you share your IDE settings with us, Extensions/Theme. Your Theme makes more sense to me, than my own.
at 51:00 where the back ticks ` are used, for some reason i cant get it to run, it just throws error after error. has anybody else had this issue? are there any wrok arounds for it?
heres the code i wrote in for it and its not working no matter what i do. wondering if its worth continueing the video or scrapping ti alltogether if this is going to be an issue going forward :class="[`navbar-${theme}`, `bg-${theme}`, 'navbar' : 'navbar-expand-lg']"
@@RenoNowhere :class="[`navbar-${theme}`, `bg-${theme}`, 'navbar', 'navbar-expand-lg']" this code works, the problem with yours is the use of : between the bootstrap classes
Hi! Absolute NOOB here.. - got everything up and running - my Index.html code is exactly the same as far as I can tell - got stuck at around 9:30 of the video, where my page doesnt show the softcoded pageTitle and content.. - All I get is {{ pageTitle }} and {{ content }}, so it doesnt get the info from the Vue.createApp script. Any pointers on what I've might have missed? EDIT: Nevermind... fixed it.. was missing one ">" in my code..
I noticed something of a "bug". Just hear me out. :D Home, About and Contact pages are published. Then About page is set unpublished. After this when you select "Contact" page, it show "About Page" in PageViewer section. I have created "New Page" with the Pages New Page button feature and when I unpublished "Contact" and published "About", the "About" page show Contact page. So the index is not updating to the right page. Maybe it is me. I am trying to find the error but thought to write this here because this was not present in the video.
So this is a story of Prince of Bel Air....No, it isn't. This is a story of how I beat the "bug". :D I got rid of the int value index for the page routing and changed it to use text based value of the "url" attribute inside link array. So now I have the url build like: "localhost:8080/#/home" "localhost:8080/#/about" "localhost:8080/#/contact" or localhost:8080/#/what-ever-i-choose-page. It was some hard work to do it with my knowledge based on only this video tutorial but with the help of Copilot I emerged victorious! :D
Hey there! 😂 Sounds like you had quite the adventure, battling those bugs like a true front-end warrior! Glad to hear you figured it out! 🎉 And hey, just like the Prince of Bel-Air, you turned that story around from "bug" to "victory" faster than Will can change his clothes! Keep rocking that Vue.js knowledge! Cheers!💚
Awesome tutorial. But I can not understand which key you press for shortcuts. For example at time: 26:36. You make them all Pages children. How did you do? Can you explain it. Thank you
Hi! We’re glad you enjoyed the tutorial! At the time 26:36, to make all pages children, you likely used the "Alt" key (or "Option" on Mac) along with a click-and-drag action to quickly nest pages or items in the Vue.js project structure. This shortcut helps in reorganizing items efficiently. Hope this helps, cheers!
Great tutorial. However, 2.8 'introducing components', the template syntax in the app.component doesn't appear to be correct. It doesn't like the tick marks around the div.
Hi! Glad you enjoyed the tutorial 💚. The VSCode theme looks like it might be Monokai Pro or a similar dark theme, which enhances readability with vibrant colors. You can explore themes by going to Extensions in VSCode and searching for popular ones like Monokai, Dracula, or One Dark Pro. Hope this helps! Cheers!
This is what I think. Initially when the page is empty navbar gets created with no links and after that created event is triggered which sets the pages, so because of reactive nature of vuejs the navbar again gets rendered with the links this time.
Hi... your video is fantastic, but I reach this point 4:03:45 chapter 7.4 Binding Data and Working with Forms and, even after I modified in navbar this line from: this.pages = this.$pages.getAllPages(); to: this.pages = [...this.$pages.getAllPages()];, the page (I mean the navbar) is still not updating correctly... what could be the problem?
im, wrong "likely you missed a quick copy/paste he did around 3:22:05 where the data() property is supposed to be "pages: []", not "data: []"" @yoduhh99 thanks!
@@jason12518 Thanks mate! Really was banging my head against wall, couldn't figure out where I went wrong, then I saw your comment , the prob was data property was set to data:[] !.I wish there was some kind of code repo to follow along. Anyways thanks again!
I already installed router using "npm install vue-router --save" and "npm install vue-router@next", created routes.js and put "import {createRouter, createWebHashHistory} from 'vue-router' " exactly as you did, but I always get this error when running on browser said "Module not found: Error: Can't resolve 'vue-router' in '...........\src'" Please help I tried many ways, but still can't fix.
thanks for the tutorial. I enjoyed it till section 4.5 but then you added out of nowhere so much code. Would it be an option to provide the sample code? that would be helpful when following along
how did you name your component "Navbar"? If i'm trying to name it as you did, i will always get the "1:1 error Component name "Navbar" should always be multi-word vue/multi-word-component-names" error. "NavBar" works, however for some reason this error keep appearing even after i fix the issue and this can only be fixed by running "npm run serve" again
Im at the end of 7.4 Binding data and working with forms. Has anyone encountered some bug where whenever one tries to edit or cancel on the edit page, I get an error stating: router.push is not a function. What's strange is that it works. If I save the page or reload it, everything gets updated.
Hi! Just a basic idea of HTML, CSS, and JavaScript is enough-like how to structure a page, style it, and use simple scripts. You’ll do great! Cheers! 😊
Perfect!!! , I watched using playback speed of 1.5, not a single time I had to reverse and watch again. It is that clear, Thank you very much. I have a question, Due to certain constraints I have to use CDN (and not the npm way). I have to develop a SPA website having around 100 pages / SFC. What are the major drawbacks of using CDN compared to npm,? Are there any showstopper?
Excuse me, I wonder why the nav-ul-li item click does not need to put into COMPUTED and it work properly, but the Toogle button require add to COMPUTED. When will we need COMPUTED?
computed properties run on their own. they rerun whenever any of their reactive dependencies update. you don't tell a computed property to rerun, they just do. it's useful for when you want something to be always be defined based on how something else is defined... if that something else changes, the computed property will automatically change too. methods are used for things like user interactions and only run when explicitely called.
Hi! You can find the "without build" script tag in the Vue.js documentation under the "Getting Started" or "Installation" sections. It’s usually listed as the CDN option. Hope that helps! Cheers!
I have the exact same problem. Uncaught runtime errors: × ERROR this.$pages.getAllPages is not a function TypeError: this.$pages.getAllPages is not a function at Proxy.created (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Navbar.vue?vue&type=script&lang=js:10:30)
This tutorial is an absolute gem! Not only is the instructor a pro at teaching Vue 3, but his soothing voice and clear explanations make it easy to follow along. I could listen to him all day. Thank you for sharing your knowledge and making the learning experience enjoyable!
You're very welcome!
ASMR kinda vibes.
no doubt
@@envatotuts can you give an exercise or an challenge while teaching? That would make sure to learn on 100%, otherwise I will forget them in the lesson or day or two
New achievement unlocked: 🎉 The first long TH-cam tutorial that I actually completed and didn't leave halfway through.
How did u do that?
Ja das ist gut
Starting my journey with Vue and this was my first tutorial. As a beginner, it's really good!
One of the best I've seen so far. Instructor teaches at a very good pace, such that we can follow. Content and delivery are great!
Thank you, I have always had a hard time with front-end frameworks. This video taught me more than any other I have ever watched.
Wow, thanks!
finally I found a real tutorial video. Most videos are more like showing how to build but not teaching. Liked and subscribed! Thank you so much for this video.
Hi! We're thrilled you found the tutorial helpful! Your support means a lot, and we're here to keep bringing you more valuable content. Cheers! 🎉
Coming up to halfway on this tutorial and just wanted to express my sincere thanks. I've never been able to get stuck into Vue before but I'm finally starting to understand its merits and how to work with it. Exceptionally well structured course. Very grateful for the time you put into this.
Man I cannot thank you enough. This is the best Vue tutorial on YT! Your explanations and extensive commentary on reasoning and syntax breakdown is just gold. Really appreciate your effort!
2:24:00 So far so good. Been halfway through the video and I'm in love with it , clear and on point explanation .One suggestion , please add git repo for following through the code snippets. Thanks Jeremy😊!
I just finished watching your Vue.js video, and I have to say, it was excellently paced! You explained the solid concepts with great rhetoric, and I really enjoyed every bit of it. Thanks for sharing this valuable content!
One of the few courses on youtube that I have actually followed completely till the end. Thanks a lot🙇
Found this precisely when I needed it. 30 minutes in and I know I’ll stay there until the end. Thanks so much
imp notes:
35:30 - css conditionals
41:53 - computed property
Fortunately, Envato Tutorials never disappointed me. It has the most simply explained courses without any doubt.
One of the best courses I've ever seen. Thank you for your work
It would seem I'm not the first to say, which should all the more go to credit your work here, but I am about half way into following along with your video and I would like to express my gratitude to you for it. I am brand new to coding, I have no work experience in the field nor have I been able to attend a college for computer sciences. I am trying my hardest to develop a new, more lucrative set of skills to change both mine and my partners lives for the better. I thoroughly appreciate the time you've taken to show multiple methods of reaching the same goal and explaining the differences in them, as well as your positive attitude throughout the video. Thank you for the help, is all I'm trying to say, thank you.
This tutorial is one of the best courses I've ever watched. Everything is explained in a very simple way, which makes it easy to follow and learn. Thank you very much!
You're very welcome!
What I enjoyed the most from this tutorial were the cheeky chuckles, puns and witty phrases. It was more than a Vue tutorial, but also an English refresher
💚
The only tutorial that actually worked, thanks
I was skeptical about using UI libraries thinking they were unnecessarily complex but this really told me its very easy. thanks man!
One of the best Vue js video in the entire TH-cam
This is the best vue tutorial I've seen and it's completely free! I have paid for vue tutorials and weren't even close to this quality, BTW has some said that your voice is very similar of the cinemasins narrator? 😅
I hate front-end development but this tutorial made me hate it less
Thank you so much. Such a clean tutorial.
💚
First recommended video for learning vue as a beginner
Hope you enjoyed it!
I love the way how you explain complex concepts easily, Thats a great Vue course so far and thank u so much♥
Almost done with my MEVN app. Just need to go over Vue again. ITs been a year since iv done anything with it. This is just perfect timing by Envato.
Finally a good tutorial with Vue.JS
😉💚
If this teaches me Vue, i will love your channel forever
Great tutorial, straight to the point with detailed explanations and you never stray off into random tangents, also great voice xD
i love this man's voice
Just finished the first hour and came to thank you for such an amazing tutorial.... Thanks a lot for using your time to help us to be better devs and learn new frameworks.
As English is not my first language, finding a good tutorial recorded in standard English is so difficult. But this video is just the one that I am looking for, friendly to the ones like us taking English as seconds language
Wow.. such a pro quality tutorial for free.. This is immensely useful. Thank you.
Thank you for watching! Cheers!
At intro, I thought this is not for me hearing to all that bgm and 1.5x speed.......but after listening to the explanation in starting with viewjs, I feel blessed😅
It's a really good course!!! I watched it in 1 week completly. Step by step. It was very nice and understandable. I watched this course because I need Vue.js for my work. Thanks for all!
King regards.
Glad it was helpful!
The only Vue tutorial I need to learn the basics. Tried every videos out there but this is the best for me.
I find this also a great content, great teaching, and really cool animation effects, I enjoy it really much!
Best tutorial on vue
This is an absolute treasure! Thank you very much!
Man what a tutorial, after searching online for hours, finally found a video which explains everything with absolute preciseness 🙌🏼❤. Subscribed!
Also loved the vscode theme, can I know the theme name?
Incredible Vue.js tutorial! After wanting to know Vue.js, this tutorial made it a breeze.
Huge thanks to the creator for simplifying complex concepts.
Feeling empowered and ready to dive into Vue.js magic!
while writing the code in the markups you paste in is also good practice, it may also be nice to include information regarding where and how you can source those things already finished from the internet.
when i started learning this cource with you, i really feel that i don't understand anything but after start learning composition api i find that i understand more than what i expect to learn.
thank u 🐿
This course is soo legend. Thank you very much!
For section 7.4 I cant get the navbar updating after changing :( Ive tried to look back at the code and went back to the event bus creation to see if I did something wrong but I just cant find the error rip.
I'm also looking for solution to this, please let me know if you have solved it
@@darkerzyeow3628 did you solve it yet?
I helped another person solve this, and I can say for at least that person they had the wrong data() property name in Navbar.vue. It should be "data() { return { theme: 'light', pages: [] } }" where instead of "pages: []" they had "data: []". The quick change where this happens in the video is shortly after 3:22:04
omg bro i've been looking for a mistake for hours, thank you very much@@yoduh99
@@yoduh99 THANK YOU, was looking for a solution throughout the comments :), maybe if the composition API would've been used, the compiler would have risen some warnings xd
It's so crazy that tutorials like this exist for free. Thank you
I'm brand spanking new to javascript and all the rest and i have one question. Around 9:00 you put in double curly brackets with pageTitle in it, which comes up as literally what i typed in, {{ pageTitle }}, on the page. I double checked every piece of code and its all the same as yours. Any idea what's wrong?
Hi! If you're seeing {{ pageTitle }} rendered as-is, it usually means Vue.js isn’t recognizing the code. Double-check that:
Vue is properly initialized in your project and linked in your HTML.
The el in your Vue instance matches the element you’re targeting in your HTML (e.g., #app).
Your pageTitle is defined in the data section of your Vue instance.
Let us know if you’re still stuck! Cheers! 😊
Thanks Guru, for this amazing content.
Glad you liked it!
Loved this tutorial. Thank you so much
This is stupid, I know, but at 1:53:58, the instructor passes a "rawProps" argument to the default function, and my server is throwing a "no-unused-vars" error and refuses to compile. Is there a way to get rid of this error, or a way to initialize rawProps, or am I missing something altogether?
Hello how did you do 18:08 the shortcut where you were making the links into objects
Nice Tutorial! Very well described. I can listen to your voice for hours.. Perfectly done!!
As some ppl mentioned, it would be cool if you share your IDE settings with us, Extensions/Theme. Your Theme makes more sense to me, than my own.
Glad it was helpful!
Hello, I think he is using Community Material Theme High Contrast.
at 51:00 where the back ticks ` are used, for some reason i cant get it to run, it just throws error after error. has anybody else had this issue? are there any wrok arounds for it?
heres the code i wrote in for it and its not working no matter what i do. wondering if its worth continueing the video or scrapping ti alltogether if this is going to be an issue going forward
:class="[`navbar-${theme}`, `bg-${theme}`, 'navbar' : 'navbar-expand-lg']"
@@RenoNowhere :class="[`navbar-${theme}`, `bg-${theme}`, 'navbar', 'navbar-expand-lg']" this code works, the problem with yours is the use of : between the bootstrap classes
Great tutorial. Enjoying a lot. But should have a git repo along with it. Hard to follow the code. Git repo would be easy for reference.
Thank you, this is a good tutorial to start with.
You're very welcome- Thanks for watching! 💚
Hi! Absolute NOOB here..
- got everything up and running
- my Index.html code is exactly the same as far as I can tell
- got stuck at around 9:30 of the video, where my page doesnt show the softcoded pageTitle and content..
- All I get is {{ pageTitle }} and {{ content }}, so it doesnt get the info from the Vue.createApp script.
Any pointers on what I've might have missed?
EDIT: Nevermind... fixed it.. was missing one ">" in my code..
I noticed something of a "bug". Just hear me out. :D
Home, About and Contact pages are published. Then About page is set unpublished. After this when you select "Contact" page, it show "About Page" in PageViewer section. I have created "New Page" with the Pages New Page button feature and when I unpublished "Contact" and published "About", the "About" page show Contact page.
So the index is not updating to the right page. Maybe it is me. I am trying to find the error but thought to write this here because this was not present in the video.
So this is a story of Prince of Bel Air....No, it isn't. This is a story of how I beat the "bug". :D
I got rid of the int value index for the page routing and changed it to use text based value of the "url" attribute inside link array.
So now I have the url build like:
"localhost:8080/#/home"
"localhost:8080/#/about"
"localhost:8080/#/contact"
or localhost:8080/#/what-ever-i-choose-page.
It was some hard work to do it with my knowledge based on only this video tutorial but with the help of Copilot I emerged victorious! :D
Hey there! 😂 Sounds like you had quite the adventure, battling those bugs like a true front-end warrior! Glad to hear you figured it out! 🎉 And hey, just like the Prince of Bel-Air, you turned that story around from "bug" to "victory" faster than Will can change his clothes! Keep rocking that Vue.js knowledge!
Cheers!💚
Glad I found this tut, thanks
Awesome tutorial. But I can not understand which key you press for shortcuts. For example at time: 26:36. You make them all Pages children. How did you do? Can you explain it. Thank you
Hi! We’re glad you enjoyed the tutorial! At the time 26:36, to make all pages children, you likely used the "Alt" key (or "Option" on Mac) along with a click-and-drag action to quickly nest pages or items in the Vue.js project structure. This shortcut helps in reorganizing items efficiently. Hope this helps, cheers!
"...of course it will, we wrote this" 41:32 you got me right there 🙌🙌 that line is a classic,, will follow you to the ends of the earth
Brilliant . Thank you so much . I wanted to try my hands on vue . Here we go
Glad I could help
@@envatotuts can you make video about Json for javascript please
A really excellent tutorial, thank you
the best explanations 👏👏👏
Glad you think so!
Why Vue CLI when it's on maintenance mode, even the official version says to use vite instead of Vue CLI 🤔🤔?
Thank you for the course!
Great tutorial. However, 2.8 'introducing components', the template syntax in the app.component doesn't appear to be correct. It doesn't like the tick marks around the div.
Thank you , this is a piece of art .
Wow, thank you!
Great tutorial! Thank you. Also does anyone know what theme with VSCode he might be using? his seems to make it easier to read. Thanks.
Hi! Glad you enjoyed the tutorial 💚. The VSCode theme looks like it might be Monokai Pro or a similar dark theme, which enhances readability with vibrant colors. You can explore themes by going to Extensions in VSCode and searching for popular ones like Monokai, Dracula, or One Dark Pro. Hope this helps! Cheers!
I have been using react for a while now, but this video has made me decide to start using vue, it makes so much more sense than react
Thank you so much for sharing this material, I am enjoying it a lot
Happy to hear that!
may I know how did you type the long rightwards double arrow at 1:10:46, please?
got it, it is =>, but on your page, it looks different.
If your font has ligatures, then it will make it a continuous arrow. It depends on your font and if your editor will support it.
The styling from the bootstrap package doesn't seem to be applying, any idea why?
but why is 2 nav bars generated at 1:48:41. Pls help
This is what I think. Initially when the page is empty navbar gets created with no links and after that created event is triggered which sets the pages, so because of reactive nature of vuejs the navbar again gets rendered with the links this time.
Hi... your video is fantastic, but I reach this point 4:03:45 chapter 7.4 Binding Data and Working with Forms and, even after I modified in navbar this line from: this.pages = this.$pages.getAllPages(); to: this.pages = [...this.$pages.getAllPages()];, the page (I mean the navbar) is still not updating correctly... what could be the problem?
im, wrong "likely you missed a quick copy/paste he did around 3:22:05 where the data() property is supposed to be "pages: []", not "data: []""
@yoduhh99 thanks!
@@jason12518 Thanks mate! Really was banging my head against wall, couldn't figure out where I went wrong, then I saw your comment , the prob was data property was set to data:[] !.I wish there was some kind of code repo to follow along. Anyways thanks again!
I already installed router using "npm install vue-router --save" and "npm install vue-router@next", created routes.js and put "import {createRouter, createWebHashHistory} from 'vue-router' " exactly as you did, but I always get this error when running on browser said "Module not found: Error: Can't resolve 'vue-router' in '...........\src'"
Please help I tried many ways, but still can't fix.
Wonderful tutorial! I would just like to know if the starter project repository is shared, because I can't seem to find any link.
thanks for the tutorial.
I enjoyed it till section 4.5 but then you added out of nowhere so much code. Would it be an option to provide the sample code? that would be helpful when following along
Stop the video and copy, dude
Done watching, new subscriber here👋. I'm looking forward for vue + laravel tutorial.
Thank you so much, it is helping me to learn basics as well as key fundamentals of VueJS. Also can you please tell what VS Code theme are you using?
Hello, I think he is using Community Material Theme High Contrast.
Source Code would have been dope. But apart of that: very nice tutorial.
thankyou so much jeremy🥰
Jeez. Vue makes me love React even more.
how did you name your component "Navbar"? If i'm trying to name it as you did, i will always get the "1:1 error Component name "Navbar" should always be multi-word vue/multi-word-component-names" error. "NavBar" works, however for some reason this error keep appearing even after i fix the issue and this can only be fixed by running "npm run serve" again
Hi, the urls for the course materials are not working, any one got them on github?
Im at the end of 7.4 Binding data and working with forms. Has anyone encountered some bug where whenever one tries to edit or cancel on the edit page, I get an error stating: router.push is not a function. What's strange is that it works. If I save the page or reload it, everything gets updated.
do you need prior html, css or javascript knowledge for this tutorial? if so, what should i know?
Hi! Just a basic idea of HTML, CSS, and JavaScript is enough-like how to structure a page, style it, and use simple scripts. You’ll do great! Cheers! 😊
Perfect!!! , I watched using playback speed of 1.5, not a single time I had to reverse and watch again. It is that clear, Thank you very much. I have a question, Due to certain constraints I have to use CDN (and not the npm way). I have to develop a SPA website having around 100 pages / SFC. What are the major drawbacks of using CDN compared to npm,? Are there any showstopper?
Were you able to achieve it? Will like to hear from you😊
Thanks for this tutorial!
Thank you so much, I really appreciate what you have done. Brilliant 🥰
You’re welcome 😊
Thanks a lot for this amazing tutorial.
Your welcome.
Excuse me, I wonder why the nav-ul-li item click does not need to put into COMPUTED and it work properly, but the Toogle button require add to COMPUTED. When will we need COMPUTED?
computed properties run on their own. they rerun whenever any of their reactive dependencies update. you don't tell a computed property to rerun, they just do. it's useful for when you want something to be always be defined based on how something else is defined... if that something else changes, the computed property will automatically change too. methods are used for things like user interactions and only run when explicitely called.
If we make pagesStore reactive(), then some events can be removed
cannot find the without build script tag on the official website
Hi! You can find the "without build" script tag in the Vue.js documentation under the "Getting Started" or "Installation" sections. It’s usually listed as the CDN option. Hope that helps! Cheers!
Thanks so much 🌹 keep it up ☺️
this is helpful ❤
Can i have source code? it seems something getting wrong with my code when i try to apply underline to text
Any recomendations for vscode setup ? thanks
Hi can i ask for part 6.3..i got error saying that this.$pages.getAllPages is not a function..can you help with that😢
I have the exact same problem.
Uncaught runtime errors:
×
ERROR
this.$pages.getAllPages is not a function
TypeError: this.$pages.getAllPages is not a function
at Proxy.created (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Navbar.vue?vue&type=script&lang=js:10:30)
Aaand I found the problem. In the data.js I defined the function as "getAllPage()" not "getAllPages()"
Can I have the compete (final version) source code for this demo/video?