YoVDO

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

Offered By: Dave Gray via YouTube

Tags

Javascript Courses Accessibility Courses HTML Courses Responsive Web Design Courses Fetch API Courses

Course Description

Overview

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

Related Courses

User Experience for the Web
Open2Study
Web Accessibility MOOC for Online Educators
Portland Community College via Desire2Learn
Introduction au game design
IONIS
Web Accessibility MOOC for Educators
Colorado Community College System via Canvas Network
Advanced Styling with Responsive Design
University of Michigan via Coursera