Now that I am here for a refresher, its astounding how clear I am getting in JS foundations. This will help me in another part of my upskilling journey where I will be creating web components. There is no better teacher out there for frontend than you Dave!
Golden content. Your detailed, clear explanations were really lifesaver for me. I hope you'll achieve your goals on TH-cam. You deserve millions of subscribers. Thanks!
@@DaveGrayTeachesCode There is one thing I have to ask, though. In this lesson, I imported my file inside the same folder with my JS file. However, when I imported my file(The name of the file is "guitar.js"), then I keep getting this weird error(Even though I put them in the same folder): GET 127.0.0.1:5500/static/posts net::ERR_ABORTED 404 (Not Found) I re-checked a bunch of times, the file is still in the folder named "static", why did the browser not get it? Can you help me to explain this situation?
Thank you Dave! I'm trying to learn something about JS every day and your channel is the main source for me. Thank you also for all the additional references like MDN website and Eloquent JS book!
Very useful and fleshed out, filled in a lot of my gaps when it came to importing. I recommend watching this in 1.25x speed since he can talk a little slow lol. But that's okay.
(timeline 9:17) Did the developers who created modules steal the idea from SQL when you type: "import * as Guitars from ./guitars.js" In SQL the * is called a wildcard. I am pretty sure me as a newbie I am getting excited with some of the terminology used here, looks similar to SQL and even C when you enter the name of the file by using ./
It doesnot work to me actually. When i wrote type="module" to script it showed me nothing, even console.log("Hello I am working") did not show in console. I dont get it. did i do something wrong?
Several considerations here that I do not know about your code. If the script element is inside the head element of your html file, are you also using the defer attribute? Are you using type="module" because you are importing another javascript file? If so, did you import the file in your javascript? Search MDN for the script element docs and also for import. You'll get it!
(8:04) Rename imports Dealing with Identically Named Default Exports If you were a little bit too curious like me, then you probably tried to import 2 identically named Default Exports from 2 different modules. Then you thought I will rename one of them and this will prevent any conflicts. Well... JavaScript does not work that way. JavaScript expects each module to have a unique "Default Export" name. If this is not the case you will need to refactor the modules themselves, to ensure there is no overlap. 📝 This note serves as a reminder for myself, if I happen to revisit the video in the future or for any future students who may encounter similar scenarios.
Now that I am here for a refresher, its astounding how clear I am getting in JS foundations. This will help me in another part of my upskilling journey where I will be creating web components.
There is no better teacher out there for frontend than you Dave!
Thank you Dave for teaching us these core concepts , I am learning something new everytime from your channel.
Glad to hear that!
Great lesson..I have really understood the import and export modules now..Keep up impacting more lives
professional, concise, perfect explanations. you're always very helpful. have a nice day!
Thnaks Dave you're teaching is outstanding 😊
Golden content. Your detailed, clear explanations were really lifesaver for me. I hope you'll achieve your goals on TH-cam. You deserve millions of subscribers. Thanks!
Thank you for the kind words! 💯
@@DaveGrayTeachesCode
There is one thing I have to ask, though.
In this lesson, I imported my file inside the same folder with my JS file.
However, when I imported my file(The name of the file is "guitar.js"), then I keep getting this weird error(Even though I put them in the same folder):
GET 127.0.0.1:5500/static/posts net::ERR_ABORTED 404 (Not Found)
I re-checked a bunch of times, the file is still in the folder named "static", why did the browser not get it?
Can you help me to explain this situation?
Thank you Dave! I'm trying to learn something about JS every day and your channel is the main source for me. Thank you also for all the additional references like MDN website and Eloquent JS book!
You are very welcome! Keep up the good work!
Thank you so much for the clear and detailed explanations. I appreciate your work.
Great job! Very easy to follow along and comprehend! 👏
Glad to hear it, Jacob!
Thanks for giving valuable content as always Dave🙌🏼 very detailed underrated content 🔥
Thank you for the kind words! 🙏💯
Yeah, I have been following Dave's vids and they are being overly underrated! Some of the best Javascript lessons on youtube!
ALLHAMDULILLAH🥰🥰 every point is cleared. thank you so much
You're welcome, Adnan! 🙏
Very useful and fleshed out, filled in a lot of my gaps when it came to importing. I recommend watching this in 1.25x speed since he can talk a little slow lol. But that's okay.
Thanks and absolutely! I do go slow for some and just right for others 🙂. Learn at the pace you are comfortable with. Thanks for watching!
@@DaveGrayTeachesCode since I’m not mothertongue english I’m very glad that you are speaking slow and clear: this helps me a lot! 👍🏻
Thanks, you covered precisely what I wanted to know, plus live server makes development a lot more easy and pleasant.
You're welcome!
As always detailed, crisp and to the point lecture
Many thanks!
Hey Dave! Thanks for another awesome lesson! 💛
Welcome!
(timeline 9:17) Did the developers who created modules steal the idea from SQL when you type: "import * as Guitars from ./guitars.js"
In SQL the * is called a wildcard. I am pretty sure me as a newbie I am getting excited with some of the terminology used here, looks similar to SQL and even C when you enter the name of the file by using ./
I'm not sure of the origin, but the wildcard * exists in many areas beyond SQL and JS. For example, it is also the "select all" in CSS.
Thanks for the concise lesson
You're welcome!
It doesnot work to me actually. When i wrote type="module" to script it showed me nothing, even console.log("Hello I am working") did not show in console. I dont get it. did i do something wrong?
Several considerations here that I do not know about your code. If the script element is inside the head element of your html file, are you also using the defer attribute? Are you using type="module" because you are importing another javascript file? If so, did you import the file in your javascript? Search MDN for the script element docs and also for import. You'll get it!
@@DaveGrayTeachesCode Thank u dave, i get it!
I have same problem
You are best
Thank you.
You're welcome!
I got this error: Failed to load resource: the server responded with a status of 404 (Not Found)
Great video. Saved me years of hair.
Lol that's something I can appreciate! Thanks!
@@DaveGrayTeachesCode Hey got a video on promises? That would be my next hurdle.
@@adrian8729 yes, I do. It is promises, the fetch api, and using async/await: th-cam.com/video/VmQ6dHvnKIM/w-d-xo.html There is a full JS playlist :)
Thank you 🙌
You're welcome!
Great tutorial, thank you.
PS im not a bot
Glad it was helpful! 💯🚀
Thank you for this.
You're welcome, Wheeler! 💯
thank you very much
You're welcome 🙏
Superb video! Thanks
You're welcome!
(8:04) Rename imports
Dealing with Identically Named Default Exports
If you were a little bit too curious like me, then you probably tried to import 2 identically named Default Exports from 2 different modules. Then you thought I will rename one of them and this will prevent any conflicts.
Well... JavaScript does not work that way.
JavaScript expects each module to have a unique "Default Export" name.
If this is not the case you will need to refactor the modules themselves,
to ensure there is no overlap.
📝 This note serves as a reminder for myself, if I happen to revisit the video in the future or for any future students who may encounter similar scenarios.
thx bruw
Welcome!
do you have updated tutorial for this?
I wonder if this still works this year.
Try the code. It still works. Look it up on MDN. It is still the same. No reason to wonder. Take action and find out.
ok thnx