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.4 out of 5 (1,594 ratings)
51,726 students
Build a Quiz App with HTML, CSS, and JavaScript
Rating: 4.4 out of 5 (1,594 ratings)
51,726 students
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

Requirements

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

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 section • 14 lectures • 2h 1m total length
  • Introduction and Resources
    02:13
  • Create and Style the Home Page
    14:57
  • Create and Style the Game Page
    06:51
  • Display Hard Coded Questions and Answers
    17:37
  • Display Feedback for Correct/Incorrect Answers
    07:57
  • Create Head's Up Display (HUD)
    07:43
  • Create a Progress Bar
    08:43
  • Create and Style the End Page
    13:11
  • Save High Scores in Local Storage
    10:34
  • Load and Display High Scores from Local Storage
    09:26
  • Fetch API to Load Questions from Local JSON File
    06:21
  • Fetch API to Load Questions from Open Trivia DB API
    07:09
  • Create a Spinning Loader
    07:35
  • Closing
    00:55

Instructor
Developer. Speaker. Teacher.
James Quick
  • 4.5 Instructor Rating
  • 2,701 Reviews
  • 56,722 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.