YoVDO

Build a Quiz App with HTML, CSS, and JavaScript

Offered By: YouTube

Tags

Web Development Courses Computer Science Courses Javascript Courses HTML Courses User Interface Design Courses Fetch API Courses Local Storage Courses

Course Description

Overview

In this course, you will learn how to build a quiz app with HTML, CSS and JavaScript. You will learn about creating and styling the home page, creating and styling the game page, displaying hard coded questions, displaying feedback for correct/incorrect answers, creating a head’s up display, creating a progress bar, creating and styling the end page, saving high scores in local storage, loading and displaying high scores from local storage, fetching API to load local questions API, creating a spinning loader, and closing.


Syllabus

Build a Quiz App - Intro.
Build a Quiz App (1) - Create and Style the Home Page.
Build a Quiz App (2) - Create and Style the Game Page.
Build a Quiz App (3) - Display Hard Coded Questions.
Build a Quiz App (4) - Display Feedback for Correct/Incorrect Answers.
Build a Quiz App (5) - Create a Head's Up Display.
Build a Quiz App (6) - Create a Progress Bar.
Build a Quiz App (7) - Create and Style the End Page.
Build a Quiz App (8) - Save High Scores in Local Storage.
Build a Quiz App (9) - Load and Display High Scores from Local Storage.
Build a Quiz App (10) - Fetch API to Load Local Questions.
Build a Quiz App (11) - Fetch API to Load Questions API.
Build a Quiz App (12) - Create a Spinning Loader.
Build a Quiz App - Closing.


Taught by

James Q Quick

Related Courses

Mobile Web w/HTML, CSS & JS
City College of San Francisco via California Community Colleges System
Creating a Quiz Game using Vanilla JavaScript
Coursera Project Network via Coursera
إنشاء لعبة الأسئلة باستخدام Vanilla JavaScript
Coursera Project Network via Coursera
Manage Application State with Mobx-state-tree
egghead.io
Code Asteroids in JavaScript (1979 Atari game) - tutorial
freeCodeCamp