Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Weather App with Vanilla JavaScript - JavaScript Project for Beginners

Dave Gray via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Reviews

Start your review of Build a Weather App with Vanilla JavaScript - JavaScript Project for Beginners

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.