Hellow guys, Welcome to my website, and you are watching Build a Weather App with HTML, CSS & JavaScript. and this vIdeo is uploaded by Jonah Lawrence • Dev Pro Tips at 2020-12-10T06:21:56-08:00. We are pramote this video only for entertainment and educational perpose only. So, I hop you like our website.
| Name | Build a Weather App with HTML, CSS & JavaScript |
| Video Uploader | Video From Jonah Lawrence • Dev Pro Tips |
| Upload Date | This Video Uploaded At 10-12-2020 14:21:56 |
| Video Discription | Use HTML, CSS, and JavaScript to create a fully functional weather app using an API. ❤ Subscribe: http://bit.ly/SubscribeDPT In this tutorial, I will show you how to access the OpenWeatherMap API in JavaScript to create a website that displays the current weather for any location. I will show you how to use flexbox to create a responsive, centered card, how to access APIs using JavaScript's 'fetch()', and how to dynamically modify content on the page and background images. Follow me on Twitter for JavaScript tips and quizzes! ▶ https://twitter.com/DenverCoder1 👨💻 My code ▶ https://github.com/DenverCoder1/weather-app-tutorial What topics should I cover next? Let me know in the comments what you want to see next in my tutorials! 📺 In this video: 0:00 - Intro 0:25 - Creating the HTML markup 4:20 - Creating CSS styles 16:00 - Getting started with the API 19:30 - Fetch Weather 22:24 - Displaying results 29:56 - Search button listener 32:00 - Enter key press listener 32:50 - Hide results while loading 35:55 - Background images from search 36:55 - Conclusion 🖥 More Web Development tutorials ▶ https://www.youtube.com/playlist?list=PL9YUC9AZJGFFAErr_ZdK2FV7sklMm2K0J 💻 More tutorials ▶ https://www.youtube.com/playlist?list=PL9YUC9AZJGFHTUP3vzq4UfQ76ScBnOi-9 🙋♂️ Find me on other channels Discord 🗨️ https://bit.ly/dpt-discord Twitter ✍ https://twitter.com/DenverCoder1 Github 👨💻 https://github.com/DenverCoder1 Sponsor 💞 https://github.com/sponsors/DenverCoder1 One-time donation ☕ https://ko-fi.com/jlawrence 💖 SPONSORS 💖 Get your username or a link to your channel here by sponsoring on Github ▶ https://github.com/sponsors/DenverCoder1 🎁 GET FREE STUFF WHILE SUPPORTING MY TUTORIALS ► https://bit.ly/jlawrencepromos |
| Category | Howto & Style |
| Tags | weather app | javascript tutorial | javascript api | weather app in javascript | weather website | how to make weather app | how to make weather website in html | html weather app | javascript weather app | beginner javascript tutorial | html tutorial | css tutorial | web development | web development tutorial | simple javascript projects | programming tutorial | weather api | openweatherapi | how to use weather api | javascript weather api | weather app javascript | javascript api tutorial |
