Build a Quiz App with HTML, CSS, and JavaScript

Improve your core development skills by building a Quiz App with HTML, CSS, and JavaScript
Free tutorial
Rating: 4.5 out of 5 (5,241 ratings)
184,660 students
2hr 1min of on-demand video
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


Developer. Speaker. Teacher.
James Quick
  • 4.7 Instructor Rating
  • 10,496 Reviews
  • 204,533 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.

Top companies trust Udemy

Get your team access to Udemy's top 26,000+ courses