Build a Weather App using JavaScript & REST API!
Learn How To Make a Weather App Using HTML, CSS, JavaScript, and the OpenMeteo API. It's perfect for beginners who want to learn JavaScript and the Fetch API and use the REST API for projects.
➤ Source Code and Assets:
https://github.com/ArsenTech/source-c...
➤ Live Preview:
https://codepen.io/ArsenTech/pen/MYaWoLp
➤ Resources:
Meteocons: https://bas.dev/work/meteocons
Open-Meteo API: https://open-meteo.com/
Background Image: https://pixabay.com/photos/sky-clouds...
➤ Timestamps:
00:00 Intro
00:50 HTML Structure
02:23 CSS Styling
05:57 Initializing Elements In JavaScript
06:16 Creating Async Functions
07:39 Getting Weather Information Via onSubmit Event
09:50 First Test Of This Project
10:29 Fixing Some Bugs
12:21 Final Test Of This Project
13:13 Outro
➤ Music Used In Some Parts:
Song: Elektronomia - Collide [NCS Release]
Music provided by NoCopyrightSounds
Watch: • Elektronomia - Collide | House | NCS - Cop...
Kevin MacLeod - Wallpaper (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0 License
http://creativecommons.org/licenses/b...
➤ More from Coding With ArsenTech
Website Component Tutorials - • 🛠️ Website Components You Can Add (UI/UX E...
Coding Tips and Tricks - • 💡 Coding Tips & Tricks to Improve Your Skills
Coding Progress Videos - • 👨💻 Coding Progress
Rest API Tutorials - • 🌐 REST API Projects: Build Real-World Web ...
JavaScript Project Tutorials - • 🚀 JavaScript Projects for Beginners & Experts
#Webdev #Javascript #JS #ArsenTech #weatherapp #weather #api #openmeteo
————————————
➤ Subscribe (Programming with ArsenTech): / @coding_with_arsentech
➤ Subscribe (ArsenTech): / @arsentech
➤ Odysee (Tech): https://odysee.com/@ArsenTech
➤ Odysee (Coding): https://odysee.com/@ArsenTech-Coding
➤ Patreon: / arsentech
➤ Visit My Website: https://arsentech.github.io/
Like, Share, and Comment if you liked this