How To Create Weather App Using HTML CSS And JavaScript

In this video I am going to show how to build weather app using html css and javascript. I'll guide you through the process of making a weather app that fetches current weather data from OpenWeatherMap's Free APIKey and displays it on your website . This include information; such as currant date, temperature, Weather condition, Humidity and Wind Speed according to the city you entered.

📝 What You'll Learn:
- API Integration: How to get a free API key from OpenWeatherMap and integrate it into your app.
- HTML Structure: Setting up the HTML layout for displaying weather data.
- CSS Styling: Adding visual flair to your weather app.
- JavaScript Logic: Fetching and displaying real-time weather data like temperature, weather condition, humidity, and wind speed.

🛠️ Technologies Used:
HTML5
CSS3
JavaScript
OpenWeatherMap Free API


Useful Links:
ApiKey: https://openweathermap.org/api
Font awesome: https://fontawesome.com/

Download source code: https://github.com/qassi2008/weather-app

Chapters:
00:00 Introduction
01:22 ApiKey
02:53 HTML structure
06:15 CSS (styles)
13:26 JavaScript
22:12 Show & conclusion

👏 Thank You for Watching! 👏
If this video helped you, please give it a thumbs up, share it, and don't forget to subscribe for more coding tutorials!