- Introduction and Resources
- Create and Style the Home Page
- Create and Style the Game Page
- Display Hard Coded Questions and Answers
- Display Feedback for Correct/Incorrect Answers
- Create Head's Up Display (HUD)
- Create a Progress Bar
- Create and Style the End Page
- Save High Scores in Local Storage
- Load and Display High Scores from Local Storage
- Fetch API to Load Questions from Local JSON File
- Fetch API to Load Questions from Open Trivia DB API
- Create a Spinning Loader
- Closing
What you'll 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
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
Other Courses
How to learn, study, take an exam, write, and research
A quick course on some basics to improve your skills learning, studying, taking a test, writing, and researching
Google Ads for Small Business: Secrets of an Agency Pro
Learn how to run profitable Google Ads campaigns from a pro who has managed millions in ad spend
How To Build Your Social Media Marketing Strategy
Steps for building your social media marketing strategy so that you can achieve your brand and business goals
Free Instagram Followers + How to Get More Followers
Learn how to get more followers on Instagram with our top-rated Instagram marketing course! Get free followers today!
Salary Negotiation: Learn the Negotiation Mindset
Entry-level course for those new to negotiation. Get an informative, entertaining intro to earning more in under 30 min!
About the instructors
- 4.64 Calificación
- 201517 Estudiantes
- 3 Cursos
James Quick
Developer. Speaker. Teacher.
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.
Student feedback
Course Rating
Reviews
This course is well explained