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

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera