16. Modern JavaScript -- Building a Weather App
ฝัง
- เผยแพร่เมื่อ 5 ก.ย. 2024
- In this project, we will create a Weather App that fetches real-time weather data from an external API and displays it to the user. This project is designed to solidify your understanding of modern JavaScript concepts, including the Fetch API for making network requests, asynchronous programming with promises and async/await, and DOM manipulation. We will also use Bootstrap 5 to create a responsive and visually appealing interface.
Key Features:
Search Weather by City:
Users can enter a city name to get the current weather information for that location.
Display Weather Information:
The app displays the temperature, humidity, and weather conditions for the specified city.
Error Handling:
The app provides user-friendly error messages if the city is not found or if there are any issues with the API request.
Technologies Used:
JavaScript (ES6+): For implementing the application logic.
Fetch API: To make network requests to the weather API and retrieve data.
Babel: To transpile modern JavaScript code into a version compatible with older browsers.
Webpack: To bundle JavaScript files and dependencies into a single bundle.
Bootstrap 5: To style the application and ensure it is responsive and visually appealing.
github.com/ssi...