You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: ReadMe.md
+37-37Lines changed: 37 additions & 37 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,19 +2,19 @@
2
2
3
3

4
4
5
-
Build a Quiz App with HTML, CSS, and JavaScript to improve your Core Web Development!
5
+
Build a Quiz App with HTML, CSS, and JavaScript to improve your Core Web Development
6
6
7
7
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!
8
8
9
-
- Save high scores in Local Storage
10
-
- Create a progress bar
11
-
- Create a spinning loader icon
12
-
- Dynamically generate HTML in JavaScript
13
-
- Fetch trivia questions from Open Trivia DB API
9
+
-Save high scores in Local Storage
10
+
-Create a progress bar
11
+
-Create a spinning loader icon
12
+
-Dynamically generate HTML in JavaScript
13
+
-Fetch trivia questions from Open Trivia DB API
14
14
15
-
- JavaScript - Array Functions (splice, map, sort), Local Storage, Fetch API
16
-
- ES6 JavaScript Features - Arrow Functions, the Spread Operator, Const and Let, Template Literals
17
-
- CSS - Flexbox, Animtations, and REM units
15
+
-JavaScript - Array Functions (splice, map, sort), Local Storage, Fetch API
16
+
-ES6 JavaScript Features - Arrow Functions, the Spread Operator, Const and Let, Template Literals
17
+
-CSS - Flexbox, Animtations, and REM units
18
18
19
19
## Course Intro and Resources
20
20
@@ -24,9 +24,9 @@ In this course, we are going to use fundamental HTML, CSS, and JavaScript skills
In this video, we will save and maintain a high scores array in Local Storage. To do this, we will need to JSON.stringify() and JSON.parse() to convert our high score array to a string and visa versa.
## 9. Load and Display High Scores from Local Storage
98
98
99
99
In this video, we will create our High Scores page. We will have to load the high scores from Local Storage, iterate through them, and display them on the screen.
100
100
101
101
Resources
102
102
103
-
-[JSON Parse and Stringify](https://alligator.io/js/json-parse-stringify/)
## 10. Fetch API to Load Questions From Local JSON File
109
109
110
110
In this video, we will move our sample questions from a hard coded array to an external .json file. This will help clean up our Game.js file and set ourselves up to request questions from an API in the next video.
111
111
112
112
Resources
113
113
114
-
-[How to Use the Fetch API](https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data)
0 commit comments