How To Build A Weather App In JavaScript Without Needing A Server
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