Build a working WEATHER APP using HTML, CSS, JS and free weather API

In this tutorial, we will use the free weather API and create a weather application with an animated background that adjusts the animation depending on the weather, similar to the applications known from Apple devices.

To create it we will use HTML, CSS, JavaScript, Bootstrap and JSON.

--------------------

📰 If you prefer written tutorials, you will find 25+ lessons on Bootstrap here -

🎁 Join our mailing list & receive exclusive resources for developers

🎓 Learn responsive web design with the latest Bootstrap 5

📥 Download Material Design for Bootstrap - FREE open-source UI KIT

⭐ Support creation of open-source packages with a STAR on GitHub

[Mdbootstrap]

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!

[q_uceax]

Why are using a let instead of const, why you don't use templates literals, why you don't use destructuring? You should write a function a prevent code repetition. This tutorial is showing a bad code practice... You can use an eslint to prevent a bad code practice and I recommend using some tutorials/books like You Don't Know JS by Kyle Simpsons to improve your code skillset.

[Johnson]

so, i am getting an error ..if i go to f12, it shows line 176 = time1; States 'uncaught (in promise) ReferenceError: wrapper is not defined at index.html:176:29

[oldgsteel]

nice but u don't like to explain to much explain more what u are doing