Learn Python with Generative AI - Self Paced Online
Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Learn to build a responsive Weather App using Vanilla JavaScript, HTML, and SCSS in this comprehensive tutorial. Explore key concepts including the Open Weather Map API, geolocation, persistent data storage, and Fetch API with Async/Await. Dive into mobile-first design principles, accessibility considerations, and serverless functions. Follow along as the project progresses from structuring semantic HTML and applying SCSS styles to implementing JavaScript functionality. Gain hands-on experience with debugging, accessibility testing using a screen reader, and deploying the finished application.
Syllabus
Intro
Structure Semantic HTML foundation
Apply SCSS styles
Add Vanilla JavaScript functions
Review App Functionality
Switch to Serverless Fetch Functions
Debug Node-Fetch Import
Accessibility Testing with a Screen Reader
A Final Bug Fix and Deployment
Taught by
Dave Gray