How To Build A Weather App In JavaScript Without Needing A Server

December 24, 202235272


Weather apps are one of the best projects to build as a beginner since they teach you tons of concepts around utilizing APIs and transforming complex data. They also generally have a ton of tricky CSS as well. In this video I will show you how to build a simple weather app that doesn’t even need a server to work. JavaScript Simplified Course: https://javascriptsimplified.com 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/js-weather-app JavaScript Simplified Course: https://javascriptsimplified.com Why I Don’t Use Class Selectors In JavaScript Article: https://blog.webdevsimplified.com/2019-10/do-not-use-class-selectors-in-javascript 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:50 - Setup 02:35 - Header HTML 07:32 - Header CSS 12:37 - Day Section HTML 14:49 - Day Section CSS 16:40 - Hour Section HTML 19:29 - Hour Section CSS 20:56 - HTML Templates 23:09 - Connecting To The API 28:10 - Transforming API Data 39:10 - Rendering The Data 52:52 - Getting The User’s Location #WeatherApp #WDS #JavaScript