Build A Weather App Using HTML, CSS and JavaScript
HTML-код
- Опубликовано: 14 июн 2024
- Timestamp:
00:00 Intro
01:19 HTML
13:00 CSS
26:00 JavaScript and OpenWeather API
In this video, we will learn how to build a weather app using HTML, CSS, and JavaScript.
We'll learn how to use HTML to structure your app's layout, CSS to style it and make it responsive, and JavaScript to fetch data from OpenWeather API and dynamically update the user interface based on the user's location.
By the end of this video, you will have a complete weather app that you can use as a template for future projects. I hope you enjoy this tutorial and find it informative and helpful. Don't forget to like, comment, and subscribe to the channel for more web development tutorials!
Code: codepen.io/gbopola/pen/gOdKqqr
Follow me on Instagram:
/ ope.afolabi_
Music from #Uppbeat (free for Creators!):
uppbeat.io/t/bosnow/street-kn...
License code: S2RSTZD043MES5C6
#javascript #css - Наука
Great video love it ❤
Great project
Very informative. Appreciate the video!!!
Thanks for watching!🙏
i finally completed the project thankyou so much for the tutorial
This was a lot of fun to do and learn from, thank you!! ✨
Glad it was helpful!🙏
You're the best
Nice video bruh, i am going to try this.
Appreciate it man!
Hey man, This was really very helpful in terms of getting to know about the nitty-gritty details. Also explanation of HTML CSS AND JS was on point.
Just a small request when I searched for Delhi India it wasn't giving the correct output, I believe the time zone properties needs to be changed.
if you could help in this, that will be great ! :) : )
Yes, there is a bug with the built in decoder. It's not giving the right output. I'm going to rebuild this and upload the updated version of the code. I'm also making a future video using react.
@@opeafolabi That's great ! looking forward to it :)
@@opeafolabiwhich extension do you use for that dark mode in vs code? and which font family is this?
@@grieferlight font is poppins. Can't remember the exact theme but you can find themes in vscode by going to File > Preferences > Theme > Color Theme
Hi ¿how it's going? when you change temperture celcius to fahrenheit the time changes too ¿why is the reason?
It's a weird bug from the api it seems. Only really noticed it after uploading.
How can you put a weathericon by using api?
if you run into an issue, refer to the code link to get the url for the icon.
7:55
26:08
The code is not working in local
What do you mean by local?
@@opeafolabi if I'm copy pasting the same not getting the desired output
Have you signed up to openweatherapi and put your api key? If so, it can take some time for the api key to activate if its your first time creating one.
miami 85 degrees???
Im confused, what do you mean?
@@opeafolabi When you choose Fahrenheit, it should be the letter F, but it turns out that Celsius is here and there, right. I liked the video thanks!