Build a Quiz App with HTML, CSS, and JavaScript

Improve your core development skills by building a Quiz App with HTML, CSS, and JavaScript
Rating: 4.5 out of 5 (3,424 ratings)
101,482 students
English [Auto]
ES6 JavaScript features like arrow functions, the spread operator, const and let, and template literal string
how to use the Fetch API to load trivia questions from an API
how to store high scores in Local Storage
how to use Flexbox, Animations, and REM units in CSS
how to create a progress bar from scratch
how to create a spinning loader icon from scratch


  • a text editor (Visual Studio Code suggested)
  • Google Chrome browser
  • an excitement to learn!


Want to improve your core Web Develoment skills? Want to improve your knowledge of HTML, CSS, and JavaScript? In this course, you're going to learn how to build a Quiz application without the assistance of libraries or frameworks. Here are some of the topic we will cover!

  • Save high scores in Local Storage

  • Create a progress bar

  • Create a spinning loader icon

  • Dynamically generate HTML in JavaScript

  • Fetch trivia questions from Open Trivia DB API

Who this course is for:

  • Beginner or aspiring Web Developers looking to learn core Web Development skills
  • Intermediate Web Developers looking to improve their core Web Development Skills

Course content

1 section14 lectures2h 1m total length
  • 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


Developer. Speaker. Teacher.
James Quick
  • 4.6 Instructor Rating
  • 6,191 Reviews
  • 112,968 Students
  • 3 Courses

James is a developer, speaker, and teacher with a passion for web development, design, and developer tools. He has taught tens of thousands of students online/in-person and is excited to share with you.

In his spare time, he runs a YouTube channel, plays co-ed soccer with his wife, spends time with his dogs, and can solve a Rubik's cube in under two minutes.