- 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
Email Marketing Made Easy For Beginners
Learn The Basics of Creating Effective Email Marketing Campaigns That Make Your Business More Successful
HTML CSS Bootstrap JavaScript JQuery for absolute beginners
HTML CSS Bootstrap JavaScript JQuery Web Development Responsive mobile first
How to Make an Animated Movie
In this course I will guide you through the process of making an animated short movie, step by step.
Photoshop Fundamentals
The Easiest Course for Beginners Taught by an Expert. Learn Adobe Photoshop Easily for Less Than a Weekend.
Interior Design Styles, Colors and Materials by Planner 5D
Learn how to create a harmonious interior design and choose right materials
Introduction to FPGA's and prototyping with the Elbert
How to get started developing on FPGA's for under thirty dollars in hardware and software
About the instructors
- 4.69 Calificación
- 197447 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
Awesome!
Not For Beginner for intermediate..
very good content but he is so fast in talking which makes it difficult to cope with
Yes it was a good match
amazing course
the discussion is clear. and informative