Build a Quiz App with HTML, CSS, and JavaScript

Beginner
Overview
Curriculum
Reviews

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

Curriculum

  • 1 Section
  • 14 Lessons
  • 0 Quizzes
  • 2h Duration
Expand All
Introduction
14 Lessons0 Quizzes
  1. Introduction and Resources
  2. Create and Style the Home Page
  3. Create and Style the Game Page
  4. Display Hard Coded Questions and Answers
  5. Display Feedback for Correct/Incorrect Answers
  6. Create Head's Up Display (HUD)
  7. Create a Progress Bar
  8. Create and Style the End Page
  9. Save High Scores in Local Storage
  10. Load and Display High Scores from Local Storage
  11. Fetch API to Load Questions from Local JSON File
  12. Fetch API to Load Questions from Open Trivia DB API
  13. Create a Spinning Loader
  14. Closing
0 out of 5

0 user ratings

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Related Courses

Beginner

PowerPoint for beginners tutorial

0 (0)
  • Understand basic PowerPoint usage
  • Understand how animation in Microsoft PowerPoint work
  • Easily navigate through PowerPoint and learn it's basic functionality
2h
0
0
26
Scroll to top