From 3e390c46e79dd7628c84b7ce142288ecde26541c Mon Sep 17 00:00:00 2001
From: Eugene Goh <gzkgt11@gmail.com>
Date: Mon, 1 Feb 2021 08:38:22 +0800
Subject: [PATCH 01/17] updated

---
 quiz-app/src/assets/translations/ms.json | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 quiz-app/src/assets/translations/ms.json

diff --git a/quiz-app/src/assets/translations/ms.json b/quiz-app/src/assets/translations/ms.json
new file mode 100644
index 00000000..e69de29b

From 6447d708421e99481cf06734e598678a92d4112c Mon Sep 17 00:00:00 2001
From: Eugene Goh <gzkgt11@gmail.com>
Date: Tue, 2 Feb 2021 07:57:08 +0800
Subject: [PATCH 02/17] updated

---
 quiz-app/src/App.vue                      | 1 +
 quiz-app/src/assets/translations/index.js | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/quiz-app/src/App.vue b/quiz-app/src/App.vue
index 41b741aa..d1c36972 100644
--- a/quiz-app/src/App.vue
+++ b/quiz-app/src/App.vue
@@ -9,6 +9,7 @@
         <option>id</option>
         <option>hi</option>
         <option>it</option>
+        <option>ms</option>
       </select>
     </nav>
     <div id="app">
diff --git a/quiz-app/src/assets/translations/index.js b/quiz-app/src/assets/translations/index.js
index ace2dc54..03fbae46 100644
--- a/quiz-app/src/assets/translations/index.js
+++ b/quiz-app/src/assets/translations/index.js
@@ -5,6 +5,7 @@ import id from './id.json';
 import hi from './hi.json';
 import it from './it.json';
 import ja from './ja.json';
+import ms from './ms.json';
 
 //export const defaultLocale = 'en';
 
@@ -15,6 +16,7 @@ const messages = {
 	hi: hi[0],
 	it: it[0],
 	ja: ja[0],
+	ms: ms[0],
 };
 
 export default messages;

From a8826cc8166386b4aa282ca800c87f33d0cb5fe5 Mon Sep 17 00:00:00 2001
From: Eugene Goh <gzkgt11@gmail.com>
Date: Wed, 3 Feb 2021 10:09:20 +0800
Subject: [PATCH 03/17] translated to Malay

---
 quiz-app/src/assets/translations/ms.json | 2509 ++++++++++++++++++++++
 1 file changed, 2509 insertions(+)

