I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video! I don't run ads on tutorials - the only value I get is your engagement in the MDB community. So if you would like to show your support: - Encourage more people to Keep Coding ---> Send this video to one person - Stay tuned for new content ---> Subscribe & ring the bell In the description, you will find links to some useful, free resources: 📥 Download Material Design for Bootstrap - FREE open-source UI KIT 🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course) 🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall) ⭐Support the creation of open-source packages with a STAR on GitHub 👪 If you have any questions - don't hesitate to ask on our Facebook group Thank you for your support!
Hey! I just found your channel and subscribed, love what you're doing! I like how clear and detailed your explanations are as well as the depth of knowledge you have surrounding the topic! Since I run a tech education channel as well, I love to see fellow Content Creators sharing, educating, and inspiring a large global audience. I wish you the best of luck on your UA-cam Journey, can't wait to see you succeed! Your content really stands out and you've put so much thought into your videos! Cheers, happy holidays, and keep up the great work ;)
That was a great video. Thanks for putting the work into it. I know how hard this can be since I'm making training videos now too. It was short an to the point. Nice job!
why you named 'static' for bootstrap and 'static' for images, seek in both static vars? what happend if I want to save image with static var? put the images in the 2 folders? PD.: sorry for my english
What about adding the JS? I have this at the bottom of my file but I'm getting an error dropdown.js:241 Uncaught TypeError: Popper__namespace.createPopper is not a function when I try to use a dropdown menu
The error you're encountering, "Uncaught TypeError: Popper__namespace.createPopper is not a function," suggests that there might be an issue with the order in which you're including your JavaScript libraries or a missing dependency. To use Bootstrap's dropdown functionality, you need to make sure that Bootstrap's JavaScript, along with its dependencies (like Popper.js), are loaded correctly. Here are some steps to troubleshoot and resolve the issue: 1. Ensure Proper JavaScript Inclusion Order: Make sure you include the JavaScript files in the correct order. In a typical setup, you should include them in this order: html code: jQuery is a dependency for Bootstrap's JavaScript, and Popper.js is also a dependency for Bootstrap's dropdowns and tooltips. Ensure that you're including these scripts in the correct order. 2. Check File Paths: Double-check that the file paths for your JavaScript files are correct, and the files exist at those locations. Ensure that the {% static %} template tag is resolving to the correct URL. 3. Verify Bootstrap Version: Make sure you are using the correct version of Bootstrap. If you are using Bootstrap 4 or later, it might require a different setup compared to Bootstrap 3. 4. jQuery Conflict: If you are also using a version of jQuery other than the one included with Bootstrap, there might be a conflict. In that case, consider using the version of jQuery that comes bundled with Bootstrap. html code: Check for Other Errors: Look for any other JavaScript errors in your browser's developer console. These errors might give you more information about what's causing the issue. 5. Clear Browser Cache: Sometimes, caching issues can cause problems. Try clearing your browser cache and reloading the page. 6. Verify Dependencies: If you're using a package manager like npm or yarn to manage your project's dependencies, make sure that Bootstrap and Popper.js are installed and up to date. After checking these steps, you should be able to identify and resolve the issue causing the "Popper__namespace.createPopper is not a function" error in your Django project. Hope that helps, Keep Coding!
I don't understand the explanation of the suggested directory structure for the placement of the static files. Specifically I don't understand the suggest extra level with the extra app directory under the static directory. In the example of the video it suggests that if you have an app directory for the "home" app with the structure mysite/home/ then instead of putting static files in a new directory called "static" under "home", you should instead create this "static" directory under "home" and then create another "home" under the "static" directory for the location of the static files. It states that the reason for this is that if you create another app - say app2 and just put the static files in a "static" directory under "app2" and have a static file with the same name in both apps then django won't be able to distinguish between them. This is what I don't understand. Why can't it distinguish between them? mysite/home/static is different from mysite/app2/static so why can't django distinguish between two files with the same name located under each these two different directories. and how is mysite/home/static/home more different from mysite/app2/static/app2 than mysite/home/static is from mysite/app2/static
Thank you for this!One of the most ignored areas of django development. I've become proficient with backend development, but everything I've developed so far looks like Craigslist. Boring. Need to learn this fast, or risk losing interest in Django.
I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video!
I don't run ads on tutorials - the only value I get is your engagement in the MDB community.
So if you would like to show your support:
- Encourage more people to Keep Coding ---> Send this video to one person
- Stay tuned for new content ---> Subscribe & ring the bell
In the description, you will find links to some useful, free resources:
📥 Download Material Design for Bootstrap - FREE open-source UI KIT
🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course)
🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall)
⭐Support the creation of open-source packages with a STAR on GitHub
👪 If you have any questions - don't hesitate to ask on our Facebook group
Thank you for your support!
Good, It feels that you are the first totally comprehensive video I see. (I've seen tons...)
Wow, thanks!
You are a very good teacher! I like you explain the various ways we can add path and directory names. That clears my mind. Thank you!
Thanks Bro, it's a great tutorial. It helps a lot.
Hey! I just found your channel and subscribed, love what you're doing!
I like how clear and detailed your explanations are as well as the depth of knowledge you have surrounding the topic! Since I run a tech education channel as well, I love to see fellow Content Creators sharing, educating, and inspiring a large global audience. I wish you the best of luck on your UA-cam Journey, can't wait to see you succeed! Your content really stands out and you've put so much thought into your videos!
Cheers, happy holidays, and keep up the great work ;)
That was a great video. Thanks for putting the work into it. I know how hard this can be since I'm making training videos now too. It was short an to the point. Nice job!
Thank you very much! I think we need more tutorial about python django from you :)
Noted!
Too good
King👑
You are amazing
Awesome video. Thank you.
Glad you liked it!
ultimate
tq ur making me to selfstudy
Great, i made it!! Thanks.
Great job!
God bless you ervery Day
I can see that you added the link tag out of the html tags, it has to be in that way?.
Great channel
why you named 'static' for bootstrap and 'static' for images, seek in both static vars? what happend if I want to save image with static var? put the images in the 2 folders?
PD.: sorry for my english
What about adding the JS? I have this at the bottom of my file but I'm getting an error dropdown.js:241 Uncaught TypeError: Popper__namespace.createPopper is not a function when I try to use a dropdown menu
The error you're encountering, "Uncaught TypeError: Popper__namespace.createPopper is not a function," suggests that there might be an issue with the order in which you're including your JavaScript libraries or a missing dependency. To use Bootstrap's dropdown functionality, you need to make sure that Bootstrap's JavaScript, along with its dependencies (like Popper.js), are loaded correctly.
Here are some steps to troubleshoot and resolve the issue:
1. Ensure Proper JavaScript Inclusion Order:
Make sure you include the JavaScript files in the correct order. In a typical setup, you should include them in this order:
html code:
jQuery is a dependency for Bootstrap's JavaScript, and Popper.js is also a dependency for Bootstrap's dropdowns and tooltips. Ensure that you're including these scripts in the correct order.
2. Check File Paths:
Double-check that the file paths for your JavaScript files are correct, and the files exist at those locations. Ensure that the {% static %} template tag is resolving to the correct URL.
3. Verify Bootstrap Version:
Make sure you are using the correct version of Bootstrap. If you are using Bootstrap 4 or later, it might require a different setup compared to Bootstrap 3.
4. jQuery Conflict:
If you are also using a version of jQuery other than the one included with Bootstrap, there might be a conflict. In that case, consider using the version of jQuery that comes bundled with Bootstrap.
html code:
Check for Other Errors:
Look for any other JavaScript errors in your browser's developer console. These errors might give you more information about what's causing the issue.
5. Clear Browser Cache:
Sometimes, caching issues can cause problems. Try clearing your browser cache and reloading the page.
6. Verify Dependencies:
If you're using a package manager like npm or yarn to manage your project's dependencies, make sure that Bootstrap and Popper.js are installed and up to date.
After checking these steps, you should be able to identify and resolve the issue causing the "Popper__namespace.createPopper is not a function" error in your Django project.
Hope that helps,
Keep Coding!
Thanks a lot for video! You have the best pronunciation for my listening. Is it your native language?
Thanks, my native language is Polish :)
I don't understand the explanation of the suggested directory structure for the placement of the static files. Specifically I don't understand the suggest extra level with the extra app directory under the static directory. In the example of the video it suggests that if you have an app directory for the "home" app with the structure mysite/home/ then instead of putting static files in a new directory called "static" under "home", you should instead create this "static" directory under "home" and then create another "home" under the "static" directory for the location of the static files.
It states that the reason for this is that if you create another app - say app2 and just put the static files in a "static" directory under "app2" and have a static file with the same name in both apps then django won't be able to distinguish between them. This is what I don't understand. Why can't it distinguish between them?
mysite/home/static
is different from
mysite/app2/static
so why can't django distinguish between two files with the same name located under each these two different directories.
and how is
mysite/home/static/home
more different from
mysite/app2/static/app2
than
mysite/home/static
is from
mysite/app2/static
research "name spacing"
very easy concept
Thank you for this!One of the most ignored areas of django development. I've become proficient with backend development, but everything I've developed so far looks like Craigslist. Boring. Need to learn this fast, or risk losing interest in Django.
Danke ^_^
nice
1