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!
You may also like
- Top and Best Laravel Admin Panel With Projects
- Build 10 C# Beginner Projects from scratch
- Become a video game developer with Gamemaker Studio 2.3
- NVDA all the way
- Complete Git and Github Beginner to Expert
- Build 10 JavaScript Projects in less than 6 Hours .
- (NEW)Learn to Code and Build Real World Projects-2023
- [2024] Svelte.js 4.2.17 The Complete Practice Tests SvelteJS
- Complete Kotlin Design Patterns masterclass
- Advanced Machine Learning in iOS, Swift, Create ML, Core ML
- RxJava | RxAndroid – III
- C++ STL Standard Template Library + DSA Interview Questions
- OAuth 2.0 Deep Dive Volume 1
- Master NestJS a Node.js Framework 2024
- Java for Beginners
- Apply Jobs as MERN stack developer with this course
- Android Game Development : Endless Runner Game in Android
- What’s New in .NET 7 and C# 11
- WordPress Theme Development With ACF : For Themeforest
- Python Django Crash Course | Build Real World Web Apps