diff --git a/quiz-app/src/assets/translations/ms.json b/quiz-app/src/assets/translations/ms.json
index e69de29b..06cf49df 100644
--- a/quiz-app/src/assets/translations/ms.json
+++ b/quiz-app/src/assets/translations/ms.json
@@ -0,0 +1,2509 @@
+[
+	{
+		"title": "Pembangunan Web untuk Pemula: Kuiz",
+		"complete": "Tahniah, anda telah menyelesaikan kuiz!",
+		"error": "Maaf, cuba lagi",
+		"quizzes": [
+			{
+				"id": 1,
+				"title": "Pelajaran 1 - Pengenalan Bahasa Pengaturcaraan: Kuiz Pra Kuliah",
+				"quiz": [
+					{
+						"questionText": "Program boleh dibuat tanpa pencipta menulis kod apa pun",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Bahasa tahap rendah adalah pilihan yang popular untuk",
+						"answerOptions": [
+							{
+								"answerText": "Websites",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Hardware",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Video game software",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Which one of these tools would most likely be in a web developer's environment?",
+						"answerOptions": [
+							{
+								"answerText": "Hardware, like a Raspberry Pi",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Browser DevTools",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Operating system documentation",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 2,
+				"title": "Lesson 1 - Intro to Programming Languages: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "What language would you most likely use to create a website?",
+						"answerOptions": [
+							{
+								"answerText": "Machine Code",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JavaScript",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Bash",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Development environments are unique to each developer",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "What will a developer do to fix buggy code?",
+						"answerOptions": [
+							{
+								"answerText": "Syntax highlighting",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Debugging",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Code formatting",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 3,
+				"title": "Lesson 2 - Introduction to GitHub: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "How do you create a Git repo?",
+						"answerOptions": [
+							{
+								"answerText": "git create",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git start",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git init",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "What does git add do?",
+						"answerOptions": [
+							{
+								"answerText": "Commits your code",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Adds your files to a staging area for tracking",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Adds your files to GitHub",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "How do you check if git is installed on your computer?",
+						"answerOptions": [
+							{
+								"answerText": "type git --version",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "type git --installed",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "type git --init",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 4,
+				"title": "Lesson 2 - Introduction to GitHub: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "A place to compare and discuss the differences introduced on a branch with reviews, comments, integrated tests, and more is:",
+						"answerOptions": [
+							{
+								"answerText": "GitHub",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "A Pull Request",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "A feature branch",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "How would you get all the commits from a remote branch?",
+						"answerOptions": [
+							{
+								"answerText": "git fetch",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git pull",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "git commits -r",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "How do you switch to a branch?",
+						"answerOptions": [
+							{
+								"answerText": "git switch [branch-name]",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git checkout [branch-name]",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "git load [branch-name]",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 5,
+				"title": "Lesson 3 - Creating Accessible Webpages: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "An accessible web site can be checked in which browser tool",
+						"answerOptions": [
+							{
+								"answerText": "Lighthouse",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Deckhouse",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Cleanhouse",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "You need a physical screen reader to test accessibility for visually-impaired users",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Accessibility is only important on government web sites",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 6,
+				"title": "Lesson 3 - Creating Accessible Webpages: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Lighthouse only checks for accessibility problems",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Color-safe palettes help people with",
+						"answerOptions": [
+							{
+								"answerText": "color-blindness",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "visual impairments",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "both the above",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Descriptive links are vital for accessible web sites",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 7,
+				"title": "Lesson 4 - JavaScript Basics - Data Types: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Booleans are a data type you can use to test the length of a string",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "The following is an operation you can perform on a string",
+						"answerOptions": [
+							{
+								"answerText": "concatenation",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "appending",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "splicing",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "== and === are interchangeable",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 8,
+				"title": "Lesson 4 - JavaScript Basics - Data Types: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Constants are the same as let and var to declare variables except",
+						"answerOptions": [
+							{
+								"answerText": "Constants must be initialized",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Constants can be altered",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Constants can be reassigned",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Numbers and ____ are JavaScript primitives that handle numeric data",
+						"answerOptions": [
+							{
+								"answerText": "bigint",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "boolean",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "star",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Strings can reside between both single and double quotes",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 9,
+				"title": "Lesson 5 - JavaScript Basics - Methods and Functions: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "What's an argument?",
+						"answerOptions": [
+							{
+								"answerText": "It's something you declare in the function definition",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "It's something you pass into a function at invocation time",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "It's something you have with people you know",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "A function must return something",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "You can name a function anything",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "true, but it should be a descriptive name",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 10,
+				"title": "Lesson 5 - JavaScript Basics - Methods and Functions: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Arguments must be provided for all parameters in a function",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "What does a default value do?",
+						"answerOptions": [
+							{
+								"answerText": "Sets a correct value",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Gives a starter value for a parameter so your code still behaves if you omit an argument for it",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Has no utility",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "A fat arrow function allows you to",
+						"answerOptions": [
+							{
+								"answerText": "Create heavy functions",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Omit the function keyword",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Create an anonymous function",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 11,
+				"title": "Lesson 6 - JavaScript Basics - Making Decisions: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "The following operator == is called",
+						"answerOptions": [
+							{
+								"answerText": "Equality",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Strict equality",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Assignment",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "A comparison in JavaScript returns what type?",
+						"answerOptions": [
+							{
+								"answerText": "boolean",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "null",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "string",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "The ! symbol in JavaScript means:",
+						"answerOptions": [
+							{
+								"answerText": "Logical Not",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Important",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Equals",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 12,
+				"title": "Lesson 6 - JavaScript Basics - Making Decisions: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "What would the following code return: '1' == 1",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "null",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "What would the following code return: '1' === 1",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "null",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Choose the correct operator to express 'or' logic",
+						"answerOptions": [
+							{
+								"answerText": "a | b",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "a || b",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "a or b",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 13,
+				"title": "Lesson 7 - JavaScript Basics - Arrays and Loops: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "To refer to a specific item in an array, you would use a",
+						"answerOptions": [
+							{
+								"answerText": "square bracket []",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "index",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "curly braces {}",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "How do you get the number of items in an array?",
+						"answerOptions": [
+							{
+								"answerText": "The 'len(array)' method",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "The property size on the array",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "The length property on the array",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "In JavaScript, indexes start at",
+						"answerOptions": [
+							{
+								"answerText": "0",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "1",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "2",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 14,
+				"title": "Lesson 7 - JavaScript Basics - Arrays and Loops: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "What part of a for-loop would you need to modify to increment its iteration by 5?",
+						"answerOptions": [
+							{
+								"answerText": "condition",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "counter",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "iteration-expression",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "What's the difference between a while and a for-loop",
+						"answerOptions": [
+							{
+								"answerText": "A for-loop has a counter and iteration-expression, where while only has a condition",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "A while has a counter and iteration-expression where for-loop only has a condition",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "They are the same, just an alias for one another",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Given the code for (let i=1; i < 5; i++), how many iterations will it perform?",
+						"answerOptions": [
+							{
+								"answerText": "5",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "4",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 15,
+				"title": "Lesson 8 - Terrarium Project - Introduction to HTML: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "HTML stands for 'HyperText Mockup Language'",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "All HTML tags need both opening and closing tags",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Using semantic markup is most important for",
+						"answerOptions": [
+							{
+								"answerText": "code readability",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "screen readers",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "maintenance",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 16,
+				"title": "Lesson 8 - Terrarium Project - Introduction to HTML: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Spans and Divs are interchangeable",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "The head of an HTML doc can contain:",
+						"answerOptions": [
+							{
+								"answerText": "the title tag",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "metadata",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "all the above",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "You can't use deprecated tags in your markup",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false, but they have been deprecated for good reason",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 17,
+				"title": "Lesson 9  - Terrarium Project - Introduction to CSS: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "HTML elements must have either a class or an id in order to be styled",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "CSS stands for 'Complete Style Sheets'",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "CSS can be used to create animations",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 18,
+				"title": "Lesson 9 - Terrarium Project - Introduction to CSS: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "You can write CSS directly in the head section of your HTML file",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "It's always necessary to include CSS in your app",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false, but if you want it to look good you probably need CSS",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Which browser tool can be used to inspect CSS?",
+						"answerOptions": [
+							{
+								"answerText": "Elements",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Styles",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Network",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 19,
+				"title": "Lesson 10 - Terrarium Project - DOM Manipulation and a Closure: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "The DOM stands for 'Document Object Management'",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "The DOM can be thought of as a tree",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Using the Web API, you can manipulate the DOM",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 20,
+				"title": "Lesson 10 - Terrarium Project - DOM Manipulation and a Closure: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "The DOM is a model to represent a document on the web",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Use JavaScript closures to perform the following:",
+						"answerOptions": [
+							{
+								"answerText": "write functions within functions",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "enclose the DOM",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "close script blocks",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Fill in the blank: Closures are useful when one or more functions need to access an outer function's...",
+						"answerOptions": [
+							{
+								"answerText": "arrays",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "scope",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "functions",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 21,
+				"title": "Lesson 11 - Typing Game: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Event-driven programming is when a user",
+						"answerOptions": [
+							{
+								"answerText": "clicks on a button",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "changes a value",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "interacts with the page",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "any of the above",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "In procedural programming, functions are called",
+						"answerOptions": [
+							{
+								"answerText": "any time",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "in a specific order",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "left to right",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "The universal method exposed in the DOM for registering event handlers is called",
+						"answerOptions": [
+							{
+								"answerText": "addEventListener",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "addListener",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "addEvent",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 22,
+				"title": "Lesson 11 - Typing Game: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Just about anything a user does on a page raises an event",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Common events include",
+						"answerOptions": [
+							{
+								"answerText": "click_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "select_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "input_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "all of these",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "You can use anonymous functions to create event handlers",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 23,
+				"title": "Lesson 12 - Browser Extension Project - All about Browsers: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "You can get browser extensions from",
+						"answerOptions": [
+							{
+								"answerText": "WalMart",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "The browser's extension store",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "The App store",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "NPM stands for",
+						"answerOptions": [
+							{
+								"answerText": "Node Package Manager",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Netscape Primary Mix",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Natural Processing Manager",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Your browser can serve web pages both securely and insecurely",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 24,
+				"title": "Lesson 12 -  Browser Extension Project - All about Browsers: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "The World Wide Web was invented by",
+						"answerOptions": [
+							{
+								"answerText": "Tom Barnard-Loft",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Tim Berners-Lee",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Trish Berth-Pool",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "The first browser was called",
+						"answerOptions": [
+							{
+								"answerText": "WorldWideWeb",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Mozilla",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Netscape",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Browsers can store a user's browsing history",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 25,
+				"title": "Lesson 13 - Browser Extension Project - Call an API, use Local Storage: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "APIs stand for",
+						"answerOptions": [
+							{
+								"answerText": "Application Programming Interfaces",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "A Programming Inference",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Anti Proven Intentions",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Use an API to interact with",
+						"answerOptions": [
+							{
+								"answerText": "Another web-connected asset",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "A database",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Either of the above",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Anyone can create an API",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 26,
+				"title": "Lesson 13 - Browser Extension Project - Call an API, use Local Storage: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "LocalStorage is cleared every time you close the browser window",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "The main browser window controls a browser's extension's LocalStorage",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "REST in an API context stands for",
+						"answerOptions": [
+							{
+								"answerText": "Representational State Transfer",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Returning State Tasks",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Rendering State To Browser",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 27,
+				"title": "Lesson 14 - Browser Extension Project - Learn about Background Tasks and Performance: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Test the performance of your app",
+						"answerOptions": [
+							{
+								"answerText": "Using the browser's tools",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Using a separate software package",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Manually",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "The 'performance' of a web site is an analysis of",
+						"answerOptions": [
+							{
+								"answerText": "How fast it loads",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "How fast the code on it runs",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Both of the above",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Overall, the 'weight' of web pages over the past few years has",
+						"answerOptions": [
+							{
+								"answerText": "gotten lighter",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "gotten heavier",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "stayed the same",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 28,
+				"title": "Lesson 14 - Browser Extension Project - Learn about Background Tasks and Performance: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "To get a better view of your site's performance, clear its cache and reload in the profiler",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Browser extensions are inherently performant",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Analyze the following for performance bottlenecks",
+						"answerOptions": [
+							{
+								"answerText": "DOM traversals",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JavaScript optimizations",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Asset management",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "All the above",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 29,
+				"title": "Lesson 15 - Space Game - Introduction: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "JavaScript is an unpopular language for building games",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Pub/Sub is a preferred pattern for managing the game's assets and flow",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Object inheritance can be handled by either using classes or composition",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 30,
+				"title": "Lesson 15 - Space Game - Introduction: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Classes rely on inheritance to ascribe to behaviors",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Composition is the preferred design pattern for game objects",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Pub/Sub stands for:",
+						"answerOptions": [
+							{
+								"answerText": "Publish/Subscribe",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Print/Staple",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Publish/Sanitize",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 31,
+				"title": "Lesson 16 - Space Game - Draw Hero and Monsters to Canvas: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "The Canvas element is what you use to draw on a screen",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "You can only draw simple geometric shapes using the Canvas API",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "The point 0,0 is in the bottom left",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 32,
+				"title": "Lesson 16 - Space Game - Draw Hero and Monsters to Canvas: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "You can perform drawing operations directly on the Canvas",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "You listen to the onload event to know when an image has loaded asynchronously",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "You draw images onto a screen with an operation called:",
+						"answerOptions": [
+							{
+								"answerText": "paintImage()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "drawImage()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "draw()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 33,
+				"title": "Lesson 17 - Space Game - Adding Motion: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Any object on the screen can receive keyboard events",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "You can use the same method to listen to key events and mouse events",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "To make things happen at a regular interval, you use what function?",
+						"answerOptions": [
+							{
+								"answerText": "setInterval()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "setTimeout()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "sleep()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 34,
+				"title": "Lesson 17 - Space Game - Adding Motion: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "You always need to redraw the screen",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "What is a game loop?",
+						"answerOptions": [
+							{
+								"answerText": "A function that ensures the game can be restarted",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "A function that decided how fast the game should run",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "A function that is invoked at regular intervals and draws what the user should see",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "A good case for redrawing the screen is",
+						"answerOptions": [
+							{
+								"answerText": "A user interaction happened",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Something has moved",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Time has passed",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 35,
+				"title": "Lesson 18 - Space Game - Adding A Laser and Detecting Collisions: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Collision detection is how we detect if two things have collided",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "How can we remove an item from the screen?",
+						"answerOptions": [
+							{
+								"answerText": "Call the garbage collector",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Mark it as dead, only paint not dead objects next time we draw the screen",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Place the item on a negative coordinate",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "A good way to simulate firing a laser in JavaScript is:",
+						"answerOptions": [
+							{
+								"answerText": "make a visual element respond to a key event",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "create animated gifs",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "make enemies blow up at intervals",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 36,
+				"title": "Lesson 18 - Space Game - Adding A Laser and Detecting Collisions: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "In collision detection you compare two",
+						"answerOptions": [
+							{
+								"answerText": "circles and whether they intersect",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "rectangles and whether they intersect",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "distances between two points",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "The reason for implementing a cooldown effect is because",
+						"answerOptions": [
+							{
+								"answerText": "Making the game harder as you can't repeatedly fire a laser to destroy enemies",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JavaScript can only produce a certain number of events per time unit, so you need to limit them",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Constants are identifiable in code because",
+						"answerOptions": [
+							{
+								"answerText": "they are written in capital letters",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "they have specific names",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "they are written in kebab-case like-this",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 37,
+				"title": "Lesson 19 - Space Game - Scoring and Lives: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "How do you draw text on a screen using the Canvas element?",
+						"answerOptions": [
+							{
+								"answerText": "Place text inside a div or span element",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Call drawText() on the Canvas element",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Call fillText() on the context object",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Why do you have the concept of 'lives' in a game?",
+						"answerOptions": [
+							{
+								"answerText": "To show how much damage you can take",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "So that the game doesn't end straight away, but you have n number of chances before the game is over",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Add color to text on Canvas using",
+						"answerOptions": [
+							{
+								"answerText": "fillColor",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "fillStyle",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "textAlign",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 38,
+				"title": "Lesson 19 - Space Game - Scoring and Lives: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "What's a fun way to show how many lives a player has left?",
+						"answerOptions": [
+							{
+								"answerText": "a number of ships",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "a points system",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "How do you center text in the middle of the screen using the Canvas element?",
+						"answerOptions": [
+							{
+								"answerText": "You use Flexbox",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "You instruct the text to be drawn at the x coordinate of the client window width/2",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "You set the textAlign property to the value center on the context object",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "In code, deduct a life like this:",
+						"answerOptions": [
+							{
+								"answerText": "this.life-",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "this.life--",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "this.life++",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 39,
+				"title": "Lesson 20 - Space Game - End and Restart: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "When is a good time to restart a game",
+						"answerOptions": [
+							{
+								"answerText": "when a player wins or loses",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "whenever",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "When should a game end",
+						"answerOptions": [
+							{
+								"answerText": "when an enemy ship is destroyed",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "when a hero ship is destroyed",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "when points are collected",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "A good way to add a level to your game is:",
+						"answerOptions": [
+							{
+								"answerText": "Increment the amount of points necessary to complete a given level",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Add more players to the game",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Add more graphics to the game",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 40,
+				"title": "Lesson 20 - Space Game - End and Restart: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "What is a good pattern to use when a game end condition has been met?",
+						"answerOptions": [
+							{
+								"answerText": "Display a suitable message",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Quit the game",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Display a suitable message, offer the player to restart, and display what key to hit for that action",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "You should offer a restart only when the game has ended",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "A good way to clear the EventEmitter when ending a game is:",
+						"answerOptions": [
+							{
+								"answerText": "clearing listeners",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "clearing the screen",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "closing the game window",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 41,
+				"title": "Lesson 21 - Bank Project - HTML Templates and Routes in a Web App: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "You need to create multiple HTML files to display different screens in a web app",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "You can store and persist data locally in a web app",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "What's the best data provider for a web app?",
+						"answerOptions": [
+							{
+								"answerText": "A local database",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "A JavaScript object",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "A server with a JSON API",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 42,
+				"title": "Lesson 21 - Bank Project HTML Templates and Routes in a Web App: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "HTML templates are part of the DOM by default",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Which part of the URL is needed for routing?",
+						"answerOptions": [
+							{
+								"answerText": "window.location.pathname",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "window.location.origin",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "both",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "What's the name of the event triggered when calling the history.pushState() function?",
+						"answerOptions": [
+							{
+								"answerText": "pushstate",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "popstate",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "navigate",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 43,
+				"title": "Lesson 22 - Bank Project - Build a Login and Registration Form: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "HTML forms allow you to send user input to a server without using JavaScript",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "<label> elements are mandatory for every form control",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "It is secure to send form data to a server over HTTP",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 44,
+				"title": "Lesson 22 - Bank Project - Build a Login and Registration Form: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "Using <label> elements in forms is only for making the form pretty",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "A URL is sent to a server in which part of a form?",
+						"answerOptions": [
+							{
+								"answerText": "the action attribute",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "the method attribute",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "both",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Which attribute can you use to set the maximum size of a text <input>?",
+						"answerOptions": [
+							{
+								"answerText": "max",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "maxlength",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "pattern",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 45,
+				"title": "Lesson 23 - Bank Project - Methods of Fetching and Using Data: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "You usually fetch data from a server synchronously in a browser",
+						"answerOptions": [
+							{
+								"answerText": "true, but async is best!",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "What's the most common format used to exchange data on the web?",
+						"answerOptions": [
+							{
+								"answerText": "HTML",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "XML",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JSON",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "There's no way to prevent a web page from accessing a public server API",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 46,
+				"title": "Lesson 23 - Bank Project Methods of Fetching and Using Data: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "In a Single-page application, the HTML is loaded once and never updated",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Why is it important to not trust data coming from user input?",
+						"answerOptions": [
+							{
+								"answerText": "because using special characters can make the UI ugly.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "because it can contain non-sense or offensive words.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "because it can be used as vector of attack to execute malicious scripts.",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "What's the API name for sending asynchronous HTTP requests to a web server?",
+						"answerOptions": [
+							{
+								"answerText": "request()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "fetch()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "ajax()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 47,
+				"title": "Lesson 24 - Bank Project - Concepts of State Management: Pre-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "What is an immutable object?",
+						"answerOptions": [
+							{
+								"answerText": "An object defined as a constant",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "An object that cannot be modified after it's created",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "A copy of an existing object",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "What benefit(s) do you get from using state management?",
+						"answerOptions": [
+							{
+								"answerText": "You can keep track of every place the state is updated",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "It's easier to debug the code",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "All of the above",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "What's the best way to persist critical user data across different sessions?",
+						"answerOptions": [
+							{
+								"answerText": "Using files",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Using the browser's localStorage API",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "In a database behind a server API",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 48,
+				"title": "Lesson 24 - Bank Project - Concepts of State Management: Post-Lecture Quiz",
+				"quiz": [
+					{
+						"questionText": "What do you think state management means?",
+						"answerOptions": [
+							{
+								"answerText": "Enforcement of law & order",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Logging the user interface state over time",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Keeping your app data flows clean and synchronizing the user interface with data",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "How can you keep track of the user session state?",
+						"answerOptions": [
+							{
+								"answerText": "HTTP cookies",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Local or session storage",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "All of the above",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Mutating an object is always the best way to update it",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			}
+		]
+	}
+]
\ No newline at end of file

From 55e06df1e073dc66a515a8454187c85b7e61651e Mon Sep 17 00:00:00 2001
From: Eugene Goh <gzkgt11@gmail.com>
Date: Fri, 5 Feb 2021 08:06:13 +0800
Subject: [PATCH 04/17] updated

---
 quiz-app/src/assets/translations/ms.json | 64 ++++++++++++------------
 1 file changed, 32 insertions(+), 32 deletions(-)

diff --git a/quiz-app/src/assets/translations/ms.json b/quiz-app/src/assets/translations/ms.json
index 06cf49df..c75533a0 100644
--- a/quiz-app/src/assets/translations/ms.json
+++ b/quiz-app/src/assets/translations/ms.json
@@ -33,24 +33,24 @@
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Video game software",
+								"answerText": "Perisian permainan video",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "Which one of these tools would most likely be in a web developer's environment?",
+						"questionText": "Alat mana yang kemungkinan besar terdapat di persekitaran pembangun web?",
 						"answerOptions": [
 							{
-								"answerText": "Hardware, like a Raspberry Pi",
+								"answerText": "Perkakasan, seperti Raspberry Pi",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Browser DevTools",
+								"answerText": "DevTools Penyemak Imbas",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Operating system documentation",
+								"answerText": "Dokumentasi sistem operasi",
 								"isCorrect": "false"
 							}
 						]
@@ -59,13 +59,13 @@
 			},
 			{
 				"id": 2,
-				"title": "Lesson 1 - Intro to Programming Languages: Post-Lecture Quiz",
+				"title": "Pelajaran 1 - Pengenalan Bahasa Pengaturcaraan: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "What language would you most likely use to create a website?",
+						"questionText": "Bahasa apa yang kemungkinan besar anda gunakan untuk membuat laman web?",
 						"answerOptions": [
 							{
-								"answerText": "Machine Code",
+								"answerText": "Kod Mesin",
 								"isCorrect": "false"
 							},
 							{
@@ -79,7 +79,7 @@
 						]
 					},
 					{
-						"questionText": "Development environments are unique to each developer",
+						"questionText": "Persekitaran pembangunan adalah unik bagi setiap pembangun",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -92,10 +92,10 @@
 						]
 					},
 					{
-						"questionText": "What will a developer do to fix buggy code?",
+						"questionText": "Apa yang akan dilakukan oleh pembangun untuk memperbaiki kod kereta?",
 						"answerOptions": [
 							{
-								"answerText": "Syntax highlighting",
+								"answerText": "Penyorotan sintaks",
 								"isCorrect": "false"
 							},
 							{
@@ -103,7 +103,7 @@
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Code formatting",
+								"answerText": "Pemformatan kod",
 								"isCorrect": "false"
 							}
 						]
@@ -112,10 +112,10 @@
 			},
 			{
 				"id": 3,
-				"title": "Lesson 2 - Introduction to GitHub: Pre-Lecture Quiz",
+				"title": "Pelajaran 2 - Pengenalan kepada GitHub: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "How do you create a Git repo?",
+						"questionText": "Bagaimana anda membuat repo Git?",
 						"answerOptions": [
 							{
 								"answerText": "git create",
@@ -132,35 +132,35 @@
 						]
 					},
 					{
-						"questionText": "What does git add do?",
+						"questionText": "Apa yang dilakukan oleh git add?",
 						"answerOptions": [
 							{
-								"answerText": "Commits your code",
+								"answerText": "Komit kod anda",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Adds your files to a staging area for tracking",
+								"answerText": "Menambah fail anda ke kawasan pementasan untuk mengesan",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Adds your files to GitHub",
+								"answerText": "Menambah fail anda ke GitHub",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "How do you check if git is installed on your computer?",
+						"questionText": "Bagaimana anda memeriksa sama ada git dipasang pada komputer anda?",
 						"answerOptions": [
 							{
-								"answerText": "type git --version",
+								"answerText": "taip git --version",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "type git --installed",
+								"answerText": "taip git --installed",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "type git --init",
+								"answerText": "taip git --init",
 								"isCorrect": "false"
 							}
 						]
@@ -169,27 +169,27 @@
 			},
 			{
 				"id": 4,
-				"title": "Lesson 2 - Introduction to GitHub: Post-Lecture Quiz",
+				"title": "Pelajaran 2 - Pengenalan kepada GitHub: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "A place to compare and discuss the differences introduced on a branch with reviews, comments, integrated tests, and more is:",
+						"questionText": "Tempat untuk membandingkan dan membincangkan perbezaan yang diperkenalkan di cabang dengan ulasan, komen, ujian bersepadu, dan banyak lagi adalah:",
 						"answerOptions": [
 							{
 								"answerText": "GitHub",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "A Pull Request",
+								"answerText": "Pull Request",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "A feature branch",
+								"answerText": "Feature branch",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "How would you get all the commits from a remote branch?",
+						"questionText": "Bagaimana anda mendapat semua komit dari remote branch?",
 						"answerOptions": [
 							{
 								"answerText": "git fetch",
@@ -206,7 +206,7 @@
 						]
 					},
 					{
-						"questionText": "How do you switch to a branch?",
+						"questionText": "Bagaimana anda beralih ke branch?",
 						"answerOptions": [
 							{
 								"answerText": "git switch [branch-name]",
@@ -226,10 +226,10 @@
 			},
 			{
 				"id": 5,
-				"title": "Lesson 3 - Creating Accessible Webpages: Pre-Lecture Quiz",
+				"title": "Pelajaran 3 - Membuat Laman Web yang Boleh Diakses: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "An accessible web site can be checked in which browser tool",
+						"questionText": "Laman web yang boleh diakses boleh diperiksa di mana alat penyemak imbas",
 						"answerOptions": [
 							{
 								"answerText": "Lighthouse",
@@ -246,7 +246,7 @@
 						]
 					},
 					{
-						"questionText": "You need a physical screen reader to test accessibility for visually-impaired users",
+						"questionText": "Anda memerlukan pembaca skrin fizikal untuk menguji kebolehaksesan bagi pengguna yang cacat penglihatan",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -259,7 +259,7 @@
 						]
 					},
 					{
-						"questionText": "Accessibility is only important on government web sites",
+						"questionText": "Kebolehcapaian hanya penting di laman web kerajaan",
 						"answerOptions": [
 							{
 								"answerText": "true",

From bec17e648bf2c60d4ed8f3dc35aa77fc898c85be Mon Sep 17 00:00:00 2001
From: Eugene Goh <gzkgt11@gmail.com>
Date: Sat, 6 Feb 2021 08:29:34 +0800
Subject: [PATCH 05/17] Translated to Malay

---
 quiz-app/src/assets/translations/ms.json | 92 ++++++++++++------------
 1 file changed, 46 insertions(+), 46 deletions(-)

diff --git a/quiz-app/src/assets/translations/ms.json b/quiz-app/src/assets/translations/ms.json
index c75533a0..37708aa9 100644
--- a/quiz-app/src/assets/translations/ms.json
+++ b/quiz-app/src/assets/translations/ms.json
@@ -275,10 +275,10 @@
 			},
 			{
 				"id": 6,
-				"title": "Lesson 3 - Creating Accessible Webpages: Post-Lecture Quiz",
+				"title": "Pelajaran 3 - Membuat Laman Web yang Boleh Diakses: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "Lighthouse only checks for accessibility problems",
+						"questionText": "Rumah Api hanya memeriksa masalah aksesibiliti",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -291,24 +291,24 @@
 						]
 					},
 					{
-						"questionText": "Color-safe palettes help people with",
+						"questionText": "Palet selamat warna menolong orang",
 						"answerOptions": [
 							{
-								"answerText": "color-blindness",
+								"answerText": "buta warna",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "visual impairments",
+								"answerText": "masalah penglihatan",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "both the above",
+								"answerText": "kedua-dua perkara di atas",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "Descriptive links are vital for accessible web sites",
+						"questionText": "Pautan deskriptif sangat penting untuk laman web yang boleh diakses",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -324,10 +324,10 @@
 			},
 			{
 				"id": 7,
-				"title": "Lesson 4 - JavaScript Basics - Data Types: Pre-Lecture Quiz",
+				"title": "Pelajaran 4 - Asas JavaScript - Jenis Data: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "Booleans are a data type you can use to test the length of a string",
+						"questionText": "Booleans adalah jenis data yang boleh anda gunakan untuk menguji panjang tali",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -340,7 +340,7 @@
 						]
 					},
 					{
-						"questionText": "The following is an operation you can perform on a string",
+						"questionText": "Berikut adalah operasi yang boleh anda lakukan pada rentetan",
 						"answerOptions": [
 							{
 								"answerText": "concatenation",
@@ -357,7 +357,7 @@
 						]
 					},
 					{
-						"questionText": "== and === are interchangeable",
+						"questionText": "== dan === boleh ditukar ganti",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -373,27 +373,27 @@
 			},
 			{
 				"id": 8,
-				"title": "Lesson 4 - JavaScript Basics - Data Types: Post-Lecture Quiz",
+				"title": "Pelajaran 4 - Asas JavaScript - Jenis Data: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "Constants are the same as let and var to declare variables except",
+						"questionText": "Pemalar adalah sama dengan let dan var untuk menyatakan pemboleh ubah kecuali",
 						"answerOptions": [
 							{
-								"answerText": "Constants must be initialized",
+								"answerText": "Pemalar mesti dimulakan",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Constants can be altered",
+								"answerText": "Pemalar boleh diubah",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Constants can be reassigned",
+								"answerText": "Pemalar boleh ditugaskan semula",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "Numbers and ____ are JavaScript primitives that handle numeric data",
+						"questionText": "Nombor dan ____ adalah primitif JavaScript yang mengendalikan data berangka",
 						"answerOptions": [
 							{
 								"answerText": "bigint",
@@ -410,7 +410,7 @@
 						]
 					},
 					{
-						"questionText": "Strings can reside between both single and double quotes",
+						"questionText": "Rentetan boleh berada di antara tanda petik tunggal dan dua",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -426,27 +426,27 @@
 			},
 			{
 				"id": 9,
-				"title": "Lesson 5 - JavaScript Basics - Methods and Functions: Pre-Lecture Quiz",
+				"title": "Pelajaran 5 - Asas JavaScript - Kaedah dan Fungsi: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "What's an argument?",
+						"questionText": "Apa itu hujah (argument)?",
 						"answerOptions": [
 							{
-								"answerText": "It's something you declare in the function definition",
+								"answerText": "Ini adalah sesuatu yang anda nyatakan dalam definisi fungsi",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "It's something you pass into a function at invocation time",
+								"answerText": "Ini adalah sesuatu yang anda gunakan dalam fungsi pada waktu pemanggilan",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "It's something you have with people you know",
+								"answerText": "Ini sesuatu yang anda ada dengan orang yang anda kenali",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "A function must return something",
+						"questionText": "Fungsi mesti mengembalikan sesuatu",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -459,7 +459,7 @@
 						]
 					},
 					{
-						"questionText": "You can name a function anything",
+						"questionText": "Anda boleh menamakan fungsi apa sahaja",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -470,7 +470,7 @@
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "true, but it should be a descriptive name",
+								"answerText": "benar, tetapi mestilah nama deskriptif",
 								"isCorrect": "true"
 							}
 						]
@@ -479,10 +479,10 @@
 			},
 			{
 				"id": 10,
-				"title": "Lesson 5 - JavaScript Basics - Methods and Functions: Post-Lecture Quiz",
+				"title": "Pelajaran 5 - Asas JavaScript - Kaedah dan Fungsi: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "Arguments must be provided for all parameters in a function",
+						"questionText": "Hujah mesti disediakan untuk semua parameter dalam fungsi",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -495,35 +495,35 @@
 						]
 					},
 					{
-						"questionText": "What does a default value do?",
+						"questionText": "Apa yang dilakukan oleh nilai lalai?",
 						"answerOptions": [
 							{
-								"answerText": "Sets a correct value",
+								"answerText": "Menetapkan nilai yang betul",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Gives a starter value for a parameter so your code still behaves if you omit an argument for it",
+								"answerText": "Memberi nilai permulaan untuk parameter sehingga kod anda masih berkelakuan jika anda menghilangkan argumen untuknya",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Has no utility",
+								"answerText": "Tidak mempunyai utiliti",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "A fat arrow function allows you to",
+						"questionText": "Fungsi anak panah lemak membolehkan anda melakukannya",
 						"answerOptions": [
 							{
-								"answerText": "Create heavy functions",
+								"answerText": "Buat fungsi berat",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Omit the function keyword",
+								"answerText": "Hilangkan kata kunci fungsi",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Create an anonymous function",
+								"answerText": "Buat fungsi tanpa nama",
 								"isCorrect": "false"
 							}
 						]
@@ -532,27 +532,27 @@
 			},
 			{
 				"id": 11,
-				"title": "Lesson 6 - JavaScript Basics - Making Decisions: Pre-Lecture Quiz",
+				"title": "Pelajaran 6 - Asas JavaScript - Membuat Keputusan: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "The following operator == is called",
+						"questionText": "Pengendali berikut == dipanggil",
 						"answerOptions": [
 							{
-								"answerText": "Equality",
+								"answerText": "Kesaksamaan",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Strict equality",
+								"answerText": "Persamaan yang ketat",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Assignment",
+								"answerText": "Tugasan",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "A comparison in JavaScript returns what type?",
+						"questionText": "Perbandingan dalam JavaScript mengembalikan jenis apa?",
 						"answerOptions": [
 							{
 								"answerText": "boolean",
@@ -569,18 +569,18 @@
 						]
 					},
 					{
-						"questionText": "The ! symbol in JavaScript means:",
+						"questionText": "The ! simbol dalam JavaScript bermaksud:",
 						"answerOptions": [
 							{
-								"answerText": "Logical Not",
+								"answerText": "Tidak logik",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Important",
+								"answerText": "Penting",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Equals",
+								"answerText": "Sama",
 								"isCorrect": "false"
 							}
 						]

From b1109174b359ee37aef7dcace4ad6eeedb480efa Mon Sep 17 00:00:00 2001
From: Eugene Goh <gzkgt11@gmail.com>
Date: Thu, 11 Feb 2021 10:49:10 +0800
Subject: [PATCH 06/17] Updated

---
 quiz-app/src/assets/translations/ms.json | 90 ++++++++++++------------
 1 file changed, 45 insertions(+), 45 deletions(-)

diff --git a/quiz-app/src/assets/translations/ms.json b/quiz-app/src/assets/translations/ms.json
index 37708aa9..0d2eaf4f 100644
--- a/quiz-app/src/assets/translations/ms.json
+++ b/quiz-app/src/assets/translations/ms.json
@@ -589,10 +589,10 @@
 			},
 			{
 				"id": 12,
-				"title": "Lesson 6 - JavaScript Basics - Making Decisions: Post-Lecture Quiz",
+				"title": "Pelajaran 6 - Asas JavaScript - Membuat Keputusan: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "What would the following code return: '1' == 1",
+						"questionText": "Apakah kod berikut yang akan dikembalikan: '1' == 1",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -609,7 +609,7 @@
 						]
 					},
 					{
-						"questionText": "What would the following code return: '1' === 1",
+						"questionText": "Apakah kod berikut yang akan dikembalikan: '1' === 1",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -626,7 +626,7 @@
 						]
 					},
 					{
-						"questionText": "Choose the correct operator to express 'or' logic",
+						"questionText": "Pilih operator yang betul untuk menyatakan 'atau' logik",
 						"answerOptions": [
 							{
 								"answerText": "a | b",
@@ -646,44 +646,44 @@
 			},
 			{
 				"id": 13,
-				"title": "Lesson 7 - JavaScript Basics - Arrays and Loops: Pre-Lecture Quiz",
+				"title": "Pelajaran 7 - Asas JavaScript - Susunan dan Gelung: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "To refer to a specific item in an array, you would use a",
+						"questionText": "Untuk merujuk pada item tertentu dalam array, anda akan menggunakan a",
 						"answerOptions": [
 							{
-								"answerText": "square bracket []",
+								"answerText": "pendakap persegi []",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "index",
+								"answerText": "indeks",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "curly braces {}",
+								"answerText": "pendakap kerinting {}",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "How do you get the number of items in an array?",
+						"questionText": "Bagaimana anda mendapatkan bilangan item dalam satu array?",
 						"answerOptions": [
 							{
-								"answerText": "The 'len(array)' method",
+								"answerText": "Kaedah 'len (array)'",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "The property size on the array",
+								"answerText": "Properti `size` pada array",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "The length property on the array",
+								"answerText": "Properti `length` pada array",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "In JavaScript, indexes start at",
+						"questionText": "Dalam JavaScript, indeks bermula pada",
 						"answerOptions": [
 							{
 								"answerText": "0",
@@ -703,13 +703,13 @@
 			},
 			{
 				"id": 14,
-				"title": "Lesson 7 - JavaScript Basics - Arrays and Loops: Post-Lecture Quiz",
+				"title": "Pelajaran 7 - Asas JavaScript - Susunan dan Gelung: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "What part of a for-loop would you need to modify to increment its iteration by 5?",
+						"questionText": "Bahagian mana untuk loop yang perlu anda ubah untuk meningkatkan lelarannya dengan 5?",
 						"answerOptions": [
 							{
-								"answerText": "condition",
+								"answerText": "kondisi",
 								"isCorrect": "true"
 							},
 							{
@@ -717,30 +717,30 @@
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "iteration-expression",
+								"answerText": "ekspresi-iterasi",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "What's the difference between a while and a for-loop",
+						"questionText": "Apa perbezaan antara while dan for loop untuk",
 						"answerOptions": [
 							{
-								"answerText": "A for-loop has a counter and iteration-expression, where while only has a condition",
+								"answerText": "A for-loop mempunyai pembilang dan ekspresi iterasi, di mana while hanya mempunyai keadaan",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "A while has a counter and iteration-expression where for-loop only has a condition",
+								"answerText": "Sebuah while memiliki penghitung dan ekspresi-iterasi di mana for-loop hanya memiliki kondisi",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "They are the same, just an alias for one another",
+								"answerText": "Mereka sama, hanya alias untuk satu sama lain",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "Given the code for (let i=1; i < 5; i++), how many iterations will it perform?",
+						"questionText": "Diberikan kode for (let i = 1; i <5; i ++), berapa banyak iterasi yang akan dilakukan?",
 						"answerOptions": [
 							{
 								"answerText": "5",
@@ -756,47 +756,47 @@
 			},
 			{
 				"id": 15,
-				"title": "Lesson 8 - Terrarium Project - Introduction to HTML: Pre-Lecture Quiz",
+				"title": "Pelajaran 8 - Projek Terrarium - Pengenalan HTML: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "HTML stands for 'HyperText Mockup Language'",
+						"questionText": "HTML bermaksud 'HyperText Mockup Language'",
 						"answerOptions": [
 							{
-								"answerText": "true",
+								"answerText": "benar",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "false",
+								"answerText": "salah",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "All HTML tags need both opening and closing tags",
+						"questionText": "Semua tag HTML memerlukan tag pembuka dan penutup",
 						"answerOptions": [
 							{
-								"answerText": "true",
+								"answerText": "benar",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "false",
+								"answerText": "salah",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "Using semantic markup is most important for",
+						"questionText": "Menggunakan penanda semantik adalah yang paling penting untuk",
 						"answerOptions": [
 							{
-								"answerText": "code readability",
+								"answerText": "kebolehbacaan kod",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "screen readers",
+								"answerText": "pembaca skrin",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "maintenance",
+								"answerText": "penyelenggaraan",
 								"isCorrect": "false"
 							}
 						]
@@ -805,26 +805,26 @@
 			},
 			{
 				"id": 16,
-				"title": "Lesson 8 - Terrarium Project - Introduction to HTML: Post-Lecture Quiz",
+				"title": "Pelajaran 8 - Projek Terrarium - Pengenalan HTML: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "Spans and Divs are interchangeable",
+						"questionText": "Span dan Div boleh ditukar ganti",
 						"answerOptions": [
 							{
-								"answerText": "true",
+								"answerText": "benar",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "false",
+								"answerText": "salah",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "The head of an HTML doc can contain:",
+						"questionText": "Ketua dokumen HTML boleh mengandungi:",
 						"answerOptions": [
 							{
-								"answerText": "the title tag",
+								"answerText": "tag title",
 								"isCorrect": "false"
 							},
 							{
@@ -832,24 +832,24 @@
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "all the above",
+								"answerText": "semua di atas",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "You can't use deprecated tags in your markup",
+						"questionText": "Anda tidak boleh menggunakan teg yang tidak digunakan dalam markup anda",
 						"answerOptions": [
 							{
-								"answerText": "true",
+								"answerText": "benar",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "false",
+								"answerText": "salah",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "false, but they have been deprecated for good reason",
+								"answerText": "salah, tapi mereka sudah tidak digunakan lagi karena alasan yang baik",
 								"isCorrect": "true"
 							}
 						]

From 2475b6b9156eea99c1aa6dc7eddafdff56596cd7 Mon Sep 17 00:00:00 2001
From: Eugene Goh <gzkgt11@gmail.com>
Date: Sat, 20 Feb 2021 12:44:14 +0800
Subject: [PATCH 07/17] Updated to Malay

---
 quiz-app/src/assets/translations/ms.json | 472 +++++++++++------------
 1 file changed, 236 insertions(+), 236 deletions(-)

diff --git a/quiz-app/src/assets/translations/ms.json b/quiz-app/src/assets/translations/ms.json
index 0d2eaf4f..2cd9561b 100644
--- a/quiz-app/src/assets/translations/ms.json
+++ b/quiz-app/src/assets/translations/ms.json
@@ -762,11 +762,11 @@
 						"questionText": "HTML bermaksud 'HyperText Mockup Language'",
 						"answerOptions": [
 							{
-								"answerText": "benar",
+								"answerText": "true",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "salah",
+								"answerText": "false",
 								"isCorrect": "true"
 							}
 						]
@@ -775,11 +775,11 @@
 						"questionText": "Semua tag HTML memerlukan tag pembuka dan penutup",
 						"answerOptions": [
 							{
-								"answerText": "benar",
+								"answerText": "true",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "salah",
+								"answerText": "false",
 								"isCorrect": "true"
 							}
 						]
@@ -811,11 +811,11 @@
 						"questionText": "Span dan Div boleh ditukar ganti",
 						"answerOptions": [
 							{
-								"answerText": "benar",
+								"answerText": "true",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "salah",
+								"answerText": "false",
 								"isCorrect": "true"
 							}
 						]
@@ -841,11 +841,11 @@
 						"questionText": "Anda tidak boleh menggunakan teg yang tidak digunakan dalam markup anda",
 						"answerOptions": [
 							{
-								"answerText": "benar",
+								"answerText": "true",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "salah",
+								"answerText": "false",
 								"isCorrect": "false"
 							},
 							{
@@ -858,10 +858,10 @@
 			},
 			{
 				"id": 17,
-				"title": "Lesson 9  - Terrarium Project - Introduction to CSS: Pre-Lecture Quiz",
+				"title": "Pelajaran 9 - Projek Terrarium - Pengenalan kepada CSS: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "HTML elements must have either a class or an id in order to be styled",
+						"questionText": "Elemen HTML mesti mempunyai kelas atau id untuk digayakan",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -874,7 +874,7 @@
 						]
 					},
 					{
-						"questionText": "CSS stands for 'Complete Style Sheets'",
+						"questionText": "CSS bermaksud 'Complete Style Sheets'",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -903,10 +903,10 @@
 			},
 			{
 				"id": 18,
-				"title": "Lesson 9 - Terrarium Project - Introduction to CSS: Post-Lecture Quiz",
+				"title": "Pelajaran 9 - Projek Terrarium - Pengenalan kepada CSS: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "You can write CSS directly in the head section of your HTML file",
+						"questionText": "Anda boleh menulis CSS secara langsung di bahagian utama fail HTML anda",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -919,7 +919,7 @@
 						]
 					},
 					{
-						"questionText": "It's always necessary to include CSS in your app",
+						"questionText": "Selalu perlu memasukkan CSS dalam aplikasi anda",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -930,24 +930,24 @@
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "false, but if you want it to look good you probably need CSS",
+								"answerText": "false, tetapi jika anda mahu ia kelihatan baik, anda mungkin memerlukan CSS",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "Which browser tool can be used to inspect CSS?",
+						"questionText": "Alat penyemak imbas mana yang boleh digunakan untuk memeriksa CSS?",
 						"answerOptions": [
 							{
-								"answerText": "Elements",
+								"answerText": "Elemen",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Styles",
+								"answerText": "Gaya",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Network",
+								"answerText": "Rangkaian",
 								"isCorrect": "false"
 							}
 						]
@@ -956,10 +956,10 @@
 			},
 			{
 				"id": 19,
-				"title": "Lesson 10 - Terrarium Project - DOM Manipulation and a Closure: Pre-Lecture Quiz",
+				"title": "Pelajaran 10 - Projek Terrarium - Manipulasi DOM dan Penutupan: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "The DOM stands for 'Document Object Management'",
+						"questionText": "DOM bermaksud 'Document Object Management'",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -972,7 +972,7 @@
 						]
 					},
 					{
-						"questionText": "The DOM can be thought of as a tree",
+						"questionText": "DOM boleh dianggap sebagai pokok",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -985,7 +985,7 @@
 						]
 					},
 					{
-						"questionText": "Using the Web API, you can manipulate the DOM",
+						"questionText": "Dengan menggunakan Web API, anda boleh memanipulasi DOM",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1001,10 +1001,10 @@
 			},
 			{
 				"id": 20,
-				"title": "Lesson 10 - Terrarium Project - DOM Manipulation and a Closure: Post-Lecture Quiz",
+				"title": "Pelajaran 10 - Projek Terrarium - Manipulasi DOM dan Penutupan: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "The DOM is a model to represent a document on the web",
+						"questionText": "DOM adalah model untuk mewakili dokumen di web",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1017,35 +1017,35 @@
 						]
 					},
 					{
-						"questionText": "Use JavaScript closures to perform the following:",
+						"questionText": "Gunakan penutupan JavaScript untuk melakukan perkara berikut:",
 						"answerOptions": [
 							{
-								"answerText": "write functions within functions",
+								"answerText": "menulis fungsi dalam fungsi",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "enclose the DOM",
+								"answerText": "sertakan DOM",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "close script blocks",
+								"answerText": "tutup blok skrip",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "Fill in the blank: Closures are useful when one or more functions need to access an outer function's...",
+						"questionText": "Isi tempat kosong: Penutupan berguna apabila satu atau lebih fungsi perlu mengakses fungsi luar ...",
 						"answerOptions": [
 							{
-								"answerText": "arrays",
+								"answerText": "tatasusunan(array)",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "scope",
+								"answerText": "skop",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "functions",
+								"answerText": "fungsi",
 								"isCorrect": "false"
 							}
 						]
@@ -1054,48 +1054,48 @@
 			},
 			{
 				"id": 21,
-				"title": "Lesson 11 - Typing Game: Pre-Lecture Quiz",
+				"title": "Pelajaran 11 - Permainan Menaip: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "Event-driven programming is when a user",
+						"questionText": "Pengaturcaraan berdasarkan acara adalah ketika pengguna",
 						"answerOptions": [
 							{
-								"answerText": "clicks on a button",
+								"answerText": "klik pada butang",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "changes a value",
+								"answerText": "mengubah nilai",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "interacts with the page",
+								"answerText": "berinteraksi dengan halaman",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "any of the above",
+								"answerText": "mana-mana perkara di atas",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "In procedural programming, functions are called",
+						"questionText": "Dalam pengaturcaraan prosedur, fungsi dipanggil",
 						"answerOptions": [
 							{
-								"answerText": "any time",
+								"answerText": "bila-bila masa",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "in a specific order",
+								"answerText": "mengikut urutan tertentu",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "left to right",
+								"answerText": "kiri ke kanan",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "The universal method exposed in the DOM for registering event handlers is called",
+						"questionText": "Kaedah universal yang dinyatakan dalam DOM untuk mendaftar pengendali acara dipanggil",
 						"answerOptions": [
 							{
 								"answerText": "addEventListener",
@@ -1115,10 +1115,10 @@
 			},
 			{
 				"id": 22,
-				"title": "Lesson 11 - Typing Game: Post-Lecture Quiz",
+				"title": "Pelajaran 11 - Permainan Menaip: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "Just about anything a user does on a page raises an event",
+						"questionText": "Apa sahaja yang dilakukan pengguna di halaman menimbulkan peristiwa",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1131,7 +1131,7 @@
 						]
 					},
 					{
-						"questionText": "Common events include",
+						"questionText": "Acara biasa merangkumi",
 						"answerOptions": [
 							{
 								"answerText": "click_event",
@@ -1146,13 +1146,13 @@
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "all of these",
+								"answerText": "semua di atas",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "You can use anonymous functions to create event handlers",
+						"questionText": "Anda boleh menggunakan fungsi tanpa nama untuk membuat pengendali acara",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1168,27 +1168,27 @@
 			},
 			{
 				"id": 23,
-				"title": "Lesson 12 - Browser Extension Project - All about Browsers: Pre-Lecture Quiz",
+				"title": "Pelajaran 12 - Projek Penyambungan Penyemak Imbas - Semua mengenai Penyemak Imbas: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "You can get browser extensions from",
+						"questionText": "Anda boleh mendapatkan pelanjutan penyemak imbas dari",
 						"answerOptions": [
 							{
 								"answerText": "WalMart",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "The browser's extension store",
+								"answerText": "Kedai pelanjutan penyemak imbas",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "The App store",
+								"answerText": "App store",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "NPM stands for",
+						"questionText": "NPM bermaksud",
 						"answerOptions": [
 							{
 								"answerText": "Node Package Manager",
@@ -1205,7 +1205,7 @@
 						]
 					},
 					{
-						"questionText": "Your browser can serve web pages both securely and insecurely",
+						"questionText": "Penyemak imbas anda dapat melayani laman web dengan selamat dan tidak selamat",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1221,10 +1221,10 @@
 			},
 			{
 				"id": 24,
-				"title": "Lesson 12 -  Browser Extension Project - All about Browsers: Post-Lecture Quiz",
+				"title": "Pelajaran 12 - Projek Penyambungan Penyemak Imbas - Semua mengenai Penyemak Imbas: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "The World Wide Web was invented by",
+						"questionText": "World Wide Web dicipta oleh",
 						"answerOptions": [
 							{
 								"answerText": "Tom Barnard-Loft",
@@ -1241,7 +1241,7 @@
 						]
 					},
 					{
-						"questionText": "The first browser was called",
+						"questionText": "Penyemak imbas pertama dipanggil",
 						"answerOptions": [
 							{
 								"answerText": "WorldWideWeb",
@@ -1258,7 +1258,7 @@
 						]
 					},
 					{
-						"questionText": "Browsers can store a user's browsing history",
+						"questionText": "Penyemak imbas boleh menyimpan sejarah penyemakan imbas pengguna",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1274,10 +1274,10 @@
 			},
 			{
 				"id": 25,
-				"title": "Lesson 13 - Browser Extension Project - Call an API, use Local Storage: Pre-Lecture Quiz",
+				"title": "Pelajaran 13 - Projek Penyambungan Penyemak Imbas - Panggil API, gunakan Penyimpanan Tempatan: Kuiz Pra-Kuliah",
 				"quiz": [
 					{
-						"questionText": "APIs stand for",
+						"questionText": "APIs bremaksud",
 						"answerOptions": [
 							{
 								"answerText": "Application Programming Interfaces",
@@ -1294,24 +1294,24 @@
 						]
 					},
 					{
-						"questionText": "Use an API to interact with",
+						"questionText": "Gunakan API untuk berinteraksi",
 						"answerOptions": [
 							{
-								"answerText": "Another web-connected asset",
+								"answerText": "Aset lain yang disambungkan ke web",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "A database",
+								"answerText": "Pangkalan data",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Either of the above",
+								"answerText": "Salah satu perkara di atas",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "Anyone can create an API",
+						"questionText": "Sesiapa sahaja boleh membuat API",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1327,10 +1327,10 @@
 			},
 			{
 				"id": 26,
-				"title": "Lesson 13 - Browser Extension Project - Call an API, use Local Storage: Post-Lecture Quiz",
+				"title": "Pelajaran 13 - Projek Penyambungan Penyemak Imbas - Panggil API, gunakan Penyimpanan Tempatan: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "LocalStorage is cleared every time you close the browser window",
+						"questionText": "LocalStorage dibersihkan setiap kali anda menutup tetingkap penyemak imbas",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1343,7 +1343,7 @@
 						]
 					},
 					{
-						"questionText": "The main browser window controls a browser's extension's LocalStorage",
+						"questionText": "Tetingkap penyemak imbas utama mengawal LocalStorage pelanjutan penyemak imbas",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1356,7 +1356,7 @@
 						]
 					},
 					{
-						"questionText": "REST in an API context stands for",
+						"questionText": "REST dalam konteks API bermaksud",
 						"answerOptions": [
 							{
 								"answerText": "Representational State Transfer",
@@ -1376,55 +1376,55 @@
 			},
 			{
 				"id": 27,
-				"title": "Lesson 14 - Browser Extension Project - Learn about Background Tasks and Performance: Pre-Lecture Quiz",
+				"title": "Pelajaran 14 - Projek Sambungan Penyemak Imbas - Ketahui mengenai Tugas dan Prestasi Latar Belakang: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "Test the performance of your app",
+						"questionText": "Uji prestasi aplikasi anda",
 						"answerOptions": [
 							{
-								"answerText": "Using the browser's tools",
+								"answerText": "Menggunakan alat penyemak imbas",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Using a separate software package",
+								"answerText": "Menggunakan pakej perisian yang berasingan",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Manually",
+								"answerText": "Secara manual",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "The 'performance' of a web site is an analysis of",
+						"questionText": "Prestasi' laman web adalah analisis mengenai",
 						"answerOptions": [
 							{
-								"answerText": "How fast it loads",
+								"answerText": "Berapa cepat ia memuatkan",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "How fast the code on it runs",
+								"answerText": "Seberapa pantas kod di dalamnya berjalan",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Both of the above",
+								"answerText": "Kedua-dua di atas",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "Overall, the 'weight' of web pages over the past few years has",
+						"questionText": "Secara keseluruhan, 'berat' laman web sejak beberapa tahun kebelakangan ini",
 						"answerOptions": [
 							{
-								"answerText": "gotten lighter",
+								"answerText": "semakin ringan",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "gotten heavier",
+								"answerText": "semakin berat",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "stayed the same",
+								"answerText": "sama",
 								"isCorrect": "false"
 							}
 						]
@@ -1433,10 +1433,10 @@
 			},
 			{
 				"id": 28,
-				"title": "Lesson 14 - Browser Extension Project - Learn about Background Tasks and Performance: Post-Lecture Quiz",
+				"title": "Pelajaran 14 - Projek Pelanjutan Penyemak Imbas - Ketahui mengenai Tugas dan Prestasi Latar Belakang: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "To get a better view of your site's performance, clear its cache and reload in the profiler",
+						"questionText": "Untuk mendapatkan gambaran yang lebih baik mengenai prestasi laman web anda, kosongkan cache dan muatkan semula profiler tersebut",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1449,7 +1449,7 @@
 						]
 					},
 					{
-						"questionText": "Browser extensions are inherently performant",
+						"questionText": "Sambungan penyemak imbas sememangnya berprestasi",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1462,7 +1462,7 @@
 						]
 					},
 					{
-						"questionText": "Analyze the following for performance bottlenecks",
+						"questionText": "Analisis yang berikut untuk masalah prestasi",
 						"answerOptions": [
 							{
 								"answerText": "DOM traversals",
@@ -1477,7 +1477,7 @@
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "All the above",
+								"answerText": "Semua di atas",
 								"isCorrect": "true"
 							}
 						]
@@ -1486,10 +1486,10 @@
 			},
 			{
 				"id": 29,
-				"title": "Lesson 15 - Space Game - Introduction: Pre-Lecture Quiz",
+				"title": "Pelajaran 15 - Permainan Angkasa - Pengenalan: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "JavaScript is an unpopular language for building games",
+						"questionText": "JavaScript adalah bahasa yang tidak popular untuk membina permainan",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1502,7 +1502,7 @@
 						]
 					},
 					{
-						"questionText": "Pub/Sub is a preferred pattern for managing the game's assets and flow",
+						"questionText": "Pub / Sub adalah corak pilihan untuk menguruskan aset dan aliran permainan",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1515,7 +1515,7 @@
 						]
 					},
 					{
-						"questionText": "Object inheritance can be handled by either using classes or composition",
+						"questionText": "Pewarisan objek dapat dikendalikan dengan menggunakan kelas atau komposisi",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1531,10 +1531,10 @@
 			},
 			{
 				"id": 30,
-				"title": "Lesson 15 - Space Game - Introduction: Post-Lecture Quiz",
+				"title": "Pelajaran 15 - Permainan Angkasa - Pengenalan: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "Classes rely on inheritance to ascribe to behaviors",
+						"questionText": "Kelas bergantung pada pewarisan untuk menganggap tingkah laku",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1547,7 +1547,7 @@
 						]
 					},
 					{
-						"questionText": "Composition is the preferred design pattern for game objects",
+						"questionText": "Komposisi adalah corak reka bentuk yang disukai untuk objek permainan",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1560,7 +1560,7 @@
 						]
 					},
 					{
-						"questionText": "Pub/Sub stands for:",
+						"questionText": "Pub/Sub bermaksud:",
 						"answerOptions": [
 							{
 								"answerText": "Publish/Subscribe",
@@ -1580,10 +1580,10 @@
 			},
 			{
 				"id": 31,
-				"title": "Lesson 16 - Space Game - Draw Hero and Monsters to Canvas: Pre-Lecture Quiz",
+				"title": "Pelajaran 16 - Permainan Angkasa - Lukis Pahlawan dan Monster ke Kanvas: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "The Canvas element is what you use to draw on a screen",
+						"questionText": "Elemen Canvas adalah yang anda gunakan untuk melukis di skrin",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1596,7 +1596,7 @@
 						]
 					},
 					{
-						"questionText": "You can only draw simple geometric shapes using the Canvas API",
+						"questionText": "Anda hanya dapat melukis bentuk geometri sederhana menggunakan Canvas API",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1609,7 +1609,7 @@
 						]
 					},
 					{
-						"questionText": "The point 0,0 is in the bottom left",
+						"questionText": "Titik 0,0 berada di kiri bawah",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1625,10 +1625,10 @@
 			},
 			{
 				"id": 32,
-				"title": "Lesson 16 - Space Game - Draw Hero and Monsters to Canvas: Post-Lecture Quiz",
+				"title": "Pelajaran 16 - Permainan Angkasa - Lukis Pahlawan dan Monster ke Kanvas: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "You can perform drawing operations directly on the Canvas",
+						"questionText": "Anda boleh melakukan operasi melukis terus di Kanvas",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1641,7 +1641,7 @@
 						]
 					},
 					{
-						"questionText": "You listen to the onload event to know when an image has loaded asynchronously",
+						"questionText": "Anda mendengar peristiwa muatan untuk mengetahui bila gambar dimuat secara tidak segerak",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1654,7 +1654,7 @@
 						]
 					},
 					{
-						"questionText": "You draw images onto a screen with an operation called:",
+						"questionText": "Anda melukis gambar ke skrin dengan operasi yang disebut:",
 						"answerOptions": [
 							{
 								"answerText": "paintImage()",
@@ -1674,10 +1674,10 @@
 			},
 			{
 				"id": 33,
-				"title": "Lesson 17 - Space Game - Adding Motion: Pre-Lecture Quiz",
+				"title": "Pelajaran 17 - Permainan Angkasa - Menambah Gerak: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "Any object on the screen can receive keyboard events",
+						"questionText": "Sebarang objek di layar dapat menerima acara papan kekunci",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1690,7 +1690,7 @@
 						]
 					},
 					{
-						"questionText": "You can use the same method to listen to key events and mouse events",
+						"questionText": "Anda boleh menggunakan kaedah yang sama untuk mendengarkan peristiwa penting dan acara tetikus",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1703,7 +1703,7 @@
 						]
 					},
 					{
-						"questionText": "To make things happen at a regular interval, you use what function?",
+						"questionText": "Untuk membuat sesuatu berlaku secara berkala, anda menggunakan fungsi apa?",
 						"answerOptions": [
 							{
 								"answerText": "setInterval()",
@@ -1723,10 +1723,10 @@
 			},
 			{
 				"id": 34,
-				"title": "Lesson 17 - Space Game - Adding Motion: Post-Lecture Quiz",
+				"title": "Pelajaran 17 - Permainan Angkasa - Menambah Gerak: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "You always need to redraw the screen",
+						"questionText": "Anda selalu perlu melukis semula skrin",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1739,35 +1739,35 @@
 						]
 					},
 					{
-						"questionText": "What is a game loop?",
+						"questionText": "Apakah gelung permainan (game loop) ?",
 						"answerOptions": [
 							{
-								"answerText": "A function that ensures the game can be restarted",
+								"answerText": "Fungsi yang memastikan permainan dapat dimulakan semula",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "A function that decided how fast the game should run",
+								"answerText": "Fungsi yang menentukan seberapa pantas permainan harus dijalankan",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "A function that is invoked at regular intervals and draws what the user should see",
+								"answerText": "Fungsi yang dipanggil secara berkala dan menarik apa yang pengguna harus lihat",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "A good case for redrawing the screen is",
+						"questionText": "Kes yang baik untuk melukis semula skrin adalah",
 						"answerOptions": [
 							{
-								"answerText": "A user interaction happened",
+								"answerText": "Interaksi pengguna berlaku",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Something has moved",
+								"answerText": "Sesuatu telah bergerak",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Time has passed",
+								"answerText": "Masa telah berlalu",
 								"isCorrect": "false"
 							}
 						]
@@ -1776,10 +1776,10 @@
 			},
 			{
 				"id": 35,
-				"title": "Lesson 18 - Space Game - Adding A Laser and Detecting Collisions: Pre-Lecture Quiz",
+				"title": "Pelajaran 18 - Permainan Angkasa - Menambah Laser dan Mengesan Perlanggaran: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "Collision detection is how we detect if two things have collided",
+						"questionText": "Pengesanan perlanggaran adalah bagaimana kita mengesan jika dua perkara bertembung",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -1792,35 +1792,35 @@
 						]
 					},
 					{
-						"questionText": "How can we remove an item from the screen?",
+						"questionText": "Bagaimana kita boleh mengeluarkan item dari skrin?",
 						"answerOptions": [
 							{
-								"answerText": "Call the garbage collector",
+								"answerText": "Hubungi pemungut sampah",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Mark it as dead, only paint not dead objects next time we draw the screen",
+								"answerText": "Tandakan sebagai mati, hanya cat bukan benda mati lain kali kita melukis skrin",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Place the item on a negative coordinate",
+								"answerText": "Letakkan item pada koordinat negatif",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "A good way to simulate firing a laser in JavaScript is:",
+						"questionText": "Kaedah yang baik untuk mensimulasikan penembakan laser dalam JavaScript adalah:",
 						"answerOptions": [
 							{
-								"answerText": "make a visual element respond to a key event",
+								"answerText": "membuat elemen visual bertindak balas terhadap peristiwa penting",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "create animated gifs",
+								"answerText": "buat gif animasi",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "make enemies blow up at intervals",
+								"answerText": "membuat musuh meletup pada selang waktu",
 								"isCorrect": "false"
 							}
 						]
@@ -1829,51 +1829,51 @@
 			},
 			{
 				"id": 36,
-				"title": "Lesson 18 - Space Game - Adding A Laser and Detecting Collisions: Post-Lecture Quiz",
+				"title": "Pelajaran 18 - Permainan Angkasa - Menambah Laser dan Mengesan Perlanggaran: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "In collision detection you compare two",
+						"questionText": "Dalam pengesanan perlanggaran anda membandingkan dua",
 						"answerOptions": [
 							{
-								"answerText": "circles and whether they intersect",
+								"answerText": "bulatan dan sama ada mereka bersilang",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "rectangles and whether they intersect",
+								"answerText": "segi empat tepat dan sama ada mereka bersilang",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "distances between two points",
+								"answerText": "jarak antara dua titik",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "The reason for implementing a cooldown effect is because",
+						"questionText": "Sebab untuk melaksanakan kesan cooldown adalah kerana",
 						"answerOptions": [
 							{
-								"answerText": "Making the game harder as you can't repeatedly fire a laser to destroy enemies",
+								"answerText": "Menjadikan permainan lebih sukar kerana anda tidak dapat menembak laser berulang kali untuk menghancurkan musuh",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "JavaScript can only produce a certain number of events per time unit, so you need to limit them",
+								"answerText": "JavaScript hanya dapat menghasilkan sejumlah peristiwa per unit waktu, jadi anda perlu menghadkannya",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "Constants are identifiable in code because",
+						"questionText": "Pemalar dikenal pasti dalam kod kerana",
 						"answerOptions": [
 							{
-								"answerText": "they are written in capital letters",
+								"answerText": "mereka ditulis dengan huruf besar",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "they have specific names",
+								"answerText": "mereka mempunyai nama tertentu",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "they are written in kebab-case like-this",
+								"answerText": "mereka ditulis dalam kes kebab-seperti ini",
 								"isCorrect": "false"
 							}
 						]
@@ -1882,40 +1882,40 @@
 			},
 			{
 				"id": 37,
-				"title": "Lesson 19 - Space Game - Scoring and Lives: Pre-Lecture Quiz",
+				"title": "Pelajaran 19 - Permainan Angkasa - Pemarkahan dan Kehidupan: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "How do you draw text on a screen using the Canvas element?",
+						"questionText": "Bagaimana anda melukis teks pada layar menggunakan elemen Canvas?",
 						"answerOptions": [
 							{
-								"answerText": "Place text inside a div or span element",
+								"answerText": "Letakkan teks di dalam elemen div atau span",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Call drawText() on the Canvas element",
+								"answerText": "Panggil drawText () pada elemen Kanvas",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Call fillText() on the context object",
+								"answerText": "Panggil fillText () pada objek konteks",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "Why do you have the concept of 'lives' in a game?",
+						"questionText": "Mengapa anda mempunyai konsep 'nyawa' dalam permainan?",
 						"answerOptions": [
 							{
-								"answerText": "To show how much damage you can take",
+								"answerText": "Untuk menunjukkan berapa banyak kerosakan yang boleh anda ambil",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "So that the game doesn't end straight away, but you have n number of chances before the game is over",
+								"answerText": "Supaya permainan tidak berakhir dengan segera, tetapi anda mempunyai banyak peluang sebelum permainan berakhir",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "Add color to text on Canvas using",
+						"questionText": "Tambahkan warna pada teks pada Kanvas menggunakan",
 						"answerOptions": [
 							{
 								"answerText": "fillColor",
@@ -1935,40 +1935,40 @@
 			},
 			{
 				"id": 38,
-				"title": "Lesson 19 - Space Game - Scoring and Lives: Post-Lecture Quiz",
+				"title": "Pelajaran 19 - Permainan Angkasa - Pemarkahan dan Kehidupan: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "What's a fun way to show how many lives a player has left?",
+						"questionText": "Apa cara yang menyeronokkan untuk menunjukkan berapa banyak nyawa yang ditinggalkan oleh pemain?",
 						"answerOptions": [
 							{
-								"answerText": "a number of ships",
+								"answerText": "sebilangan kapal",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "a points system",
+								"answerText": "sistem mata",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "How do you center text in the middle of the screen using the Canvas element?",
+						"questionText": "Bagaimana anda memusatkan teks di tengah-tengah skrin menggunakan elemen Canvas?",
 						"answerOptions": [
 							{
-								"answerText": "You use Flexbox",
+								"answerText": "Guna Flexbox",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "You instruct the text to be drawn at the x coordinate of the client window width/2",
+								"answerText": "Anda mengarahkan teks dilukis pada koordinat x lebar tetingkap klien / 2",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "You set the textAlign property to the value center on the context object",
+								"answerText": "Anda menetapkan properti textAlign ke pusat nilai pada objek konteks",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "In code, deduct a life like this:",
+						"questionText": "Dalam kod, tolak kehidupan seperti ini:",
 						"answerOptions": [
 							{
 								"answerText": "this.life-",
@@ -1988,51 +1988,51 @@
 			},
 			{
 				"id": 39,
-				"title": "Lesson 20 - Space Game - End and Restart: Pre-Lecture Quiz",
+				"title": "Pelajaran 20 - Permainan Angkasa - Tamat dan Mulakan Semula: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "When is a good time to restart a game",
+						"questionText": "Bilakah masa yang baik untuk memulakan semula permainan",
 						"answerOptions": [
 							{
-								"answerText": "when a player wins or loses",
+								"answerText": "apabila pemain menang atau kalah",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "whenever",
+								"answerText": "bila-bila masa",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "When should a game end",
+						"questionText": "Bilakah permainan harus berakhir",
 						"answerOptions": [
 							{
-								"answerText": "when an enemy ship is destroyed",
+								"answerText": "ketika kapal musuh musnah",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "when a hero ship is destroyed",
+								"answerText": "apabila kapal wira musnah",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "when points are collected",
+								"answerText": "semasa mata dikumpulkan",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "A good way to add a level to your game is:",
+						"questionText": "Cara yang baik untuk menambahkan tahap ke permainan anda adalah:",
 						"answerOptions": [
 							{
-								"answerText": "Increment the amount of points necessary to complete a given level",
+								"answerText": "Menambah jumlah mata yang diperlukan untuk menyelesaikan tahap tertentu",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "Add more players to the game",
+								"answerText": "Tambahkan lebih banyak pemain ke permainan",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Add more graphics to the game",
+								"answerText": "Tambahkan lebih banyak grafik ke permainan",
 								"isCorrect": "false"
 							}
 						]
@@ -2041,27 +2041,27 @@
 			},
 			{
 				"id": 40,
-				"title": "Lesson 20 - Space Game - End and Restart: Post-Lecture Quiz",
+				"title": "Pelajaran 20 - Permainan Angkasa - Tamat dan Mulakan Semula: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "What is a good pattern to use when a game end condition has been met?",
+						"questionText": "Apakah corak yang baik untuk digunakan apabila keadaan akhir permainan dipenuhi?",
 						"answerOptions": [
 							{
-								"answerText": "Display a suitable message",
+								"answerText": "Paparkan mesej yang sesuai",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Quit the game",
+								"answerText": "Hentikan permainan",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Display a suitable message, offer the player to restart, and display what key to hit for that action",
+								"answerText": "Paparkan mesej yang sesuai, tawarkan pemain untuk memulakan semula, dan tunjukkan kunci apa yang harus dipukul untuk tindakan itu",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "You should offer a restart only when the game has ended",
+						"questionText": "Anda harus menawarkan memulakan semula hanya apabila permainan telah berakhir",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -2074,18 +2074,18 @@
 						]
 					},
 					{
-						"questionText": "A good way to clear the EventEmitter when ending a game is:",
+						"questionText": "Cara yang baik untuk membersihkan EventEmitter ketika mengakhiri permainan adalah:",
 						"answerOptions": [
 							{
-								"answerText": "clearing listeners",
+								"answerText": "membersihkan pendengar",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "clearing the screen",
+								"answerText": "membersihkan skrin",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "closing the game window",
+								"answerText": "menutup tingkap permainan",
 								"isCorrect": "false"
 							}
 						]
@@ -2094,10 +2094,10 @@
 			},
 			{
 				"id": 41,
-				"title": "Lesson 21 - Bank Project - HTML Templates and Routes in a Web App: Pre-Lecture Quiz",
+				"title": "Pelajaran 21 - Projek Bank - Templat dan Laluan HTML dalam Aplikasi Web: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "You need to create multiple HTML files to display different screens in a web app",
+						"questionText": "Anda perlu membuat banyak fail HTML untuk memaparkan skrin yang berbeza dalam aplikasi web",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -2110,7 +2110,7 @@
 						]
 					},
 					{
-						"questionText": "You can store and persist data locally in a web app",
+						"questionText": "Anda boleh menyimpan dan menyimpan data secara tempatan dalam aplikasi web",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -2123,18 +2123,18 @@
 						]
 					},
 					{
-						"questionText": "What's the best data provider for a web app?",
+						"questionText": "Apakah penyedia data terbaik untuk aplikasi web?",
 						"answerOptions": [
 							{
-								"answerText": "A local database",
+								"answerText": "Pangkalan data tempatan",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "A JavaScript object",
+								"answerText": "Objek JavaScript",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "A server with a JSON API",
+								"answerText": "Pelayan dengan JSON API",
 								"isCorrect": "true"
 							}
 						]
@@ -2143,10 +2143,10 @@
 			},
 			{
 				"id": 42,
-				"title": "Lesson 21 - Bank Project HTML Templates and Routes in a Web App: Post-Lecture Quiz",
+				"title": "Pelajaran 21 - Templat dan Laluan HTML Projek Bank dalam Aplikasi Web: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "HTML templates are part of the DOM by default",
+						"questionText": "Templat HTML adalah sebahagian dari DOM secara lalai",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -2159,7 +2159,7 @@
 						]
 					},
 					{
-						"questionText": "Which part of the URL is needed for routing?",
+						"questionText": "Bahagian URL mana yang diperlukan untuk penghalaan?",
 						"answerOptions": [
 							{
 								"answerText": "window.location.pathname",
@@ -2170,13 +2170,13 @@
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "both",
+								"answerText": "kedua-duanya",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "What's the name of the event triggered when calling the history.pushState() function?",
+						"questionText": "Apakah nama peristiwa yang dicetuskan ketika memanggil fungsi history.pushState ()?",
 						"answerOptions": [
 							{
 								"answerText": "pushstate",
@@ -2196,10 +2196,10 @@
 			},
 			{
 				"id": 43,
-				"title": "Lesson 22 - Bank Project - Build a Login and Registration Form: Pre-Lecture Quiz",
+				"title": "Pelajaran 22 - Projek Bank - Bina Log Masuk dan Pendaftaran: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "HTML forms allow you to send user input to a server without using JavaScript",
+						"questionText": "Bentuk HTML membolehkan anda mengirim input pengguna ke pelayan tanpa menggunakan JavaScript",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -2212,7 +2212,7 @@
 						]
 					},
 					{
-						"questionText": "<label> elements are mandatory for every form control",
+						"questionText": "Elemen <label> adalah wajib bagi setiap kawalan bentuk",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -2225,7 +2225,7 @@
 						]
 					},
 					{
-						"questionText": "It is secure to send form data to a server over HTTP",
+						"questionText": "Adalah selamat untuk menghantar data borang ke pelayan melalui HTTP",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -2241,10 +2241,10 @@
 			},
 			{
 				"id": 44,
-				"title": "Lesson 22 - Bank Project - Build a Login and Registration Form: Post-Lecture Quiz",
+				"title": "Pelajaran 22 - Projek Bank - Bina Log Masuk dan Pendaftaran: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "Using <label> elements in forms is only for making the form pretty",
+						"questionText": "Menggunakan elemen <label> dalam bentuk hanya untuk menjadikan bentuknya cantik",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -2257,24 +2257,24 @@
 						]
 					},
 					{
-						"questionText": "A URL is sent to a server in which part of a form?",
+						"questionText": "URL dihantar ke pelayan di bahagian mana borang?",
 						"answerOptions": [
 							{
-								"answerText": "the action attribute",
+								"answerText": "atribut tindakan",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "the method attribute",
+								"answerText": "atribut kaedah",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "both",
+								"answerText": "kedua-duanya",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "Which attribute can you use to set the maximum size of a text <input>?",
+						"questionText": "Atribut mana yang boleh anda gunakan untuk menetapkan ukuran maksimum teks <input>?",
 						"answerOptions": [
 							{
 								"answerText": "max",
@@ -2294,13 +2294,13 @@
 			},
 			{
 				"id": 45,
-				"title": "Lesson 23 - Bank Project - Methods of Fetching and Using Data: Pre-Lecture Quiz",
+				"title": "Pelajaran 23 - Projek Bank - Kaedah Mengambil dan Menggunakan Data: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "You usually fetch data from a server synchronously in a browser",
+						"questionText": "Anda biasanya mengambil data dari pelayan secara serentak dalam penyemak imbas",
 						"answerOptions": [
 							{
-								"answerText": "true, but async is best!",
+								"answerText": "true, tetapi async adalah yang terbaik!",
 								"isCorrect": "true"
 							},
 							{
@@ -2310,7 +2310,7 @@
 						]
 					},
 					{
-						"questionText": "What's the most common format used to exchange data on the web?",
+						"questionText": "Apakah format yang paling biasa digunakan untuk menukar data di web?",
 						"answerOptions": [
 							{
 								"answerText": "HTML",
@@ -2327,7 +2327,7 @@
 						]
 					},
 					{
-						"questionText": "There's no way to prevent a web page from accessing a public server API",
+						"questionText": "Tidak ada cara untuk menghalang laman web mengakses API pelayan awam",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -2343,10 +2343,10 @@
 			},
 			{
 				"id": 46,
-				"title": "Lesson 23 - Bank Project Methods of Fetching and Using Data: Post-Lecture Quiz",
+				"title": "Pelajaran 23 - Kaedah Projek Bank Mengambil dan Menggunakan Data: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "In a Single-page application, the HTML is loaded once and never updated",
+						"questionText": "Dalam aplikasi Satu halaman, HTML dimuat sekali dan tidak pernah dikemas kini",
 						"answerOptions": [
 							{
 								"answerText": "true",
@@ -2359,24 +2359,24 @@
 						]
 					},
 					{
-						"questionText": "Why is it important to not trust data coming from user input?",
+						"questionText": "Mengapakah penting untuk tidak mempercayai data yang berasal dari input pengguna?",
 						"answerOptions": [
 							{
-								"answerText": "because using special characters can make the UI ugly.",
+								"answerText": "kerana menggunakan watak khas boleh menjadikan UI jelek.",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "because it can contain non-sense or offensive words.",
+								"answerText": "kerana boleh mengandungi kata-kata yang tidak masuk akal atau menyinggung perasaan.",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "because it can be used as vector of attack to execute malicious scripts.",
+								"answerText": "kerana dapat digunakan sebagai vektor serangan untuk melaksanakan skrip jahat.",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "What's the API name for sending asynchronous HTTP requests to a web server?",
+						"questionText": "Apakah nama API untuk menghantar permintaan HTTP tidak segerak ke pelayan web?",
 						"answerOptions": [
 							{
 								"answerText": "request()",
@@ -2396,51 +2396,51 @@
 			},
 			{
 				"id": 47,
-				"title": "Lesson 24 - Bank Project - Concepts of State Management: Pre-Lecture Quiz",
+				"title": "Pelajaran 24 - Projek Bank - Konsep Pengurusan Negeri: Kuiz Pra Kuliah",
 				"quiz": [
 					{
-						"questionText": "What is an immutable object?",
+						"questionText": "Apakah objek yang tidak berubah?",
 						"answerOptions": [
 							{
-								"answerText": "An object defined as a constant",
+								"answerText": "Objek yang ditakrifkan sebagai pemalar",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "An object that cannot be modified after it's created",
+								"answerText": "Objek yang tidak dapat diubah setelah dibuat ",
 								"isCorrect": "true"
 							},
 							{
-								"answerText": "A copy of an existing object",
+								"answerText": "Salinan objek yang ada",
 								"isCorrect": "false"
 							}
 						]
 					},
 					{
-						"questionText": "What benefit(s) do you get from using state management?",
+						"questionText": "Apa faedah yang anda peroleh daripada menggunakan pengurusan negeri?",
 						"answerOptions": [
 							{
-								"answerText": "You can keep track of every place the state is updated",
+								"answerText": "Anda boleh mengesan setiap tempat yang dikemas kini negeri ini",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "It's easier to debug the code",
+								"answerText": "Lebih mudah untuk menyahpepijat kod",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "All of the above",
+								"answerText": "Semua di atas",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "What's the best way to persist critical user data across different sessions?",
+						"questionText": "Apakah kaedah terbaik untuk mengekalkan data pengguna kritikal dalam pelbagai sesi?",
 						"answerOptions": [
 							{
-								"answerText": "Using files",
+								"answerText": "Guna fail",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Using the browser's localStorage API",
+								"answerText": "Menggunakan API LocalStorage penyemak imbas",
 								"isCorrect": "false"
 							},
 							{
@@ -2453,44 +2453,44 @@
 			},
 			{
 				"id": 48,
-				"title": "Lesson 24 - Bank Project - Concepts of State Management: Post-Lecture Quiz",
+				"title": "Pelajaran 24 - Projek Bank - Konsep Pengurusan Negeri: Kuiz Pasca Kuliah",
 				"quiz": [
 					{
-						"questionText": "What do you think state management means?",
+						"questionText": "Apa pendapat anda tentang pengurusan negeri?",
 						"answerOptions": [
 							{
-								"answerText": "Enforcement of law & order",
+								"answerText": "Penguatkuasaan undang-undang & ketertiban",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Logging the user interface state over time",
+								"answerText": "Mencatat keadaan antara muka pengguna dari masa ke masa",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Keeping your app data flows clean and synchronizing the user interface with data",
+								"answerText": "Menjaga aliran data aplikasi anda bersih dan menyegerakkan antara muka pengguna dengan data",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "How can you keep track of the user session state?",
+						"questionText": "Bagaimana anda dapat mengawasi keadaan sesi pengguna?",
 						"answerOptions": [
 							{
 								"answerText": "HTTP cookies",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "Local or session storage",
+								"answerText": "Storan tempatan atau sesi",
 								"isCorrect": "false"
 							},
 							{
-								"answerText": "All of the above",
+								"answerText": "Semua di atas",
 								"isCorrect": "true"
 							}
 						]
 					},
 					{
-						"questionText": "Mutating an object is always the best way to update it",
+						"questionText": "Mematikan objek selalu merupakan kaedah terbaik untuk mengemasinya",
 						"answerOptions": [
 							{
 								"answerText": "true",

From a02e8deb3211cb0d0386fc3ff1ddaeb177eacca6 Mon Sep 17 00:00:00 2001
From: glauvus <glauvus@hotmail.com>
Date: Sat, 20 Feb 2021 20:12:20 +0200
Subject: [PATCH 08/17] translated all quiz questions to greek

---
 .../translations/README.gr.md                 |    4 +-
 quiz-app/src/App.vue                          |    1 +
 quiz-app/src/assets/translations/gr.json      | 2509 +++++++++++++++++
 quiz-app/src/assets/translations/index.js     |    2 +
 4 files changed, 2514 insertions(+), 2 deletions(-)
 create mode 100644 quiz-app/src/assets/translations/gr.json

diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md
index 434a5ec5..f199f447 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md
@@ -6,7 +6,7 @@
 > Σκίτσο από [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz
-[Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1)
+[Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=gr)
 
 ## Εισαγωγή
 
@@ -181,7 +181,7 @@ back add r0,r1
 Συγκρίνετε μερικές γλώσσες προγραμματισμού. Ποια είναι τα μοναδικά χαρακτηριστικά που έχει η JavaScript και δεν έχει η Java και το αντίστροφο; Τι γίνεται με τη COBOL εναντίον της Go;
 
 ## Post-Lecture Quiz
-[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2)
+[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2?loc=gr)
 
 ## Review & Self Study 
 
diff --git a/quiz-app/src/App.vue b/quiz-app/src/App.vue
index 41b741aa..d2867aac 100644
--- a/quiz-app/src/App.vue
+++ b/quiz-app/src/App.vue
@@ -9,6 +9,7 @@
         <option>id</option>
         <option>hi</option>
         <option>it</option>
+        <option>gr</option>
       </select>
     </nav>
     <div id="app">
diff --git a/quiz-app/src/assets/translations/gr.json b/quiz-app/src/assets/translations/gr.json
new file mode 100644
index 00000000..8ea8a322
--- /dev/null
+++ b/quiz-app/src/assets/translations/gr.json
@@ -0,0 +1,2509 @@
+[
+	{
+		"title": "Web Development για Αρχάριους: Κουίζ",
+		"complete": "Συγχαρητήρια, ολοκληρώσατε το κουίζ!",
+		"error": "Λυπούμαστε, δοκιμάστε ξανά",
+		"quizzes": [
+			{
+				"id": 1,
+				"title": "Μάθημα 1 - Εισαγωγή στις Γλώσσες Προγραμματισμού: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Ένα πρόγραμμα μπορεί να δημιουργηθεί χωρίς ο δημιουργός του να γράψει κώδικα",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Οι γλώσσες προγραμματισμού χαμηλού επιπέδου είναι δημοφιλής επιλογή για",
+						"answerOptions": [
+							{
+								"answerText": "Ιστοσελίδες",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Hardware",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Software για βιντεοπαιχνίδια",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ποια από τα παρακάτω εργαλεία είναι πιθανότερο να βρίσκεται στο περιβάλλον ενός web developer;",
+						"answerOptions": [
+							{
+								"answerText": "Hardware, όπως ένα Raspberry Pi",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Τα εργαλεία DevTools του φυλλομετρητή",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Εγχειρίδιο του λειτουργικού συστήματος",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 2,
+				"title": "Μάθημα 1 - Εισαγωγή στις Γλώσσες Προγραμματισμού: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Ποια γλώσσα προγραμματισμού είναι πιθανότερο να χρησιμοποιήσετε για τη δημιουργία μιας ιστοσελίδας;",
+						"answerOptions": [
+							{
+								"answerText": "Γλώσσα Μηχανής",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JavaScript",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Bash",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Τα περιβάλλοντα ανάπτυξης είναι μοναδικά για κάθε προγραμματιστή",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Τι θα κάνει ένας προγραμματιστής για να διορθώσει έναν κώδικα με σφάλματα;",
+						"answerOptions": [
+							{
+								"answerText": "Επισήμανση συντακτικού",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Αποσφαλμάτωση",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Μορφοποίηση κώδικα",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 3,
+				"title": "Μάθημα 2 - Εισαγωγή στο GitHub: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Πώς δημιουργείται ένα αποθετήριο Git;",
+						"answerOptions": [
+							{
+								"answerText": "git create",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git start",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git init",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Τι κάνει η εντολή git add;",
+						"answerOptions": [
+							{
+								"answerText": "Υποβάλλει τον κώδικά σας",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Καταχωρεί τα αρχεία σας σε ένα ενδιάμεσο στάδιο για παρακολούθηση",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Καταχωρεί τα αρχεία σας στο GitHub",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Πώς ελέγχετε αν το git είναι εγκατεστημένο στον υπολογιστή σας;",
+						"answerOptions": [
+							{
+								"answerText": "Πληκτρολογείτε την εντολή git --version",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Πληκτρολογείτε την εντολή git --installed",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Πληκτρολογείτε την εντολή git --init",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 4,
+				"title": "Μάθημα 2 - Εισαγωγή στο GitHub: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Ένα μέρος όπου συγκρίνονται και συζητούνται οι διαφορές που προκύπτουν μέσα από έναν κλάδο (branch) με ανασκοπήσεις, σχόλια, τεστ ολοκλήρωσης και άλλα είναι:",
+						"answerOptions": [
+							{
+								"answerText": "Το GitHub",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Ένα Pull Request",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Ένα feature branch",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Πώς θα λαμβάνατε όλες τις υποβολές από έναν απομακρυσμένο κλάδο;",
+						"answerOptions": [
+							{
+								"answerText": "git fetch",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git pull",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "git commits -r",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Πώς μεταβαίνετε σε έναν κλάδο;",
+						"answerOptions": [
+							{
+								"answerText": "git switch [όνομα-κλαδου]",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git checkout [όνομα-κλαδου]",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "git load [όνομα-κλαδου]",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 5,
+				"title": "Μάθημα 3 - Δημιουργώντας Προσβάσιμες Ιστοσελίδες: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Με ποιο εργαλείο του φυλλομετρητή μπορείτε να ελέγξετε αν μια ιστοσελίδα είναι προσβάσιμη;",
+						"answerOptions": [
+							{
+								"answerText": "Lighthouse",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Deckhouse",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Cleanhouse",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Απαιτείται ένας φυσικός αναγνώστης οθόνης για την επαλήθευση της προσβασιμότητας για χρήστες με προβλήματα όρασης",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Η προσβασιμότητα είναι σημαντική μόνο σε κυβερνητικές ιστοσελίδες",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 6,
+				"title": "Μάθημα 3 - Δημιουργώντας Προσβάσιμες Ιστοσελίδες: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Το Lighthouse ελέγχει μόνο για προβλήματα προσβασιμότητας",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Οι ασφαλείς χρωματικές παλέτες βοηθούν τους χρήστες με",
+						"answerOptions": [
+							{
+								"answerText": "Αχρωματοψία",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Προβλήματα όρασης",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Όλα τα παραπάνω",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Οι περιγραφικοί σύνδεσμοι είναι ζωτικής σημασίας για προσβάσιμες ιστοσελίδες",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 7,
+				"title": "Μάθημα 4 - Τα Βασικά της Javascript - Τύποι Δεδομένων: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Οι τύποι δεδομένων αλήθειας (booleans) μπορούν να χρησιμοποιηθούν για τον έλεγχο του μήκους μιας συμβολοσειράς",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Το παρακάτω είναι μια λειτουργία που μπορείτε να εκτελέσετε σε μια συμβολοσειρά",
+						"answerOptions": [
+							{
+								"answerText": "Συνένωση (concatenation)",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Προσάρτηση (appending)",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Συναρμολόγηση (splicing)",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Οι τελεστές == και === είναι ταυτόσημοι",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 8,
+				"title": "Μάθημα 4 - Τα Βασικά της Javascript - Τύποι Δεδομένων: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Οι σταθερές είναι το ίδιο με τις μεταβλητές let και var με τη διαφορά ότι",
+						"answerOptions": [
+							{
+								"answerText": "Οι σταθερές πρέπει να αρχικοποιηθούν",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Οι σταθερές μπορούν να τροποποιηθούν",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Στις σταθερές μπορούν να εκχωρηθούν εκ νέου τιμές",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Οι number και ____ είναι οι πρωταρχικοί τύποι δεδομένων της JavaScript που χειρίζονται αριθμητικά δεδομένα",
+						"answerOptions": [
+							{
+								"answerText": "bigint",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "boolean",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "star",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Οι συμβολοσειρές μπορούν να περικλείονται τόσο από μονά όσο και από διπλά εισαγωγικά",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 9,
+				"title": "Μάθημα 5 - Τα Βασικά της Javascript - Μέθοδοι και Συναρτήσεις: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Τι είναι ένα όρισμα;",
+						"answerOptions": [
+							{
+								"answerText": "Είναι κάτι που δηλώνεται στον ορισμό της συνάρτησης",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Είναι κάτι που μεταβιβάζεται σε μια συνάρτηση κατά την κλήση της",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Είναι κάτι που χαρακτηρίζει έναν άνθρωπο",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Μια συνάρτηση πρέπει να επιστρέφει κάτι",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Μπορείτε να δώσετε όποιο όνομα θέλετε σε μια συνάρτηση",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Σωστό, αλλά θα πρέπει να είναι κάτι περιγραφικό",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 10,
+				"title": "Μάθημα 5 - Τα Βασικά της Javascript - Μέθοδοι και Συναρτήσεις: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Θα πρέπει να μεταβιβάσετε ορίσματα για όλες τις παραμέτρους μιας συνάρτησης",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Τι κάνει μια προεπιλεγμένη τιμή;",
+						"answerOptions": [
+							{
+								"answerText": "Ορίζει μια σωστή τιμή",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Παρέχει μια αρχική τιμή για μια παράμετρο ώστε ο κώδικάς σας να εξακολουθεί να λειτουργεί αν παραλείψετε ένα όρισμα για αυτή την παράμετρο",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Δεν έχει καμία χρησιμότητα",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Μια συνάρτηση fat arrow σας επιτρέπει να",
+						"answerOptions": [
+							{
+								"answerText": "Δημιουργήσετε βαριές συναρτήσεις",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Παραλείψετε τη λέξη-κλειδί function",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Δημιουργήσετε μια ανώνυμη συνάρτηση",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 11,
+				"title": "Μάθημα 6 - Τα Βασικά της Javascript - Λαμβάνοντας Αποφάσεις: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Ο τελεστής == ονομάζεται",
+						"answerOptions": [
+							{
+								"answerText": "Ισότητας",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Αυστηρής ισότητας",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Ανάθεσης",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Τι τύπο επιστρέφει μια σύγκριση στη JavaScript;",
+						"answerOptions": [
+							{
+								"answerText": "boolean",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "null",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "string",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Το σύμβολο ! στη JavaScript δηλώνει:",
+						"answerOptions": [
+							{
+								"answerText": "Λογικό Όχι",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Σημασία",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Ισότητα",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 12,
+				"title": "Μάθημα 6 - Τα Βασικά της Javascript - Λαμβάνοντας Αποφάσεις: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Τι θα επιστρέψει ο παρακάτω κώδικας: '1' == 1",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "null",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Τι θα επιστρέψει ο παρακάτω κώδικας: '1' === 1",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "null",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Επιλέξτε το σωστό τελεστή για να εκφράσετε το λογικό 'or'",
+						"answerOptions": [
+							{
+								"answerText": "a | b",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "a || b",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "a or b",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 13,
+				"title": "Μάθημα 7 - Τα Βασικά της Javascript - Πίνακες και Βρόγχοι: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Για να αναφερθείτε σε ένα συγκεκριμένο στοιχείο ενός πίνακα, θα χρησιμοποιούσατε",
+						"answerOptions": [
+							{
+								"answerText": "Αγκύλες []",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Δείκτη",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Άγκιστρα {}",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Πώς μπορείτε να πάρετε τον αριθμό των στοιχείων ενός πίνακα;",
+						"answerOptions": [
+							{
+								"answerText": "Με τη μέθοδο 'len(array)'",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Με την ιδιότητα size του πίνακα",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Με την ιδιότητα length του πίνακα",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Στη JavaScript, οι δείκτες ξεκινούν από το",
+						"answerOptions": [
+							{
+								"answerText": "0",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "1",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "2",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 14,
+				"title": "Μάθημα 7 - Τα Βασικά της Javascript - Πίνακες και Βρόγχοι: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Ποιο μέρος ενός βρόγχου for θα τροποποιούσατε για να αυξήσετε την επανάληψή του κατά 5;",
+						"answerOptions": [
+							{
+								"answerText": "Τη συνθήκη",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Το μετρητή",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Την έκφραση της επανάληψης",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ποια είναι η διαφορά μεταξύ των βρόγχων while και for;",
+						"answerOptions": [
+							{
+								"answerText": "Ο βρόγχος for έχει μετρητή και έκφραση επανάληψης, ενώ ο βρόγχος while έχει μόνο συνθήκη",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Ο βρόγχος while έχει μετρητή και έκφραση επανάληψης ενώ ο βρόγχος for έχει μόνο συνθήκη",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Είναι τα ίδια, απλά με διαφορετική λέξη",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Σύμφωνα με τον παρακάτω κώδικα (let i=1; i < 5; i++), πόσες επαναλήψεις θα εκτελεστούν;",
+						"answerOptions": [
+							{
+								"answerText": "5",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "4",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 15,
+				"title": "Μάθημα 8 - Project Terrarium - Εισαγωγή στην HTML: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "HTML είναι το ακρωνύμιο των λέξεων 'HyperText Mockup Language'",
+						"answerOptions": [
+							{
+								"answerText": "Σώστο",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Όλες οι ετικέτες στην HTML απαιτούν ζευγάρι ετικετών ανοίγματος και κλεισίματος",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Η χρήση σημασιολογικού κώδικα είναι σημαντική για",
+						"answerOptions": [
+							{
+								"answerText": "Την αναγνωσιμότητα του κώδικα",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Τους αναγνώστες οθόνης",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Τη συντήρηση",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 16,
+				"title": "Μάθημα 8 - Project Terrarium - Εισαγωγή στην HTML: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Οι ετικέτες Span και Div είναι ταυτόσημες",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Η κεφαλίδα ενός αρχείου HTML μπορεί να περιέχει:",
+						"answerOptions": [
+							{
+								"answerText": "Την ετικέτα title",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Μεταδεδομένα",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Όλα τα παραπάνω",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Δεν μπορείτε να χρησιμοποιήσετε ετικέτες που έχουν καταργηθεί",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος, αλλά έχουν καταργηθεί για καλό λόγο",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 17,
+				"title": "Μάθημα 9 - Project Terrarium - Εισαγωγή στα CSS: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Τα στοιχεία της HTML πρέπει να έχουν μια κλάση (class) ή ένα αναγνωριστικό (id) για να μορφοποιηθούν",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "CSS είναι το ακρωνύμιο των λέξεων 'Complete Style Sheets'",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Με τα CSS μπορείτε να δημιουργήσετε κινούμενα σχέδια",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 18,
+				"title": "Μάθημα 9 - Project Terrarium - Εισαγωγή στα CSS: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Μπορείτε να γράψετε CSS απευθείας μέσα στην κεφαλίδα του αρχείου HTML",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Είναι απαραίτητο να συμπεριλάβετε CSS στην εφαρμογή σας",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος, αλλά αν θέλετε να έχει μια καλή εμφάνιση τότε μάλλον χρειάζεστε CSS",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Ποιο εργαλείο του φυλλομετρητή μπορεί να χρησιμοποιηθεί για τον έλεγχο των CSS;",
+						"answerOptions": [
+							{
+								"answerText": "Elements",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Styles",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Network",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 19,
+				"title": "Μάθημα 10 - Project Terrarium - Χειρισμός του DOM και Κλείσιμο: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "DOM είναι το ακρωνύμιο των λέξεων 'Document Object Management'",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Μπορούμε να σκεφτούμε το DOM ως ένα δέντρο",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Χρησιμοποιώντας το Web API, μπορείτε να χειριστείτε το DOM",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 20,
+				"title": "Μάθημα 10 - Project Terrarium - Χειρισμός του DOM και Κλείσιμο: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Το DOM είναι ένα μοντέλο αναπαράστασης ενός εγγράφου στο διαδίκτυο",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Μπορείτε να χρησιμοποιήσετε τα Κλεισίματα στη JavaScript για να:",
+						"answerOptions": [
+							{
+								"answerText": "Γράψετε συναρτήσεις μέσα σε συναρτήσεις",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Περικλείσετε το DOM",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Κλείσετε τμήματα κώδικα",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Συμπληρώστε το κενό: Τα Κλεισίματα είναι χρήσιμα όταν μία ή περισσότερες συναρτήσεις χρειάζονται πρόσβαση ... μιας εξωτερικής συνάρτησης",
+						"answerOptions": [
+							{
+								"answerText": "Στους πίνακες",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Στο πεδίο εμβέλειας",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Στις συναρτήσεις",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 21,
+				"title": "Μάθημα 11 - Παιχνίδι Πληκτρολόγησης: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Προγραμματισμό χειρισμού συμβάντων έχουμε όταν ο χρήστης",
+						"answerOptions": [
+							{
+								"answerText": "Πατάει ένα κουμπί",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Μεταβάλλει μια τιμή",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Αλληλεπιδρά με την ιστοσελίδα",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Όλα τα παραπάνω",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Στο διαδικαστικό προγραμματισμό, οι συναρτήσεις καλούνται",
+						"answerOptions": [
+							{
+								"answerText": "Οποιαδήποτε στιγμή",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Με μια συγκεκριμένη σειρά",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Από αριστερά προς τα δεξιά",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Η καθολική μέθοδος που διατίθεται στο DOM για την εγγραφή χειριστών συμβάντων είναι η",
+						"answerOptions": [
+							{
+								"answerText": "addEventListener",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "addListener",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "addEvent",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 22,
+				"title": "Μάθημα 11 - Παιχνίδι Πληκτρολόγησης: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Σχεδόν οτιδήποτε κάνει ένας χρήστης σε μια ιστοσελίδα προκαλεί ένα συμβάν",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Μερικά από τα πιο συνηθισμένα συμβάντα είναι",
+						"answerOptions": [
+							{
+								"answerText": "click_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "select_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "input_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Όλα τα παραπάνω",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Οι ανώνυμες συναρτήσεις μπορούν να χρησιμοποιηθούν για τη δημιουργία χειριστών συμβάντων",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 23,
+				"title": "Μάθημα 12 - Project Επέκταση Φυλλομετρητή - Τα Πάντα για τους Φυλλομετρητές: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Επεκτάσεις για τον φυλλομετρητή μπορείτε να βρείτε στο",
+						"answerOptions": [
+							{
+								"answerText": "WalMart",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Αποθετήριο επεκτάσεων του φυλλομετρητή",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "App store",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "NPM είναι το ακρωνύμιο των λέξεων",
+						"answerOptions": [
+							{
+								"answerText": "Node Package Manager",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Netscape Primary Mix",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Natural Processing Manager",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ο φυλλομετρητής σας μπορεί να εξυπηρετεί ιστοσελίδες τόσο με ασφαλεία όσο και χωρίς",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 24,
+				"title": "Μάθημα 12 -  Project Επέκταση Φυλλομετρητή - Τα Πάντα για τους Φυλλομετρητές: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Ο Παγκόσμιος Ιστός (World Wide Web) εφευρέθηκε από τον",
+						"answerOptions": [
+							{
+								"answerText": "Tom Barnard-Loft",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Tim Berners-Lee",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Trish Berth-Pool",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ο πρώτος φυλλομετρητής ονομαζόταν",
+						"answerOptions": [
+							{
+								"answerText": "WorldWideWeb",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Mozilla",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Netscape",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Οι φυλλομετρητές μπορούν να αποθηκεύουν το ιστορικό περιήγησης ενός χρήστη",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 25,
+				"title": "Μάθημα 13 - Project Επέκταση Φυλλομετρητή - Κλήση API, χρήση Local Storage: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "APIs είναι το ακρωνύμιο των λέξεων",
+						"answerOptions": [
+							{
+								"answerText": "Application Programming Interfaces",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "A Programming Inference",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Anti Proven Intentions",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Το API χρησιμοποιείται για την αλληλεπίδραση με",
+						"answerOptions": [
+							{
+								"answerText": "Έναν άλλο πόρο στο διαδίκτυο",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Μια βάση δεδομένων",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Οποιοδήποτε από τα παραπάνω",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Οποιοσδήποτε μπορεί να δημιουργήσει ένα API",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 26,
+				"title": "Μάθημα 13 - Project Επέκταση Φυλλομετρητή - Κλήση API, χρήση Local Storage: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Τα δεδομένα στο LocalStorage καθαρίζονται κάθε φορά που κλείνετε το παράθυρο του φυλλομετρητή",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Το κύριο παράθυρο του φυλλομετρητή ελέγχει το LocalStorage μιας επέκτασης φυλλομετρητή",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "REST στα πλαίσια ενός API είναι ακρωνύμιο των λέξεων",
+						"answerOptions": [
+							{
+								"answerText": "Representational State Transfer",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Returning State Tasks",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Rendering State To Browser",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 27,
+				"title": "Μάθημα 14 - Project Επέκταση Φυλλομετρητή - Μάθετε για τις Διεργασίες Παρασκηνίου και την Απόδοση: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Πώς θα ελέγξετε την απόδοση της εφαρμογής σας",
+						"answerOptions": [
+							{
+								"answerText": "Με τα εργαλεία του φυλλομετρητή",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Με ξεχωριστό πακέτο λογισμικού",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Χειροκίνητα",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Η 'απόδοση' μιας ιστοσελίδας είναι ανάλυση του",
+						"answerOptions": [
+							{
+								"answerText": "Πόσο γρήγορα φορτώνει",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Πόσο γρήγορα τρέχει ο κώδικας της",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Όλα τα παραπάνω",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Γενικά, το 'βάρος' των ιστοσελίδων τα τελευταία χρόνια έχει",
+						"answerOptions": [
+							{
+								"answerText": "Μειωθεί",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Αυξηθεί",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Μείνει το ίδιο",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 28,
+				"title": "Μάθημα 14 - Project Επέκταση Φυλλομετρητή - Μάθετε για τις Διεργασίες Παρασκηνίου και την Απόδοση: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Για να έχετε μια καλύτερη άποψη για την απόδοση της ιστοσελίδας σας, καθαρίστε την προσωρινή μνήμη και φορτώστε την εκ νέου",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Οι επεκτάσεις του φυλλομετρητή έχουν εκ φύσεως καλή απόδοση",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Ποια από τα παρακάτω θα αναλύσετε για προβλήματα απόδοσης",
+						"answerOptions": [
+							{
+								"answerText": "Διάσχιση του DOM",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Βελτιστοποιήσεις στη JavaScript",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Διαχείριση πόρων",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Όλα τα παραπάνω",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 29,
+				"title": "Μάθημα 15 - Διαστημικό Παιχνίδι - Εισαγωγή: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Η JavaScript δεν είναι δημοφιλής γλώσσα για δημιουργία παιχνιδιών",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Το Pub/Sub είναι ένα προτιμώμενο μοντέλο για τη διαχείριση των πόρων και της ροής ενός παιχνιδιού",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Η κληρονομικότητα των αντικειμένων μπορεί να επιτευχθεί μέσω κλάσεων ή σύνθεσης",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 30,
+				"title": "Μάθημα 15 - Διαστημικό Παιχνίδι - Εισαγωγή: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Οι κλάσεις βασίζονται στην κληρονομικότητα για να αποδώσουν συμπεριφορές",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Η σύνθεση είναι η προτιμώμενη μέθοδος σχεδιασμού αντικειμένων σε παιχνίδια",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Pub/Sub σημαίνει:",
+						"answerOptions": [
+							{
+								"answerText": "Publish/Subscribe",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Print/Staple",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Publish/Sanitize",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 31,
+				"title": "Μάθημα 16 - Διαστημικό Παιχνίδι - Σχεδιασμός Ήρωα και Τεράτων στον Καμβά: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Το στοιχείο Canvas το χρησιμοποιείτε για να σχεδιάσετε στην οθόνη",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Μπορείτε να σχεδιάσετε μόνο απλά γεωμετρικά σχήματα με το API του Canvas",
+						"answerOptions": [
+							{
+								"answerText": "Σώστο",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Το σημείο 0,0 βρίσκεται κάτω αριστερά",
+						"answerOptions": [
+							{
+								"answerText": "Σώστο",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 32,
+				"title": "Μάθημα 16 - Διαστημικό Παιχνίδι - Σχεδιασμός Ήρωα και Τεράτων στον Καμβά: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Μπορείτε να εκτελέσετε λειτουργίες σχεδίασης απευθείας πάνω στο στοιχείο Canvas",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Παρακολουθείτε το συμβάν onload για να γνωρίζετε πότε μια εικόνα έχει φορτωθεί ασύγχρονα",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Σχεδιάζετε εικόνες πάνω στην οθόνη με τη λειτουργία:",
+						"answerOptions": [
+							{
+								"answerText": "paintImage()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "drawImage()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "draw()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 33,
+				"title": "Μάθημα 17 - Διαστημικό Παιχνίδι - Προσθέτοντας Κίνηση: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Οποιοδήποτε αντικείμενο στην οθόνη μπορεί να λάβει συμβάντα από το πληκτρολόγιο",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Μπορείτε να χρησιμοποιήσετε την ίδια μέθοδο για να παρακολουθήσετε συμβάντα από το πληκτρολόγιο και το ποντίκι",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ποια συνάρτηση θα χρησιμοποιήσετε ώστε να συμβαίνει κάτι σε τακτά χρονικά διαστήματα;",
+						"answerOptions": [
+							{
+								"answerText": "setInterval()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "setTimeout()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "sleep()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 34,
+				"title": "Μάθημα 17 - Διαστημικό Παιχνίδι - Προσθέτοντας Κίνηση: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Ο επανασχεδιασμός της οθόνης είναι πάντα απαραίτητος",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Τι είναι ένας βρόγχος παιχνιδιού;",
+						"answerOptions": [
+							{
+								"answerText": "Μια συνάρτηση που διασφαλίζει την επανέναρξη του παιχνιδιού",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Μια συνάρτηση που αποφασίζει την ταχύτητα του παιχνιδιού",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Μια συνάρτηση που καλείται σε τακτά χρονικά διαστήματα και σχεδιάζει αυτό που πρέπει να δει ο χρήστης",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Σε ποια περίπτωση θα επανασχεδιαστεί η οθόνη",
+						"answerOptions": [
+							{
+								"answerText": "Ο χρήστης έκανε κάποια ενέργεια",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Κάτι μετακινήθηκε",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Έχει περάσει κάποια ώρα",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 35,
+				"title": "Μάθημα 18 - Διαστημικό Παιχνίδι - Προσθήκη Λέιζερ και Ανίχνευση Συγκρούσεων: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Η ανίχνευση συγκρούσεων είναι ο τρόπος με τον οποίο εντοπίζεται η σύγκρουση δύο αντικειμένων",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Πώς μπορεί να αφαιρεθεί ένα αντικείμενο από την οθόνη;",
+						"answerOptions": [
+							{
+								"answerText": "Καλώντας το συλλέκτη απορριμμάτων",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Σημειώνεται ως νεκρό και σχεδιάζονται μόνο μη νεκρά αντικείμενα στον επόμενο επανασχεδιασμό της οθόνης",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Τοποθετείται σε σημείο με αρνητικές συντεταγμένες",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ένας καλός τρόπος προσομοίωσης της λειτουργίας ενός λέιζερ στη JavaScript είναι:",
+						"answerOptions": [
+							{
+								"answerText": "Η απόκριση ενός οπτικού στοιχείου σε ένα συμβάν",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Η δημιουργία κινούμενων gifs",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Η ανατίναξη των εχθρών ανά τακτά χρονικά διαστήματα",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 36,
+				"title": "Μάθημα 18 - Διαστημικό Παιχνίδι - Προσθήκη Λέιζερ και Ανίχνευση Συγκρούσεων: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Στην ανίχνευση συγκρούσεων συγκρίνονται δύο",
+						"answerOptions": [
+							{
+								"answerText": "Κύκλοι και αν τέμνονται",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Ορθογώνια και αν τέμνονται",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Αποστάσεις μεταξύ δύο σημείων",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ο λόγος εφαρμογής ενός εφέ cooldown είναι επειδή",
+						"answerOptions": [
+							{
+								"answerText": "Κάνει το παιχνίδι πιο δύσκολο αφού δε μπορεί να πυροδοτηθεί επανειλημμένα ένα λέιζερ για να καταστραφούν οι εχθροί",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Η JavaScript μπορεί να παράγει μόνο ένα συγκεκριμένο αριθμό συμβάντων ανά μονάδα χρόνου, επομένως πρέπει να περιοριστούν",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Οι σταθερές μέσα στον κώδικα μπορούν να αναγνωριστούν επειδή",
+						"answerOptions": [
+							{
+								"answerText": "Γράφονται με κεφαλαία γράμματα",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Έχουν συγκεκριμένα ονόματα",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Γράφονται με στυλ-kebab όπως-αυτό",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 37,
+				"title": "Μάθημα 19 - Διαστημικό Παιχνίδι - Σκορ και Ζωές: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Πώς σχεδιάζετε κείμενο στην οθόνη με το στοιχείο Canvas;",
+						"answerOptions": [
+							{
+								"answerText": "Τοποθετείτε το κείμενο μέσα σε ένα div ή span",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Καλείτε τη συνάρτηση drawText() στο στοιχείο Canvas",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Καλείτε τη συνάρτηση fillText() στο αντικείμενο του πλαισίου",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Τι εξυπηρετεί η έννοια της 'ζωής' σε ένα παιχνίδι;",
+						"answerOptions": [
+							{
+								"answerText": "Υποδεικνύει πόση ζημιά μπορείτε να δεχτείτε",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Για να μην τελειώνει αμέσως το παιχνίδι, αλλά να έχετε κάποιες ευκαιρίες πρώτα",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Μπορείτε να προσθέσετε χρώμα στο κείμενο πάνω στο στοιχείο Canvas με τη μέθοδο",
+						"answerOptions": [
+							{
+								"answerText": "fillColor",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "fillStyle",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "textAlign",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 38,
+				"title": "Μάθημα 19 - Διαστημικό Παιχνίδι - Σκορ και Ζωές: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Με ποιο τρόπο μπορείτε να δείξετε πόσες ζωές έχουν απομείνει σε κάποιον παίχτη;",
+						"answerOptions": [
+							{
+								"answerText": "Με έναν αριθμό από πλοία",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Με μια σειρά από τελείες",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Πώς κεντράρετε το κείμενο στο μέσο της οθόνης χρησιμοποιώντας το στοιχείο Canvas;",
+						"answerOptions": [
+							{
+								"answerText": "Χρησιμοποιείτε Flexbox",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Σχεδιάζετε το κείμενο στη συντεταγμένη x του πλάτους του παραθύρου/2",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Ορίζετε την ιδιότητα textAlign με τιμή center στο αντικείμενο του πλαισίου",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Στον κώδικα, θα αφαιρέσετε μια ζωή ως εξής:",
+						"answerOptions": [
+							{
+								"answerText": "this.life-",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "this.life--",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "this.life++",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 39,
+				"title": "Μάθημα 20 - Διαστημικό Παιχνίδι - Τέλος και Επανεκκίνηση: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Πότε είναι η κατάλληλη στιγμή για επανεκκίνηση του παιχνιδιού",
+						"answerOptions": [
+							{
+								"answerText": "Όταν ένας παίχτης κερδίσει ή χάσει",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Οποτεδήποτε",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Πότε πρέπει να τελειώσει το παιχνίδι",
+						"answerOptions": [
+							{
+								"answerText": "Όταν ένα πλοίο του αντιπάλου καταστρέφεται",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Όταν ένα πλοίο του ήρωα καταστρέφεται",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Όταν συλλεχθούν πόντοι",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ένας καλός τρόπος για να προσθέσετε ένα επίπεδο στο παιχνίδι σας είναι να:",
+						"answerOptions": [
+							{
+								"answerText": "Αυξήσετε τους απαιτούμενους πόντους για την ολοκλήρωση ενός δεδομένου επιπέδου",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Προσθέσετε περισσότερους παίχτες στο παιχνίδι",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Προσθέσετε περισσότερα γραφικά στο παιχνίδι",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 40,
+				"title": "Μάθημα 20 - Διαστημικό Παιχνίδι - Τέλος και Επανεκκίνηση: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Ποια είναι μια καλή μέθοδος για να εφαρμόσετε στο τέλος ενός παιχνιδιού;",
+						"answerOptions": [
+							{
+								"answerText": "Εμφανίση κατάλληλου μηνύματος",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Κλείσιμο του παιχνιδιού",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Εμφάνιση κατάλληλου μηνύματος, προτροπή για επανεκκίνηση, και εμφάνιση του αντίστοιχου πλήκτρου",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Η προτροπή για επανεκκίνηση πρέπει να υπάρχει μόνο στο τέλος του παιχνιδιού",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Μια καλή μέθοδος καθαρισμού του EventEmitter όταν τερματίζεται ένα παιχνίδι είναι:",
+						"answerOptions": [
+							{
+								"answerText": "Ο καθαρισμός των ακροατών",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Ο καθαρισμός της οθόνης",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Το κλείσιμο του παραθύρου του παιχνιδιού",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 41,
+				"title": "Μάθημα 21 - Project Τράπεζα - Πρότυπα HTML και Διαδρομές σε μια Διαδικτυακή Εφαρμογή: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Απαιτούνται πολλαπλά αρχεία HTML για την εμφάνιση διαφορετικών οθονών σε μια διαδικτυακή εφαρμογή",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Μπορείτε να αποθηκεύσετε και να διατηρήσετε δεδομένα τοπικά σε μια διαδικτυακή εφαρμογή",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ποιος είναι ο καλύτερος πάροχος δεδομένων για μια διαδικτυακή εφαρμογή;",
+						"answerOptions": [
+							{
+								"answerText": "Μια τοπική βάση δεδομένων",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Ένα αντικείμενο JavaScript",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Ένας διακομιστής με JSON API",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 42,
+				"title": "Μάθημα 21 - Project Τράπεζα - Πρότυπα HTML και Διαδρομές σε μια Διαδικτυακή Εφαρμογή: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Τα πρότυπα HTML είναι εξ ορισμού μέρη του DOM",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Ποιο μέρος του URL απαιτείται για τη δρομολόγηση;",
+						"answerOptions": [
+							{
+								"answerText": "window.location.pathname",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "window.location.origin",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Και τα δύο",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Πώς λέγεται το συμβάν που ενεργοποιείται κατά την κλήση της συνάρτησης history.pushState();",
+						"answerOptions": [
+							{
+								"answerText": "pushstate",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "popstate",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "navigate",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 43,
+				"title": "Μάθημα 22 - Project Τράπεζα - Δημιουργία Φόρμας Σύνδεσης και Εγγραφής: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Οι φόρμες HTML επιτρέπουν την αποστολή στοιχείων από το χρήστη σε έναν διακομιστή χωρίς τη χρήση JavaScript",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Τα στοιχεία <label> απαιτούνται σε κάθε έλεγχο της φόρμας",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Η αποστολή των δεδομένων μιας φόρμας μέσω HTTP είναι ασφαλής",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 44,
+				"title": "Μάθημα 22 - Project Τράπεζα - Δημιουργία Φόρμας Σύνδεσης και Εγγραφής: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Τα στοιχεία <label> χρησιμοποιούνται μόνο για να ομορφύνουν μια φόρμα",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Με ποιο τρόπο αποστέλεται ένα URL στο διακομιστή σε μια φόρμα;",
+						"answerOptions": [
+							{
+								"answerText": "Με το χαρακτηριστικό action",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Με το χαρακτηριστικό method",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Και τα δύο",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ποιο χαρακτηριστικό χρησιμοποιείται για να οριστεί το μέγιστο μήκος ενός κειμένου του στοιχείου <input>;",
+						"answerOptions": [
+							{
+								"answerText": "max",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "maxlength",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "pattern",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 45,
+				"title": "Μάθημα 23 - Project Τράπεζα - Τρόποι Ανάκτησης και Χρησιμοποίησης Δεδομένων: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Η ανάκτηση δεδομένων από ένα διακομιστή σε ένα φυλλομετρητή γίνεται συνήθως με σύγχρονο τρόπο",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό, αλλά ο ασύγχρονος τρόπος είναι καλύτερος!",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ποιος είναι ο πιο κοινός τρόπος ανταλλαγής δεδομένων στο διαδίκτυο;",
+						"answerOptions": [
+							{
+								"answerText": "HTML",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "XML",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JSON",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Δεν υπάρχει τρόπος να αποτραπεί η πρόσβαση μιας ιστοσελίδας σε ένα δημόσιο API",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 46,
+				"title": "Μάθημα 23 - Project Τράπεζα - Τρόποι Ανάκτησης και Χρησιμοποίησης Δεδομένων: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Σε μια εφαρμογή τύπου Single-page, η HTML φορτώνεται μόνο μια φορά και δεν ενημερώνεται ποτέ ξανά",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Γιατί είναι σημαντικό να μην εμπιστεύεστε δεδομένα που προέρχονται από το χρήστη;",
+						"answerOptions": [
+							{
+								"answerText": "Επειδή η χρήση ειδικών χαρακτήρων μπορεί να προκαλέσει άσχημη εμφάνιση",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Επειδή μπορεί να περιέχει ανούσιο ή προσβλητικό λεξιλόγιο",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Επειδή μπορεί να χρησιμοποιηθεί ως μέσο επίθεσης για την εκτέλεση κακόβουλου κώδικα",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Ποιο είναι το όνομα του API για την αποστολή ασύγχρονων αιτημάτων HTTP σε ένα διακομιστή;",
+						"answerOptions": [
+							{
+								"answerText": "request()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "fetch()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "ajax()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 47,
+				"title": "Μάθημα 24 - Project Τράπεζα - Έννοιες Διαχείρισης Κατάστασης: Προκαταρκτικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Τι είναι ένα αμετάβλητο αντικείμενο;",
+						"answerOptions": [
+							{
+								"answerText": "Ένα αντικείμενο που έχει οριστεί ως σταθερά",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Ένα αντικείμενο που δε μπορεί να τροποποιηθεί μετά τη δημιουργία του",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Ένα αντίγραφο ενός υπάρχοντος αντικειμένου",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Ποια είναι τα πλεονεκτήματα της διαχείρισης κατάστασης;",
+						"answerOptions": [
+							{
+								"answerText": "Μπορείτε να παρακαλουθείτε οποιαδήποτε αλλαγή κατάστασης",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Διευκολύνει την αποσφαλμάτωση του κώδικα",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Όλα τα παραπάνω",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Ποιος είναι ο καλύτερος τρόπος για να διατηρήσετε κρίσιμα δεδομένα του χρήστη ανάμεσα σε διαφορετικές συνεδρίες;",
+						"answerOptions": [
+							{
+								"answerText": "Η χρήση αρχείων",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Η χρήση του localStorage API του φυλλομετρητή",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Σε μια βάση δεδομένων με ένα API του διακομιστή",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 48,
+				"title": "Μάθημα 24 - Project Τράπεζα - Έννοιες Διαχείρισης Κατάστασης: Τελικό Κουίζ",
+				"quiz": [
+					{
+						"questionText": "Τι σημαίνει η διαχείριση κατάστασης;",
+						"answerOptions": [
+							{
+								"answerText": "Εφαρμογή του νόμου και της τάξης",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Καταγραφή της κατάστασης της διεπαφής του χρήστη ανά τακτά χρονικά διαστήματα",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Διατήρηση καθαρής ροής των δεδομένων της εφαρμογής και συγχρονισμός της διεπαφής του χρήστη με τα δεδομένα",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Πώς μπορείτε να παρακολουθήσετε την κατάσταση της συνεδρίας του χρήστη;",
+						"answerOptions": [
+							{
+								"answerText": "HTTP cookies",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Αποθήκευση τοπικά ή στη συνεδρία",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Όλα τα παραπάνω",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Η μεταβολή ενός αντικειμένου είναι πάντα ο καλύτερος τρόπος για να ενημερωθεί",
+						"answerOptions": [
+							{
+								"answerText": "Σωστό",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Λάθος",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			}
+		]
+	}
+]
diff --git a/quiz-app/src/assets/translations/index.js b/quiz-app/src/assets/translations/index.js
index ace2dc54..a70a20a6 100644
--- a/quiz-app/src/assets/translations/index.js
+++ b/quiz-app/src/assets/translations/index.js
@@ -5,6 +5,7 @@ import id from './id.json';
 import hi from './hi.json';
 import it from './it.json';
 import ja from './ja.json';
+import gr from './gr.json';
 
 //export const defaultLocale = 'en';
 
@@ -15,6 +16,7 @@ const messages = {
 	hi: hi[0],
 	it: it[0],
 	ja: ja[0],
+	gr: gr[0],
 };
 
 export default messages;

From 19b39ee61192e559c57f24891495ba5683c258aa Mon Sep 17 00:00:00 2001
From: Alejandra Quetzalli <alejandra.olvera.novack@gmail.com>
Date: Fri, 26 Feb 2021 12:25:19 -0800
Subject: [PATCH 09/17] Quizzes translated to Spanish

---
 quiz-app/src/App.vue                      |    1 +
 quiz-app/src/assets/translations/es.json  | 2509 +++++++++++++++++++++
 quiz-app/src/assets/translations/index.js |    2 +
 3 files changed, 2512 insertions(+)
 create mode 100644 quiz-app/src/assets/translations/es.json

diff --git a/quiz-app/src/App.vue b/quiz-app/src/App.vue
index d024add2..76e53410 100644
--- a/quiz-app/src/App.vue
+++ b/quiz-app/src/App.vue
@@ -5,6 +5,7 @@
       <label for="locale">locale</label>
       <select v-model="locale">
         <option>en</option>
+        <option>es</option>
         <option>ko</option>
         <option>id</option>
         <option>hi</option>
diff --git a/quiz-app/src/assets/translations/es.json b/quiz-app/src/assets/translations/es.json
new file mode 100644
index 00000000..0c5d40fc
--- /dev/null
+++ b/quiz-app/src/assets/translations/es.json
@@ -0,0 +1,2509 @@
+[
+	{
+		"title": "Desarrollo Web para Principiantes: Cuestionarios",
+		"complete": "¡Felicidades, completaste el cuestionario!",
+		"error": "Oops, intenta de nuevo",
+		"quizzes": [
+			{
+				"id": 1,
+				"title": "Lección 1 - Introducción a Lenguajes de Programación: Cuestionario Previo a la Lección",
+				"quiz": [
+					{
+						"questionText": "Se puede crear un programa sin que el creador escriba código",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Los lenguajes de programación de bajo nivel son una opción popular para...",
+						"answerOptions": [
+							{
+								"answerText": "Sitios web",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Hardware",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Software de videojuegos",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cuál de estas herramientas sería más probable en el entorno de desarrollador web?",
+						"answerOptions": [
+							{
+								"answerText": "Hardware, como un Raspberry Pi",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "DevTools del Navegador Web",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Documentación del Systema Operativo",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 2,
+				"title": "Lección 1 - Introducción a los Lenguajes de Programación: Cuestionario Posterior a la Lección",
+				"quiz": [
+					{
+						"questionText": "¿Qué idioma usaría probablemente para crear un sitio web?",
+						"answerOptions": [
+							{
+								"answerText": "Codigo de Máquina",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JavaScript",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Bash",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Los entornos de desarrollo son únicos para cada desarrollador.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Qué haría un desarrollador para corregir código defectuoso?",
+						"answerOptions": [
+							{
+								"answerText": "Resaltado de sintaxis",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Debugging",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Formato de código",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 3,
+				"title": "Lección 2: Introducción a GitHub: Cuestionario Previo a la Lección",
+				"quiz": [
+					{
+						"questionText": "¿Cómo se crea un repositorio Git?",
+						"answerOptions": [
+							{
+								"answerText": "git create",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git start",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git init",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Qué hace git add?",
+						"answerOptions": [
+							{
+								"answerText": "Comete tu código",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Añade tus archivos (files) al área de preparación para seguimiento",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Añade tus archivos (files) a GitHub",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cómo verificas si git está instalado en tu computadora?",
+						"answerOptions": [
+							{
+								"answerText": "Escribo git --version",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Escribo git --installed",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Escribo git --init",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 4,
+				"title": "Lección 2 - Introducción a GitHub: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Un lugar para comparar y discutir las diferencias introducidas en git branch con revisiones, comentarios, pruebas integradas y más es:",
+						"answerOptions": [
+							{
+								"answerText": "GitHub",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Un Pull Request",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Un feature branch",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cómo obtendrías todas los commits de un git branch remoto?",
+						"answerOptions": [
+							{
+								"answerText": "git fetch",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git pull",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "git commits -r",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cómo cambiarías a otro git branch?",
+						"answerOptions": [
+							{
+								"answerText": "git switch [branch-name]",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "git checkout [branch-name]",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "git load [branch-name]",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 5,
+				"title": "Lección 3: Creación de Páginas Web Accesibles: Cuestionario Previo a la Lección",
+				"quiz": [
+					{
+						"questionText": "¿Con que herramienta de navegador puedes verificar si un sitio web es accesible?",
+						"answerOptions": [
+							{
+								"answerText": "Lighthouse",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Deckhouse",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Cleanhouse",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Necesitas un lector de pantalla físico para verificar accesibilidad para usuarios con discapacidad visual",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "La accesibilidad solo es importante en sitios web del gobierno",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 6,
+				"title": "Lección 3: Creación de Páginas Web Accesibles: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Lighthouse solo verifica problemas de accesibilidad",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Los (color safe) paletas de colores seguros ayudan a las personas con...",
+						"answerOptions": [
+							{
+								"answerText": "daltonismo",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "impedimentos visuales",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ambos los anteriores",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Los enlaces descriptivos son vitales para tener sitios web accesibles",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 7,
+				"title": "Lección 4: Conceptos Básicos de JavaScript - Tipos de Datos (Data Types): Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "Los booleanos son un tipo de data (data type) que puedes usar para verificar la longitud de un string.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Lo siguiente es una operación que puedes realizar en un string",
+						"answerOptions": [
+							{
+								"answerText": "concatenación",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "añadiendo",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "empalmar (splicing)",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "== y === son intercambiables",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 8,
+				"title": "Lección 4: Conceptos Básicos de JavaScript - Tipos de Datos (Data Types): Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Constantes son lo mismo que 'let' y 'var' para declarar variables, a excepción de...",
+						"answerOptions": [
+							{
+								"answerText": "Las constantes deben inicializarse",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Las constantes pueden ser alterados",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Las constantes se pueden reasignar",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Los números y ____ son primitivas de JavaScript que manejan datos numéricos",
+						"answerOptions": [
+							{
+								"answerText": "bigint",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "boolean",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "*",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Strings pueden residir entre comillas simples y dobles",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 9,
+				"title": "Lección 5: Conceptos Básicos de JavaScript - Métodos y Funciones: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "¿Qué es un argumento?",
+						"answerOptions": [
+							{
+								"answerText": "Es algo que declaras en la definición de la función.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Es algo que pasas a una función en el momento de la invocación.",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Es algo que tienes con gente que conoces.",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Una función debe devolver algo.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Puedes nombrar una función como quieras.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Cierto, pero debe ser un nombre descriptivo.",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 10,
+				"title": "Lección 5: Conceptos Básicos de JavaScript - Métodos y Funciones: Cuestionario Posterior al Curso",
+				"quiz": [
+					{
+						"questionText": "Se deben proporcionar argumentos para todos los parámetros en una función.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Qué hace un valor predeterminado?",
+						"answerOptions": [
+							{
+								"answerText": "Establece un valor correcto",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Da un valor inicial para un parámetro, por lo que tu código aún funciona si omites un argumento.",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "No tiene utilidad.",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Un  => (fat arrow function) te permite...",
+						"answerOptions": [
+							{
+								"answerText": "Crear funciones pesadas.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Omitir la palabra clave de la función.",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Crear una función anónima.",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 11,
+				"title": "Lección 6: Conceptos Básicos de JavaScript - Tomar Decisiones: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "El siguiente operador == se llama:",
+						"answerOptions": [
+							{
+								"answerText": "Igual",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Estrictamente Igual",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Asignar",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Una comparación en JavaScript devuelve qué tipo?",
+						"answerOptions": [
+							{
+								"answerText": "boolean",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "null",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "string",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "El ! símbolo en JavaScript significa:",
+						"answerOptions": [
+							{
+								"answerText": "Lógico no",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Importante",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Igual",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 12,
+				"title": "Lección 6: Conceptos Básicos de JavaScript - Tomar Decisiones: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "¿Qué devolvería el siguiente código?: '1' == 1",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "null",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Qué devolvería el siguiente código?: '1' === 1",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "null",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Elije el operador correcto para expresar 'or' lógica:",
+						"answerOptions": [
+							{
+								"answerText": "a | b",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "a || b",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "a or b",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 13,
+				"title": "Lección 7: Conceptos Básicos de JavaScript - Matrices (Arrays) y Bucles (Loops): Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "Para hacer referencia a un elemento específico en una matriz (array), usarías un...",
+						"answerOptions": [
+							{
+								"answerText": "paréntesis brackets []",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "index",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "paréntesis curly {}",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cómo se obtiene la cantidad de elementos en una matriz (array)?",
+						"answerOptions": [
+							{
+								"answerText": "El 'len(array)' método",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "El tamaño de la propiedad en la matriz (array)",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "La propiedad de longitud en la matriz (array)",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "En JavaScript, los índices comienzan en...",
+						"answerOptions": [
+							{
+								"answerText": "0",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "1",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "2",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 14,
+				"title": "Lesson 7: JavaScript Básico - Matrices (array) y Bucles (Loops): Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "¿Qué parte de un 'for-loop' necesitarías modificar para incrementar tu iteración por 5?",
+						"answerOptions": [
+							{
+								"answerText": "condición",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "contador de programa",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "expresión-iteración",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cuál es la diferencia entre una declaración-while (while loop) y una declaración-for (for loop)?",
+						"answerOptions": [
+							{
+								"answerText": "Una declaración-for (for loop) tiene un contador y una expresión de iteración, mientras que while solo tiene una condición.",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Una declaración-while tiene un contador y una expresión de iteración, mientras que  una declaración-for (for loop) solo tiene una condición.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Son lo mismo, un alias el uno para el otro.",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Dado este código (let i = 1; i <5; i ++), ¿cuántas iteraciones realizará?",
+						"answerOptions": [
+							{
+								"answerText": "5",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "4",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 15,
+				"title": "Lección 8: Proyecto Terrario - Introducción a HTML: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "HTML representa 'HyperText Mockup Language'",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Todas las etiquetas HTML necesitan etiquetas de apertura y cierre.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "El HTML markup semántico es importante para...",
+						"answerOptions": [
+							{
+								"answerText": "legibilidad del código",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "lectores de pantalla",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "mantenimiento",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 16,
+				"title": "Lección 8: Proyecto Terrario - Introducción a HTML: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Los Spans y los Divs son intercambiables.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "El encabezado de un documento HTML puede contener:",
+						"answerOptions": [
+							{
+								"answerText": "la etiqueta del título",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "metadatos",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "todo lo anterior",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "No puedes usar etiquetas obsoletas en tu HTML markup",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Falso, pero han sido desaprobados por buena razón.",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 17,
+				"title": "Lección 9: Proyecto Terrario - Introducción a CSS: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "Los elementos de HTML deben tener una clase o un ID para que se les aplique el estilo.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "CSS representa 'Complete Style Sheets'",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "CSS se puede utilizar para crear animaciones.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 18,
+				"title": "Lección 9: Proyecto Terrario - Introducción a CSS: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Puedes escribir CSS directamente en la cabecera de tu archivo de HTML.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Siempre es necesario incluir CSS en tu aplicación.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Falso, pero si quieres que se vea bien, probablemente necesites CSS.",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Qué herramienta de navegador puedes utilizar para inspeccionar CSS?",
+						"answerOptions": [
+							{
+								"answerText": "Elementos",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Estilos",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Network",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 19,
+				"title": "Lección 10: Proyecto Terrario - Manipulación de DOM y cierre: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "DOM representa 'Document Object Management'.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "El DOM es como un arbol.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Usando un Web API, puedes manipular el DOM.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 20,
+				"title": "Lección 10: Proyecto Terrario - Manipulación de DOM y cierre: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "El DOM es un modelo para representar un documento en la web.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Utiliza cierres de JavaScript para realizar lo siguiente:",
+						"answerOptions": [
+							{
+								"answerText": "escribir funciones dentro de funciones",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "encerrar el DOM",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "cerrar bloques de script",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Complete el espacio en blanco: los cierres son útiles cuando una o más funciones necesitan acceder a una función externa...",
+						"answerOptions": [
+							{
+								"answerText": "arrays (matrices)",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "scope (alcance)",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "funciones",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 21,
+				"title": "Lección 11: Juego de Mecanografía: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "La programación impulsada por eventos (event-driven programming) es cuando un usuario...",
+						"answerOptions": [
+							{
+								"answerText": "hace clic en un botón",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "cambia un valor",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "interactúa con la página",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "cualquiera de los anteriores",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "En la programación procedimental, las funciones se llaman...",
+						"answerOptions": [
+							{
+								"answerText": "en cualquier momento",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "en un orden específico",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "de izquierda a derecha",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "El método universal expuesto en el DOM para registrar controladores de eventos (event handlers) se llama...",
+						"answerOptions": [
+							{
+								"answerText": "addEventListener",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "addListener",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "addEvent",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 22,
+				"title": "Lección 11: Juego de Mecanografía: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Casi todo lo que hace un usuario en una página genera un evento.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Los eventos comunes incluyen...",
+						"answerOptions": [
+							{
+								"answerText": "click_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "select_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "input_event",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "cualquiera de los anteriores",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Puede utilizar funciones anónimas para crear controladores de eventos.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 23,
+				"title": "Lección 12: Proyecto de Extensión del Navegador - Todo Sobre los Navegadores: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "Puedes obtener extensiones de navegador de...",
+						"answerOptions": [
+							{
+								"answerText": "WalMart",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "la tienda de extensiones del navegador",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "la tienda de aplicaciones (App store)",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "NPM representa...",
+						"answerOptions": [
+							{
+								"answerText": "Node Package Manager",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Netscape Primary Mix",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Natural Processing Manager",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Su navegador puede servir páginas web de forma segura e insegura.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 24,
+				"title": "Lección 12: Proyecto de Extensión del Navegador - Todo Sobre los Navegadores: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "El World Wide Web fue inventado por...",
+						"answerOptions": [
+							{
+								"answerText": "Tom Barnard-Loft",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Tim Berners-Lee",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Trish Berth-Pool",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "El primer navegador se llamó...",
+						"answerOptions": [
+							{
+								"answerText": "WorldWideWeb",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Mozilla",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Netscape",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Los navegadores pueden almacenar el historial de navegación de un usuario.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 25,
+				"title": "Lección 13: Proyecto de Extensión del Navegador: Llamar un API y usar almacenamiento local: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "APIs representa...",
+						"answerOptions": [
+							{
+								"answerText": "Application Programming Interfaces (Interfaces de programación de aplicaciones)",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "A Programming Inference (Una inferencia de programación)",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Anti Proven Intentions (Intenciones anti probadas)",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Utiliza un API para interactuar con...",
+						"answerOptions": [
+							{
+								"answerText": "Otro activo conectado a la web.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Una base de datos.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Cualquiera de los anteriores.",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Cualquiera puede crear una API",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 26,
+				"title": "Lección 13: Proyecto de Extensión del Navegador: Llamar un API y usar almacenamiento local: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "LocalStorage se borra cada vez que cierra la ventana del navegador",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "La ventana principal del navegador controla el LocalStorage de la extensión del navegador.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "REST en un API contexto representa...",
+						"answerOptions": [
+							{
+								"answerText": "Representational State Transfer (Transferencia de estado representacional)",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Returning State Tasks (Tareas estatales que regresan)",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Rendering State To Browser (Estado de representación en el navegador)",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 27,
+				"title": "Lección 14: Proyecto de Extensión del Navegador - Obtén información sobre 'background tasks' y Rendimiento: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "Prueba el rendimiento de tu aplicación...",
+						"answerOptions": [
+							{
+								"answerText": "usando las herramientas del navegador",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "usando un paquete de software separado",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "manualmente",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "El 'rendimiento' de un sitio web es un análisis de...",
+						"answerOptions": [
+							{
+								"answerText": "Que tan rápido se carga",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Qué tan rápido se ejecuta el código",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Ambos de los anteriores",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "En general, el 'peso' de las páginas web en los últimos años ha...",
+						"answerOptions": [
+							{
+								"answerText": "se volvió más ligero",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "se volvió más pesado",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "se quedó igual",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 28,
+				"title": "Lección 14: Proyecto de Extensión del Navegador - Obtén información sobre 'background tasks' y Rendimiento: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Para obtener una mejor vista del rendimiento de su sitio, borra tu caché y vuelve a cargar en el generador de perfiles.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Las extensiones del navegador tienen un rendimiento inherente.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Analiza lo siguiente para detectar cuellos de botella en el rendimiento...",
+						"answerOptions": [
+							{
+								"answerText": "DOM traversales",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JavaScript optimizaciones",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": " gestión de activos (asset management en inglés)",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Todo lo anterior",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 29,
+				"title": "Lección 15: Juego espacial - Introducción: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "JavaScript es un lenguaje impopular para crear juegos",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Pub/Sub es un patrón preferido para administrar los activos y el flujo del juego",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "La herencia de objetos se puede manejar usando clases o composición",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 30,
+				"title": "Lección 15: Juego espacial - Introducción: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Las clases se basan en la herencia para atribuirse a comportamientos",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "La composición es el patrón de diseño preferido para los objetos del juego.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Pub/Sub representa:",
+						"answerOptions": [
+							{
+								"answerText": "Publish/Subscribe",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Print/Staple",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Publish/Sanitize",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 31,
+				"title": "Lección 16: Juego espacial - Dibujar Héroes y Monstruos con el elemento Canvas: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "El elemento Canvas se usa para dibujar en una pantalla",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Solo puedes dibujar formas geométricas simples usando el Canvas API",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "El punto 0,0 está en la parte inferior izquierda.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 32,
+				"title": "Lección 16: Juego espacial - Dibujar Héroes y Monstruos con el elemento Canvas: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Puede realizar operaciones de dibujo directamente en el elemento Canvas",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Escuchas el evento onload para saber cuándo una imagen se ha cargado de forma asincrónica.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "You draw images onto a screen with an operation called:",
+						"answerOptions": [
+							{
+								"answerText": "paintImage()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "drawImage()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "draw()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 33,
+				"title": "Lección 17: Juego Espacial - Agregando Movimiento: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "Cualquier objeto en la pantalla puede recibir eventos de teclado.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Puede usar el mismo método para escuchar eventos clave y eventos del mouse.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Para hacer que las cosas sucedan a intervalos regulares, ¿qué función usas?",
+						"answerOptions": [
+							{
+								"answerText": "setInterval()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "setTimeout()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "sleep()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 34,
+				"title": "Lección 17: Juego Espacial - Agregando Movimiento: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Siempre necesitas volver a dibujar la pantalla.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Qué es un bucle (loop) de juego?",
+						"answerOptions": [
+							{
+								"answerText": "Una función que garantiza que el juego se pueda reiniciar.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Una función que decide qué tan rápido debe ejecutarse el juego.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Una función que se invoca a intervalos regulares y dibuja lo que el usuario debería ver.",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Un buen caso para volver a dibujar la pantalla es...",
+						"answerOptions": [
+							{
+								"answerText": "Se produjo una interacción de usuario",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Algo se movió",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "El tiempo ha pasado",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 35,
+				"title": "Lección 18: Juego espacial: Agrega un láser y Detección de Colisiones: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "La detección de colisiones es cómo detectamos si dos cosas han chocado",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cómo podemos eliminar un elemento de la pantalla?",
+						"answerOptions": [
+							{
+								"answerText": "Llamar al recolector de basura",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Márqualo como muerto, solo pinta objetos no muertos la próxima vez que dibujes en la pantalla",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Coloca el artículo en una coordenada negativa",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Una buena forma de simular el disparo de un láser en JavaScript es:",
+						"answerOptions": [
+							{
+								"answerText": "hacer que un elemento visual responda a un evento clave",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "crear gifs animados",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "hacer explotar enemigos a intervalos",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 36,
+				"title": "Lección 18: Juego espacial: Agrega un láser y Detección de Colisiones: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "En la detección de colisiones, compara dos",
+						"answerOptions": [
+							{
+								"answerText": "círculos y si se cruzan",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "rectángulos y si se cruzan",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "distancias entre dos puntos",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "La razón para implementar un efecto de enfriamiento es porque...",
+						"answerOptions": [
+							{
+								"answerText": "Haciendo el juego más difícil ya que no puedes disparar repetidamente un láser para destruir enemigos.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JavaScript solo puede producir una cierta cantidad de eventos por unidad de tiempo, por lo que debe limitarlos.",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Las constantes son identificables en código porque...",
+						"answerOptions": [
+							{
+								"answerText": "Están escritos en mayúsculas.",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Ellos tienen nombres específicos.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Están escritas en kebab-case como-asi-por-ejemplo.",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 37,
+				"title": "Lección 19: Juego espacial - Puntuación y Vidas: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "¿Cómo se dibuja texto en una pantalla usando el elemento Canvas?",
+						"answerOptions": [
+							{
+								"answerText": "Colocar texto dentro de un elemento div o span.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Llamar drawText() en el elemento Canvas.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Llamar fillText() en el objeto de contexto.",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Por qué tienes el concepto de 'vidas' en un juego?",
+						"answerOptions": [
+							{
+								"answerText": "Para mostrar cuánto daño puedes recibir.",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Para que el juego no termine de inmediato, pero tienes N número de oportunidades antes de que termine el juego",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Agregue color al texto en Canvas usando.",
+						"answerOptions": [
+							{
+								"answerText": "fillColor",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "fillStyle",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "textAlign",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 38,
+				"title": "Lección 19: Juego espacial - Puntuación y Vidas: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "¿Cuál es una forma divertida de mostrar cuántas vidas le quedan a un jugador?",
+						"answerOptions": [
+							{
+								"answerText": "varios barcos",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "un sistema de puntos",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cómo se centra el texto en el medio de la pantalla con el elemento Canvas?",
+						"answerOptions": [
+							{
+								"answerText": "Usas Flexbox",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Indicás que el texto se dibuje en la coordenada x del ancho de la ventana del cliente  width/2",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Estableces la propiedad textAlign en el centro del valor en el objeto de contexto",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "En el código, deduce una vida como esta:",
+						"answerOptions": [
+							{
+								"answerText": "this.life-",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "this.life--",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "this.life++",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 39,
+				"title": "Lección 20: Juego espacial - Finalizar y reiniciar: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "¿Cuándo es un buen momento para reiniciar un juego?",
+						"answerOptions": [
+							{
+								"answerText": "Cuando un jugador gana o pierde",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "cuando sea",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cuándo debes terminar un juego?",
+						"answerOptions": [
+							{
+								"answerText": "cuando un barco enemigo es destruido",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "cuando un barco héroe es destruido",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "cuando se acumulan puntos",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "Una buena forma de agregar niveles a tu juego es:",
+						"answerOptions": [
+							{
+								"answerText": "Incrementar la cantidad de puntos necesarios para completar un nivel determinado.",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Añadir más jugadores al juego",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Agrega más gráficos al juego",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 40,
+				"title": "Lección 20: Juego Espacial - Finalizar y Reiniciar: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "¿Cuál es un buen patrón para usar cuando se cumple una condición del final de juego?",
+						"answerOptions": [
+							{
+								"answerText": "Mostrar un mensaje adecuado",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Salir del juego",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Muestre un mensaje adecuado, ofreziendo al jugador que reinicie y muestre qué tecla presionar para esa acción.",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Debes ofrecer un reinicio solo cuando el juego haya terminado",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Una buena forma de borrar el EventEmitter al finalizar un juego es:",
+						"answerOptions": [
+							{
+								"answerText": "limpiando oyentes (listeners)",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "limpiando la pantalla",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "cerrando la ventana del juego",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 41,
+				"title": "Lección 21: Proyecto Bancario - Rutas y plantillas HTML en una Aplicación Web: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "Necesita crear varios archivos HTML para mostrar diferentes pantallas en una aplicación web.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Puede almacenar y conservar datos localmente en una aplicación web.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cuál es el mejor proveedor de datos para una aplicación web?",
+						"answerOptions": [
+							{
+								"answerText": "Una base de datos local",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Un objeto JavaScript",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Un servidor con un API JSON",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 42,
+				"title": "Lección 21: Proyecto Bancario - Rutas y plantillas HTML en una Aplicación Web: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Las plantillas HTML son parte del DOM de forma predeterminada",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Qué parte de la URL se necesita para el enrutamiento?",
+						"answerOptions": [
+							{
+								"answerText": "window.location.pathname",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "window.location.origin",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ambos",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "What's the name of the event triggered when calling the history.pushState() function?",
+						"answerOptions": [
+							{
+								"answerText": "pushstate",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "popstate",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "navigate",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 43,
+				"title": "Lección 22: Proyecto Bancario - Crear un Formulario de Inicio de Sesión y registro: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "Los formularios HTML te permiten enviar la entrada del usuario a un servidor sin usar JavaScript.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "<label> los elementos son obligatorios para cada control de formulario",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Es seguro enviar datos de formularios a un servidor a través de HTTP.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 44,
+				"title": "Lección 22: Proyecto Bancario - Crear un Formulario de Inicio de Sesión y Registro: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "Usar elementos <etiqueta> en formularios es solo para que el formulario se vea bonito.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿En qué parte de un formulario se envía un URL a un servidor?",
+						"answerOptions": [
+							{
+								"answerText": "el atributo de acción",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "el atributo del método",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "ambos",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Qué atributo puedes utilizar para establecer el tamaño máximo de un texto <input>?",
+						"answerOptions": [
+							{
+								"answerText": "max",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "maxlength",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "pattern",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 45,
+				"title": "Lección 23: Proyecto bancario - Métodos de Obtención y Uso de Datos: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "Por lo general, obtienes datos de un servidor de forma síncrona en un navegador.",
+						"answerOptions": [
+							{
+								"answerText": "cierto, ¡pero asíncrono es mejor!",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cuál es el formato más común utilizado para intercambiar datos en la web?",
+						"answerOptions": [
+							{
+								"answerText": "HTML",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "XML",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "JSON",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "No hay forma de evitar que una página web acceda a una API de servidor público",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 46,
+				"title": "Lección 23: Proyecto bancario - Métodos de Obtención y Uso de Datos: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "En una aplicación de una sola página, el HTML se carga una vez y nunca se actualiza.",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Por qué es importante no confiar en los datos que provienen de la entrada del usuario?",
+						"answerOptions": [
+							{
+								"answerText": "porque el uso de caracteres especiales puede hacer que la interfaz de usuario sea fea",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "porque puede contener palabras sin sentido u ofensivas",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "porque puede usarse como vector de ataque para ejecutar scripts maliciosos",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cuál es el nombre de la API para enviar solicitudes HTTP asincrónicas a un servidor web?",
+						"answerOptions": [
+							{
+								"answerText": "request()",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "fetch()",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "ajax()",
+								"isCorrect": "false"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 47,
+				"title": "Lección 24: Proyecto Bancario - Conceptos de Gestión Estatal: Cuestionario Previo a Lección",
+				"quiz": [
+					{
+						"questionText": "¿Qué es un objeto inmutable?",
+						"answerOptions": [
+							{
+								"answerText": "Un objeto definido como constante",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Un objeto que no se puede modificar una vez creado",
+								"isCorrect": "true"
+							},
+							{
+								"answerText": "Una copia de un objeto existente",
+								"isCorrect": "false"
+							}
+						]
+					},
+					{
+						"questionText": "¿Qué beneficio (s) obtienes al utilizar la administración estatal?",
+						"answerOptions": [
+							{
+								"answerText": "Puedes realizar un seguimiento de cada lugar donde se actualiza el estado",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Es más fácil depurar el código",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Todo lo anterior",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cuál es la mejor manera de conservar los datos críticos del usuario en diferentes sesiones?",
+						"answerOptions": [
+							{
+								"answerText": "Usando archivos",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Usando la API localStorage del navegador",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "En una base de datos detrás de una API de servidor",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 48,
+				"title": "Lección 24: Proyecto Bancario - Conceptos de Gestión Estatal: Cuestionario Posterior a Lección",
+				"quiz": [
+					{
+						"questionText": "¿Qué crees que significa la gestión estatal?",
+						"answerOptions": [
+							{
+								"answerText": "Aplicación de la ley y el orden",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Registro del estado de la interfaz de usuario a lo largo del tiempo",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Mantener limpios los flujos de datos de su aplicación y sincronizar la interfaz de usuario con los datos",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "¿Cómo puedes realizar un seguimiento del estado de la sesión del usuario?",
+						"answerOptions": [
+							{
+								"answerText": "HTTP cookies",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Almacenamiento local o de sesiones",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "Todo lo anterior",
+								"isCorrect": "true"
+							}
+						]
+					},
+					{
+						"questionText": "Mutar un objeto es siempre la mejor forma de actualizarlo",
+						"answerOptions": [
+							{
+								"answerText": "true",
+								"isCorrect": "false"
+							},
+							{
+								"answerText": "false",
+								"isCorrect": "true"
+							}
+						]
+					}
+				]
+			}
+		]
+	}
+]
diff --git a/quiz-app/src/assets/translations/index.js b/quiz-app/src/assets/translations/index.js
index a8dfe116..c95be853 100644
--- a/quiz-app/src/assets/translations/index.js
+++ b/quiz-app/src/assets/translations/index.js
@@ -7,6 +7,7 @@ import it from './it.json';
 import ja from './ja.json';
 import gr from './gr.json';
 import ms from './ms.json';
+import es from './es.json';
 
 //export const defaultLocale = 'en';
 
@@ -19,6 +20,7 @@ const messages = {
 	ja: ja[0],
 	gr: gr[0],
 	ms: ms[0],
+	es: es[0],
 };
 
 export default messages;

From a96cab80a809c702c5e51236dc91d011825522d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Basti=C3=A1n=20Monje?=
 <47266631+basmonje@users.noreply.github.com>
Date: Sun, 28 Feb 2021 16:47:36 -0300
Subject: [PATCH 10/17] fix image url

Only fix image url
---
 .../3-accessibility/translations/README.es.md                   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/1-getting-started-lessons/3-accessibility/translations/README.es.md b/1-getting-started-lessons/3-accessibility/translations/README.es.md
index 83a98125..02e91081 100644
--- a/1-getting-started-lessons/3-accessibility/translations/README.es.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.es.md
@@ -1,6 +1,6 @@
 # Creación de páginas web accesibles
 
-![Todo sobre accesibilidad](webdev101-a11y.png)
+![Todo sobre accesibilidad](../webdev101-a11y.png)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5)

From 6593d4fe53defba3c1ae3691484c3421c773c3c3 Mon Sep 17 00:00:00 2001
From: Jen Looper <jen.looper@gmail.com>
Date: Sun, 28 Feb 2021 16:08:01 -0500
Subject: [PATCH 11/17] image path fix

---
 .../1-intro-to-programming-languages/translations/README.gr.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md
index f199f447..82421a8f 100644
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.gr.md
@@ -2,7 +2,7 @@
 
 Αυτό το μάθημα καλύπτει τα βασικά των γλωσσών προγραμματισμού. Τα θέματα που καλύπτονται εδώ ισχύουν για τις περισσότερες σύγχρονες γλώσσες προγραμματισμού σήμερα. Στην ενότητα 'Εργαλεία του Εμπορίου', θα μάθετε για χρήσιμο λογισμικό που σας βοηθά ως προγραμματιστές.
 
-![Intro Programming](webdev101-programming.png)
+![Intro Programming](../webdev101-programming.png)
 > Σκίτσο από [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ## Pre-Lecture Quiz

From 86eed1252a6b04d69d7b26f6769a0adc4bbe61ad Mon Sep 17 00:00:00 2001
From: Jen Looper <jen.looper@gmail.com>
Date: Sun, 28 Feb 2021 16:09:57 -0500
Subject: [PATCH 12/17] fixing italian readme

---
 1-getting-started-lessons/translations/README.it.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/1-getting-started-lessons/translations/README.it.md b/1-getting-started-lessons/translations/README.it.md
index d27505d2..b50497f8 100644
--- a/1-getting-started-lessons/translations/README.it.md
+++ b/1-getting-started-lessons/translations/README.it.md
@@ -4,9 +4,9 @@ In questa sezione del curriculum, vi saranno introdotti concetti non relativi al
 
 ### Argomenti
 
-1. [Introduzione ai Linguaggi di Programmazione e agli Strumenti Necessari](1-intro-to-programming-languages/translations/README.id.md)
-2. [Concetti base di GitHub](2-github-basics/translations/README.it.md)
-3. [Concetti base di Accessibilità](3-accessibility/translations/README.it.md)
+1. [Introduzione ai Linguaggi di Programmazione e agli Strumenti Necessari](../1-intro-to-programming-languages/translations/README.it.md)
+2. [Concetti base di GitHub](../2-github-basics/translations/README.it.md)
+3. [Concetti base di Accessibilità](../3-accessibility/translations/README.it.md)
 
 ### Riconoscimenti
 

From 0611e8ff1661825ddde6bd80af2fc4f88f6f1628 Mon Sep 17 00:00:00 2001
From: Jen Looper <jen.looper@gmail.com>
Date: Sun, 28 Feb 2021 16:10:45 -0500
Subject: [PATCH 13/17] fix Japanese translation path

---
 1-getting-started-lessons/translations/README.ja.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/1-getting-started-lessons/translations/README.ja.md b/1-getting-started-lessons/translations/README.ja.md
index f7340f47..85a8ce5f 100644
--- a/1-getting-started-lessons/translations/README.ja.md
+++ b/1-getting-started-lessons/translations/README.ja.md
@@ -4,9 +4,9 @@
 
 ### トピック
 
-1. [プログラミング言語と開発ツール入門](1-intro-to-programming-languages/README.md)
-2. [GitHub の基本](2-github-basics/README.md)
-3. [アクセシビリティの基本](3-accessibility/README.md)
+1. [プログラミング言語と開発ツール入門](../1-intro-to-programming-languages/translations/README.ja.md)
+2. [GitHub の基本](../2-github-basics/translatiions/README.ja.md)
+3. [アクセシビリティの基本](../3-accessibility/translations/README.ja.md)
 
 ### Credits
 

From e1787f94747f1d027bc2e6d0fd6e38752d66abab Mon Sep 17 00:00:00 2001
From: Jen Looper <jen.looper@gmail.com>
Date: Sun, 28 Feb 2021 16:11:43 -0500
Subject: [PATCH 14/17] fixing path for translation files

---
 1-getting-started-lessons/translations/README.ms.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/1-getting-started-lessons/translations/README.ms.md b/1-getting-started-lessons/translations/README.ms.md
index df294ae2..cf515f1f 100644
--- a/1-getting-started-lessons/translations/README.ms.md
+++ b/1-getting-started-lessons/translations/README.ms.md
@@ -4,9 +4,9 @@ Dalam bahagian kurikulum ini, anda akan diperkenalkan kepada konsep bukan projek
 
 ### Topik
 
-1. [Pengenalan Bahasa Pengaturcaraan dan Alat Perdagangan](1-intro-to-programming-languages/README.md)
-2. [Pengetahuan Asas tentang GitHub](2-github-basics/README.md)
-3. [Asas Kebolehcapaian](3-accessibility/README.md)
+1. [Pengenalan Bahasa Pengaturcaraan dan Alat Perdagangan](../1-intro-to-programming-languages/translations/README.ms.md)
+2. [Pengetahuan Asas tentang GitHub](../2-github-basics/translations/README.ms.md)
+3. [Asas Kebolehcapaian](../3-accessibility/translations/README.ms.md)
 
 ### Kredit
 
@@ -14,4 +14,4 @@ Asas Kebolehcapaian ditulis dengan ♥️ karya [Christopher Harrison](https://t
 
 Pengetahuan Asas tentang GitHub ditulis dengan ♥️ karya [Floor Drees](https://twitter.com/floordrees)
 
-Pengenalan Bahasa Pengaturcaraan dan Alat Perdagangan ditulis dengan ♥️ karya [Jasmine Greenaway](https://twitter.com/paladique)
\ No newline at end of file
+Pengenalan Bahasa Pengaturcaraan dan Alat Perdagangan ditulis dengan ♥️ karya [Jasmine Greenaway](https://twitter.com/paladique)

From dc1c9aeb296437156306a53a5d7abff2b80cdd35 Mon Sep 17 00:00:00 2001
From: Jen Looper <jen.looper@gmail.com>
Date: Thu, 4 Mar 2021 13:27:49 -0500
Subject: [PATCH 15/17] Update README.md

per Gustavo's comment, let's make the README better here
---
 3-terrarium/solution/README.md | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/3-terrarium/solution/README.md b/3-terrarium/solution/README.md
index 7dd0df8e..c5a329db 100644
--- a/3-terrarium/solution/README.md
+++ b/3-terrarium/solution/README.md
@@ -1 +1,28 @@
-This is a placeholder, left blank purposefully
\ No newline at end of file
+# My Terrarium: A project to learn about HTML, CSS, and DOM manipulation using JavaScript 🌵🌱
+
+A small drag and drop code-meditation. With a little HTML, JS and CSS, you can build a web interface, style it, and add an interaction.
+
+![my terrarium](../images/screenshot_gray.png)
+
+## Credits
+
+Written with ♥️  by [Jen Looper](https://www.twitter.com/jenlooper)
+
+The terrarium created via CSS was inspired by Jakub Mandra's glass jar [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).
+
+The artwork was hand drawn by [Jen Looper](http://jenlooper.com) using Procreate.
+
+## Deploy your Terrarium
+
+You can deploy, or publish your terrarium to the web using Azure Static Web Apps. 
+
+1. Fork this repo
+
+2. Press this button
+
+[![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-13441-cxa#create/Microsoft.StaticApp)
+
+3. Walk through the wizard creating your app. Make sure you set the app root to either be `/solution` or the root of your codebase. There's no API in this app, so don't worry about adding that. A .github folder will be created in your forked repo that will help Azure Static Web Apps' build service build and publish your app to a new URL.
+
+
+

From 68ab8c011214c921db9337780cd29888d795a49a Mon Sep 17 00:00:00 2001
From: Jen Looper <jen.looper@gmail.com>
Date: Sat, 6 Mar 2021 10:51:32 -0500
Subject: [PATCH 16/17] small typo fix on GitHub lesson

---
 1-getting-started-lessons/2-github-basics/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/1-getting-started-lessons/2-github-basics/README.md b/1-getting-started-lessons/2-github-basics/README.md
index 8a5e480a..0b89459c 100644
--- a/1-getting-started-lessons/2-github-basics/README.md
+++ b/1-getting-started-lessons/2-github-basics/README.md
@@ -264,7 +264,7 @@ Update your current local working branch with all new commits from the correspon
 
 ## How to contribute to open source
 
-First, let's find a repository - or: repo - on GitHub of interest to you and to which you'd like to contribute a change. You will want to copy the contents of to our machine.
+First, let's find a repository (or **repo**) on GitHub of interest to you and to which you'd like to contribute a change. You will want to copy its contents to your machine.
 
 ✅ A good way to find 'beginner-friendly' repos is to [search by the tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 

From f878c14e3bda2adbc8b7348b3129d637174b9476 Mon Sep 17 00:00:00 2001
From: Jen Looper <jen.looper@gmail.com>
Date: Sat, 6 Mar 2021 11:24:17 -0500
Subject: [PATCH 17/17] editing terrarium css to remove percentages on
 border-radii

---
 3-terrarium/2-intro-to-css/README.md                 | 12 +++++++-----
 3-terrarium/2-intro-to-css/translations/README.es.md | 10 +++++-----
 3-terrarium/2-intro-to-css/translations/README.it.md | 10 +++++-----
 3-terrarium/2-intro-to-css/translations/README.ja.md |  8 ++++----
 3-terrarium/2-intro-to-css/translations/README.ko.md |  8 ++++----
 3-terrarium/2-intro-to-css/translations/README.ms.md | 10 +++++-----
 3-terrarium/solution/style.css                       |  8 ++++----
 7 files changed, 34 insertions(+), 32 deletions(-)

diff --git a/3-terrarium/2-intro-to-css/README.md b/3-terrarium/2-intro-to-css/README.md
index 44ac8dee..2bc08666 100644
--- a/3-terrarium/2-intro-to-css/README.md
+++ b/3-terrarium/2-intro-to-css/README.md
@@ -194,7 +194,7 @@ First, style the `.terrarium` div children as a rounded rectangle using CSS:
 	height: 80%;
 	width: 60%;
 	background: #d1e1df;
-	border-radius: 10%;
+	border-radius: 1rem;
 	position: absolute;
 	bottom: 0.5%;
 	left: 20%;
@@ -224,19 +224,21 @@ First, style the `.terrarium` div children as a rounded rectangle using CSS:
 }
 
 .dirt {
-	width: 58%;
+	width: 60%;
 	height: 5%;
 	background: #3a241d;
 	position: absolute;
-	border-radius: 0 0 4rem 4rem;
+	border-radius: 0 0 1rem 1rem;
 	bottom: 1%;
-	left: 21%;
+	left: 20%;
 	opacity: 0.7;
 	z-index: -1;
 }
 ```
 
-Note the use of percentages here, even for the `border-radius`. If you scale your browser down, you can see how the jar corners scale as well. Also notice the widths and height percentages for the jar elements and how each element is absolutely positioned in the center, pinned to the bottom of the viewport.
+Note the use of percentages here. If you scale your browser down, you can see how the jar scales as well. Also notice the widths and height percentages for the jar elements and how each element is absolutely positioned in the center, pinned to the bottom of the viewport.
+
+We are also using `rem` for the border-radius, a font-relative length. Read more about this type of relative measurement in the [CSS spec](https://www.w3.org/TR/css-values-3/#font-relative-lengths).
 
 ✅ Try changing the jar colors and opacity vs. those of the dirt. What happens? Why?
 
diff --git a/3-terrarium/2-intro-to-css/translations/README.es.md b/3-terrarium/2-intro-to-css/translations/README.es.md
index 39739db1..e961ebf9 100644
--- a/3-terrarium/2-intro-to-css/translations/README.es.md
+++ b/3-terrarium/2-intro-to-css/translations/README.es.md
@@ -192,7 +192,7 @@ Primero, diseñe los elementos secundarios `.terrarium` div como un rectángulo
 	height: 80%;
 	width: 60%;
 	background: #d1e1df;
-	border-radius: 10%;
+	border-radius: 1rem;
 	position: absolute;
 	bottom: 0.5%;
 	left: 20%;
@@ -222,19 +222,19 @@ Primero, diseñe los elementos secundarios `.terrarium` div como un rectángulo
 }
 
 .dirt {
-	width: 58%;
+	width: 60%;
 	height: 5%;
 	background: #3a241d;
 	position: absolute;
-	border-radius: 0 0 4rem 4rem;
+	border-radius: 0 0 1rem 1rem;
 	bottom: 1%;
-	left: 21%;
+	left: 20%;
 	opacity: 0.7;
 	z-index: -1;
 }
 ```
 
-Tenga en cuenta el uso de porcentajes aquí, incluso para el `border-radius`. Si reduce la escala de su navegador, también puede ver cómo se escalan las esquinas del frasco. Observe también los porcentajes de ancho y alto de los elementos del tarro y cómo cada elemento está absolutamente posicionado en el centro, fijado a la parte inferior de la ventana gráfica.
+Tenga en cuenta el uso de porcentajes aquí. Si reduce la escala de su navegador, también puede ver cómo se escalan las esquinas del frasco. Observe también los porcentajes de ancho y alto de los elementos del tarro y cómo cada elemento está absolutamente posicionado en el centro, fijado a la parte inferior de la ventana gráfica.
 
 ✅ Intente cambiar los colores y la opacidad del frasco frente a los de la suciedad. ¿Lo que pasa? ¿Por qué?
 
diff --git a/3-terrarium/2-intro-to-css/translations/README.it.md b/3-terrarium/2-intro-to-css/translations/README.it.md
index 54d4837c..cbb9e55e 100644
--- a/3-terrarium/2-intro-to-css/translations/README.it.md
+++ b/3-terrarium/2-intro-to-css/translations/README.it.md
@@ -194,7 +194,7 @@ Innanzitutto, si applica lo stile al div figlio `.terrarium` in modo che sia un
 	height: 80%;
 	width: 60%;
 	background: #d1e1df;
-	border-radius: 10%;
+	border-radius: 1rem;
 	position: absolute;
 	bottom: 0.5%;
 	left: 20%;
@@ -224,19 +224,19 @@ Innanzitutto, si applica lo stile al div figlio `.terrarium` in modo che sia un
 }
 
 .dirt {
-	width: 58%;
+	width: 60%;
 	height: 5%;
 	background: #3a241d;
 	position: absolute;
-	border-radius: 0 0 4rem 4rem;
+	border-radius: 0 0 1rem 1rem;
 	bottom: 1%;
-	left: 21%;
+	left: 20%;
 	opacity: 0.7;
 	z-index: -1;
 }
 ```
 
-Notare l'uso delle percentuali qui, anche per il `border-radius` (il raggio del bordo arrotondato). Se si riduce la finestra del browser, si puòi vedere come si ridimensionano anche gli angoli del barattolo. Notare anche le percentuali di larghezza e altezza per gli elementi jar e come ogni elemento sia posizionato in modo assoluto al centro, bloccato nella parte inferiore della finestra visualizzata.
+Notare l'uso delle percentuali qui. Se si riduce la finestra del browser, si puòi vedere come si ridimensionano anche gli angoli del barattolo. Notare anche le percentuali di larghezza e altezza per gli elementi jar e come ogni elemento sia posizionato in modo assoluto al centro, bloccato nella parte inferiore della finestra visualizzata.
 
 ✅ Provare a cambiare i colori e l'opacità del barattolo rispetto a quelli della terra. Che cosa accade? Perché?
 
diff --git a/3-terrarium/2-intro-to-css/translations/README.ja.md b/3-terrarium/2-intro-to-css/translations/README.ja.md
index f7e45c57..329afbff 100644
--- a/3-terrarium/2-intro-to-css/translations/README.ja.md
+++ b/3-terrarium/2-intro-to-css/translations/README.ja.md
@@ -194,7 +194,7 @@ HTML マークアップの各植物には、id とクラスの組み合わせが
 	height: 80%;
 	width: 60%;
 	background: #d1e1df;
-	border-radius: 10%;
+	border-radius: 1rem;
 	position: absolute;
 	bottom: 0.5%;
 	left: 20%;
@@ -224,13 +224,13 @@ HTML マークアップの各植物には、id とクラスの組み合わせが
 }
 
 .dirt {
-	width: 58%;
+	width: 60%;
 	height: 5%;
 	background: #3a241d;
 	position: absolute;
-	border-radius: 0 0 4rem 4rem;
+	border-radius: 0 0 1rem 1rem;
 	bottom: 1%;
-	left: 21%;
+	left: 20%;
 	opacity: 0.7;
 	z-index: -1;
 }
diff --git a/3-terrarium/2-intro-to-css/translations/README.ko.md b/3-terrarium/2-intro-to-css/translations/README.ko.md
index 4726ddfe..7f2ec695 100644
--- a/3-terrarium/2-intro-to-css/translations/README.ko.md
+++ b/3-terrarium/2-intro-to-css/translations/README.ko.md
@@ -194,7 +194,7 @@ HTML 마크업의 각 식물에는 id와 클래스의 조합이 있습니다. id
 	height: 80%;
 	width: 60%;
 	background: #d1e1df;
-	border-radius: 10%;
+	border-radius: 1rem;
 	position: absolute;
 	bottom: 0.5%;
 	left: 20%;
@@ -224,13 +224,13 @@ HTML 마크업의 각 식물에는 id와 클래스의 조합이 있습니다. id
 }
 
 .dirt {
-	width: 58%;
+	width: 60%;
 	height: 5%;
 	background: #3a241d;
 	position: absolute;
-	border-radius: 0 0 4rem 4rem;
+	border-radius: 0 0 1rem 1rem;
 	bottom: 1%;
-	left: 21%;
+	left: 20%;
 	opacity: 0.7;
 	z-index: -1;
 }
diff --git a/3-terrarium/2-intro-to-css/translations/README.ms.md b/3-terrarium/2-intro-to-css/translations/README.ms.md
index 61efb1ac..d83e4e6c 100644
--- a/3-terrarium/2-intro-to-css/translations/README.ms.md
+++ b/3-terrarium/2-intro-to-css/translations/README.ms.md
@@ -194,7 +194,7 @@ Pertama, gayakan anak-anak `.terrarium` sebagai segi empat bulat menggunakan CSS
 	height: 80%;
 	width: 60%;
 	background: #d1e1df;
-	border-radius: 10%;
+	border-radius: 1rem;
 	position: absolute;
 	bottom: 0.5%;
 	left: 20%;
@@ -224,19 +224,19 @@ Pertama, gayakan anak-anak `.terrarium` sebagai segi empat bulat menggunakan CSS
 }
 
 .dirt {
-	width: 58%;
+	width: 60%;
 	height: 5%;
 	background: #3a241d;
 	position: absolute;
-	border-radius: 0 0 4rem 4rem;
+	border-radius: 0 0 1rem 1rem;
 	bottom: 1%;
-	left: 21%;
+	left: 20%;
 	opacity: 0.7;
 	z-index: -1;
 }
 ```
 
-Perhatikan penggunaan peratusan di sini, walaupun untuk `radius sempadan (border-radius)`. Sekiranya anda menurunkan penyemak imbas anda, anda dapat melihat bagaimana skala sudut jar juga. Perhatikan juga peratusan lebar dan tinggi untuk elemen balang dan bagaimana setiap elemen benar-benar diposisikan di tengah, disematkan ke bahagian bawah pandang.
+Perhatikan penggunaan peratusan di sini. Sekiranya anda menurunkan penyemak imbas anda, anda dapat melihat bagaimana skala sudut jar juga. Perhatikan juga peratusan lebar dan tinggi untuk elemen balang dan bagaimana setiap elemen benar-benar diposisikan di tengah, disematkan ke bahagian bawah pandang.
 
 ✅ Cubalah ubah warna balang dan kelegapan berbanding kotoran. Apa yang berlaku? Kenapa?
 
diff --git a/3-terrarium/solution/style.css b/3-terrarium/solution/style.css
index 26720f45..9c627e83 100644
--- a/3-terrarium/solution/style.css
+++ b/3-terrarium/solution/style.css
@@ -43,7 +43,7 @@ h1 {
 	height: 80%;
 	width: 60%;
 	background: #d1e1df;
-	border-radius: 10%;
+	border-radius: 1rem;
 	position: absolute;
 	bottom: 0.5%;
 	left: 20%;
@@ -73,13 +73,13 @@ h1 {
 }
 
 .dirt {
-	width: 58%;
+	width: 60%;
 	height: 5%;
 	background: #3a241d;
 	position: absolute;
-	border-radius: 0 0 4rem 4rem;
+	border-radius: 0 0 1rem 1rem;
 	bottom: 1%;
-	left: 21%;
+	left: 20%;
 	opacity: 0.7;
 	z-index: -1;
 }