Build a Quiz App with HTML, CSS, and JavaScript

Build a Quiz App with HTML, CSS, and JavaScript, available at Free, has an average rating of 4.63, with 14 lectures, based on 5285 reviews, and has 190473 subscribers.

You will learn about 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 This course is ideal for individuals who are Beginner or aspiring Web Developers looking to learn core Web Development skills or Intermediate Web Developers looking to improve their core Web Development Skills It is particularly useful for Beginner or aspiring Web Developers looking to learn core Web Development skills or Intermediate Web Developers looking to improve their core Web Development Skills.

Enroll now: Build a Quiz App with HTML, CSS, and JavaScript

Summary

Title: Build a Quiz App with HTML, CSS, and JavaScript

Price: Free

Average Rating: 4.63

Number of Lectures: 14

Number of Published Lectures: 14

Number of Curriculum Items: 14

Number of Published Curriculum Objects: 14

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

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

Target Audiences

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

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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction and Resources

Lecture 2: Create and Style the Home Page

Lecture 3: Create and Style the Game Page

Lecture 4: Display Hard Coded Questions and Answers

Lecture 5: Display Feedback for Correct/Incorrect Answers

Lecture 6: Create Head's Up Display (HUD)

Lecture 7: Create a Progress Bar

Lecture 8: Create and Style the End Page

Lecture 9: Save High Scores in Local Storage

Lecture 10: Load and Display High Scores from Local Storage

Lecture 11: Fetch API to Load Questions from Local JSON File

Lecture 12: Fetch API to Load Questions from Open Trivia DB API

Lecture 13: Create a Spinning Loader

Lecture 14: Closing

Instructors

James Quick
Developer. Speaker. Teacher.

Rating Distribution

1 stars: 79 votes
2 stars: 92 votes
3 stars: 561 votes
4 stars: 1793 votes
5 stars: 2760 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu