The Most Addictive Python and SQL Courses
AI Engineer - Learn how to integrate AI into software applications
Overview
Build a Learning Habit
Download Class Central's free printable study calendar
Download for Free
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