Build a Quiz App with HTML, CSS, and JavaScript

Description

In this course, you will learn :

• Arrow functions, the spread operator, const and let, and template literal string are all ES6 JavaScript features.
• how to load trivia questions from an API using the Fetch API
• how to save high scores to local storage
• In CSS, learn how to use Flexbox, Animations, and REM units.
• how to make a progress bar from the ground up
• how to make a spinning loader icon from the ground up

Syllabus :

• Introduction and Resources
• Create and Style the Home Page
• Create and Style the Game Page
• Display Hard Coded Questions and Answers
• Display Feedback for Correct/Incorrect Answers
• Create Head's Up Display (HUD)
• Create a Progress Bar
• Create and Style the End Page
• Save High Scores in Local Storage
• Load and Display High Scores from Local Storage
• Fetch API to Load Questions from Local JSON File
• Fetch API to Load Questions from Open Trivia DB API
• Create a Spinning Loader
• Closing