Build a Quiz App with HTML, CSS, and JavaScript

Overview

In this course, you will learn how to build a quiz app with HTML, CSS and JavaScript. You will learn about creating and styling the home page, creating and styling the game page, displaying hard coded questions, displaying feedback for correct/incorrect answers, creating a head’s up display, creating a progress bar, creating and styling the end page, saving high scores in local storage, loading and displaying high scores from local storage, fetching API to load local questions API, creating a spinning loader, and closing.

Syllabus

Build a Quiz App - Intro.
Build a Quiz App (1) - Create and Style the Home Page.
Build a Quiz App (2) - Create and Style the Game Page.
Build a Quiz App (3) - Display Hard Coded Questions.
Build a Quiz App (4) - Display Feedback for Correct/Incorrect Answers.
Build a Quiz App (5) - Create a Head's Up Display.
Build a Quiz App (6) - Create a Progress Bar.
Build a Quiz App (7) - Create and Style the End Page.
Build a Quiz App (8) - Save High Scores in Local Storage.
Build a Quiz App (9) - Load and Display High Scores from Local Storage.
Build a Quiz App (10) - Fetch API to Load Local Questions.
Build a Quiz App (11) - Fetch API to Load Questions API.
Build a Quiz App (12) - Create a Spinning Loader.
Build a Quiz App - Closing.