Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Learn how to build a Weather App with Vanilla Javascript, HTML, and SCSS. This Javascript Project for Beginners uses the Open Weather Map API to retrieve weather data and displays a mobile first responsive web design. This Vanilla JS app also features accessibility considerations, the geolocation API, persistent data storage, the Fetch API with Async / Await, and Serverless Functions.

Subscribe https://bit.ly/3nGHmNn

JavaScript for Beginners: Full Course (8 hours): https://youtu.be/EfAl9bwzVZk

Vanilla Javascript Weather App Project

Source Code: https://github.com/gitdagray/weather_app_tut

(0:00) Intro
(1:08) Structure Semantic HTML foundation
(31:53) Apply SCSS styles
(1:52:39) Add Vanilla JavaScript functions
(4:29:41) Review App Functionality
(4:32:37) Switch to Serverless Fetch Functions
(5:03:07) Debug Node-Fetch Import
(5:04:12) Accessibility Testing with a Screen Reader
(5:13:08) A Final Bug Fix and Deployment

Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven

Was this tutorial about how to build a Weather App with Vanilla Javascript, HTML, and SCSS helpful? If so, please share. Let me know your thoughts in the comments.

#build #weather #app