Skip to content

Commit acb701e

Browse files
committed
Got rid of exclamation
1 parent 12c2394 commit acb701e

File tree

1 file changed

+37
-37
lines changed

1 file changed

+37
-37
lines changed

ReadMe.md

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,19 @@
22

33
![Home Screen](./images/cover.png)
44

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
66

77
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!
88

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
1414

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
1818

1919
## Course Intro and Resources
2020

@@ -24,9 +24,9 @@ In this course, we are going to use fundamental HTML, CSS, and JavaScript skills
2424

2525
Resources
2626

27-
- [Course Source Code](https://github.com/jamesqquick/Design-And-Build-A-Quiz-App)
28-
- [Learn Build Teach Newsletter](https://www.learnbuildteach.com/)
29-
- [Learn Build Teach YouTube Channel](https://www.youtube.com/c/jamesqquick)
27+
- [Course Source Code](https://github.com/jamesqquick/Design-And-Build-A-Quiz-App)
28+
- [Learn Build Teach Newsletter](https://www.learnbuildteach.com/)
29+
- [Learn Build Teach YouTube Channel](https://www.youtube.com/c/jamesqquick)
3030

3131
## 1. Create and Style the Home Page
3232

@@ -36,9 +36,9 @@ I encourage you all to take a look at Emmet snippets for generating HTML and CSS
3636

3737
Resources
3838

39-
- [Emmet in Visual Studio Code](https://www.youtube.com/watch?v=5guZjNDcVnA)
40-
- [Understanding REM Units](https://www.sitepoint.com/understanding-and-using-rem-units-in-css/)
41-
- [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
39+
- [Emmet in Visual Studio Code](https://www.youtube.com/watch?v=5guZjNDcVnA)
40+
- [Understanding REM Units](https://www.sitepoint.com/understanding-and-using-rem-units-in-css/)
41+
- [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
4242

4343
## 2. Create and Style the Game Page
4444

@@ -50,29 +50,29 @@ In this video, we will load questions from a hard coded array and iterate throug
5050

5151
Resources
5252

53-
- [Creating Code Snippets in Visual Studio Code](https://www.youtube.com/watch?v=K3gLlZm-m_8)
54-
- [Using Data Attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes)
55-
- [Document Query Selector](https://developer.mozilla.org/en-US/docs/Web/API/Document_object_model/Locating_DOM_elements_using_selectors)
56-
- [Document Get by ID](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById)
57-
- [Spread Operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax)
58-
- [Arrow Functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
53+
- [Creating Code Snippets in Visual Studio Code](https://www.youtube.com/watch?v=K3gLlZm-m_8)
54+
- [Using Data Attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes)
55+
- [Document Query Selector](https://developer.mozilla.org/en-US/docs/Web/API/Document_object_model/Locating_DOM_elements_using_selectors)
56+
- [Document Get by ID](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById)
57+
- [Spread Operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax)
58+
- [Arrow Functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
5959

6060
## 4. Display Feedback for Correct/Incorrect Answers
6161

6262
In this video, we check the user's answer for correctness and display feedback to the user before loading the next question.
6363

6464
Resources
6565

66-
- [Bootstrap 4 Colors](https://www.w3schools.com/bootstrap4/bootstrap_colors.asp)
67-
- [Triple vs Double Equals](https://codeburst.io/javascript-double-equals-vs-triple-equals-61d4ce5a121a)
66+
- [Bootstrap 4 Colors](https://www.w3schools.com/bootstrap4/bootstrap_colors.asp)
67+
- [Triple vs Double Equals](https://codeburst.io/javascript-double-equals-vs-triple-equals-61d4ce5a121a)
6868

6969
## 5. Create Head's Up Display (HUD)
7070

7171
In this video, we will create a Heads Up Display (HUD) for our quiz app. This will display the user's score and current question number.
7272

7373
Resources
7474

75-
- [ES6 Template Literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)
75+
- [ES6 Template Literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)
7676

7777
## 6. Create a Progress Bar
7878

@@ -84,54 +84,54 @@ In this video, we will create our End page where we will display the user's achi
8484

8585
Resources
8686

87-
- [Local Storage](https://www.w3schools.com/jsref/prop_win_localstorage.asp)
87+
- [Local Storage](https://www.w3schools.com/jsref/prop_win_localstorage.asp)
8888

8989
## 8. Save High Scores in Local Storage
9090

9191
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.
9292

9393
Resources
9494

95-
- [Local Storage](https://www.w3schools.com/jsref/prop_win_localstorage.asp)
95+
- [Local Storage](https://www.w3schools.com/jsref/prop_win_localstorage.asp)
9696

9797
## 9. Load and Display High Scores from Local Storage
9898

9999
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.
100100

101101
Resources
102102

103-
- [JSON Parse and Stringify](https://alligator.io/js/json-parse-stringify/)
104-
- [Array Sort](https://www.w3schools.com/js/js_array_sort.asp)
105-
- [Array Map](https://www.w3schools.com/jsref/jsref_map.asp)
106-
- [Array Join](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join)
103+
- [JSON Parse and Stringify](https://alligator.io/js/json-parse-stringify/)
104+
- [Array Sort](https://www.w3schools.com/js/js_array_sort.asp)
105+
- [Array Map](https://www.w3schools.com/jsref/jsref_map.asp)
106+
- [Array Join](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join)
107107

108108
## 10. Fetch API to Load Questions From Local JSON File
109109

110110
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.
111111

112112
Resources
113113

114-
- [How to Use the Fetch API](https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data)
115-
- [Promises](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise_)
114+
- [How to Use the Fetch API](https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data)
115+
- [Promises](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise_)
116116

117117
## 11. Fetch API to Load Questions from Open Trivia API
118118

119119
In this video, we will use Fetch to request a list of questions from the Open Trivia DB API.
120120

121121
Reources
122122

123-
- [How to Use the Fetch API](https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data)
124-
- [Open Trivia DB](https://opentdb.com/)
125-
- [Array Map](https://www.w3schools.com/jsref/jsref_map.asp)
126-
- [Array For Each](https://www.w3schools.com/jsref/jsref_foreach.asp)
123+
- [How to Use the Fetch API](https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data)
124+
- [Open Trivia DB](https://opentdb.com/)
125+
- [Array Map](https://www.w3schools.com/jsref/jsref_map.asp)
126+
- [Array For Each](https://www.w3schools.com/jsref/jsref_foreach.asp)
127127

128128
## 12. Create a Spinning Loader
129129

130130
In this video, we will create a simple spinning loader in CSS that will be displayed until we are finished requesting/loading questions from the API.
131131

132132
Resources
133133

134-
- [Create a CSS Loader](https://www.w3schools.com/howto/howto_css_loader.asp)
134+
- [Create a CSS Loader](https://www.w3schools.com/howto/howto_css_loader.asp)
135135

136136
## 13. Closing
137137

0 commit comments

Comments
 (0)