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.

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

#javascript #html #css #web-development

Build a Weather App with Vanilla JavaScript | JavaScript Project for Beginners
27.45 GEEK