diff --git a/2-js-basics/2-functions-methods/README.md b/2-js-basics/2-functions-methods/README.md index 4c75ca35..f65109dd 100644 --- a/2-js-basics/2-functions-methods/README.md +++ b/2-js-basics/2-functions-methods/README.md @@ -4,7 +4,7 @@ > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9) When we think about writing code, we always want to ensure our code is readable. While this sounds counterintuitive, code is read many more times than it's written. One core tool in a developer's toolbox to ensure maintainable code is the **function**. @@ -181,7 +181,7 @@ You've now seen we have three ways to pass a function as a parameter and might b Can you articulate in one sentence the difference between functions and methods? Give it a try! ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10) ## Review & Self Study diff --git a/2-js-basics/3-making-decisions/README.md b/2-js-basics/3-making-decisions/README.md index 18a28f1f..43c6debf 100644 --- a/2-js-basics/3-making-decisions/README.md +++ b/2-js-basics/3-making-decisions/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11) Making decisions and controlling the order in which your code runs makes your code reusable and robust. This section covers the syntax for controlling data flow in JavaScript and its significance when used with Boolean data types @@ -28,10 +28,10 @@ Operators are used to evaluate conditions by making comparisons that will create | Symbol | Description | Example | | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | -| `<` | **Less than**: Compares two values and returns the `true` Boolean data type if the value on the left side is less than the right | `5 < 6 // true` | -| `<=` | **Less than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is less than or equal to the right | `5 <= 6 // true` | -| `>` | **Greater than**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than the right | `5 > 6 // false` | -| `>=` | **Greater than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than or equal to the right | `5 >= 6 // false` | +| `<` | **Less than**: Compares two values and returns the `true` Boolean data type if the value on the left side is less than the right | `5 < 6 // true` | +| `<=` | **Less than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is less than or equal to the right | `5 <= 6 // true` | +| `>` | **Greater than**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than the right | `5 > 6 // false` | +| `>=` | **Greater than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than or equal to the right | `5 >= 6 // false` | | `===` | **Strict equality**: Compares two values and returns the `true` Boolean data type if values on the right and left are equal AND are the same data type. | `5 === 6 // false` | | `!==` | **Inequality**: Compares two values and returns the opposite Boolean value of what a strict equality operator would return | `5 !== 6 // true` | @@ -162,7 +162,7 @@ Create a program that is written first with logical operators, and then rewrite ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12) ## Review & Self Study diff --git a/2-js-basics/4-arrays-loops/README.md b/2-js-basics/4-arrays-loops/README.md index b4dc64e1..ebc4d75d 100644 --- a/2-js-basics/4-arrays-loops/README.md +++ b/2-js-basics/4-arrays-loops/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13) This lesson covers the basics of JavaScript, the language that provides interactivity on the web. In this lesson, you'll learn about arrays and loops, which are used to manipulate data. @@ -114,7 +114,7 @@ There are other ways of looping over arrays other than for and while loops. Ther ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14) ## Review & Self Study diff --git a/3-terrarium/1-intro-to-html/.github/post-lecture-quiz.md b/3-terrarium/1-intro-to-html/.github/post-lecture-quiz.md index 34304f86..36169b05 100644 --- a/3-terrarium/1-intro-to-html/.github/post-lecture-quiz.md +++ b/3-terrarium/1-intro-to-html/.github/post-lecture-quiz.md @@ -1,17 +1,17 @@ *Complete this quiz after the lesson by checking one answer per question.* -1. [Spans and Divs are interchangeable] +1. Spans and Divs are interchangeable -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false -2. [The head of an HTML doc can contain:] +2. The head of an HTML doc can contain: -- [ ] [the title tag] -- [ ] [metadata] -- [ ] [all the above] +- [ ] the title tag +- [ ] metadata +- [ ] all the above -3. [You can't use deprecated tags in your markup] -- [ ] [true] -- [ ] [false] -- [ ] [false, but they have been deprecated for good reason] \ No newline at end of file +3. You can't use deprecated tags in your markup +- [ ] true +- [ ] false +- [ ] false, but they have been deprecated for good reason diff --git a/3-terrarium/1-intro-to-html/.github/pre-lecture-quiz.md b/3-terrarium/1-intro-to-html/.github/pre-lecture-quiz.md index feb8ab0b..34256529 100644 --- a/3-terrarium/1-intro-to-html/.github/pre-lecture-quiz.md +++ b/3-terrarium/1-intro-to-html/.github/pre-lecture-quiz.md @@ -4,16 +4,16 @@ Complete this quiz in class 1. HTML stands for 'HyperText Mockup Language' -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 2. All HTML tags need both opening and closing tags -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 3. Using semantic markup is most important for -- [ ] [code readability] -- [ ] [screen readers] -- [ ] [maintenance] \ No newline at end of file +- [ ] code readability +- [ ] screen readers +- [ ] maintenance diff --git a/3-terrarium/1-intro-to-html/README.md b/3-terrarium/1-intro-to-html/README.md index 61ebfaf9..32f4d7dc 100644 --- a/3-terrarium/1-intro-to-html/README.md +++ b/3-terrarium/1-intro-to-html/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15) ### Introduction @@ -217,7 +217,7 @@ There are some wild 'older' tags in HTML that are still fun to play with, though ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16) ## Review & Self Study diff --git a/3-terrarium/2-intro-to-css/.github/post-lecture-quiz.md b/3-terrarium/2-intro-to-css/.github/post-lecture-quiz.md index 1ed542d9..9303572d 100644 --- a/3-terrarium/2-intro-to-css/.github/post-lecture-quiz.md +++ b/3-terrarium/2-intro-to-css/.github/post-lecture-quiz.md @@ -4,18 +4,18 @@ You will need to reference the following learn module to complete the quiz: [Work with CSS](https://docs.microsoft.com/en-us/learn/modules/build-simple-website/4-css-basics) -1. [You can write CSS directly in the head section of your HTML file] +1. You can write CSS directly in the head section of your HTML file -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false -1. [It's always necessary to include CSS in your app] +1. It's always necessary to include CSS in your app -- [ ] [true] -- [ ] [false] -- [ ] [false, but if you want it to look good you need CSS] +- [ ] true +- [ ] false +- [ ] false, but if you want it to look good you need CSS -1. [Which browser tool can be used to inspect CSS?] -- [ ] [Elements] -- [ ] [Styles] -- [ ] [Network] \ No newline at end of file +1. Which browser tool can be used to inspect CSS? +- [ ] Elements +- [ ] Styles +- [ ] Network diff --git a/3-terrarium/2-intro-to-css/.github/pre-lecture-quiz.md b/3-terrarium/2-intro-to-css/.github/pre-lecture-quiz.md index 39d1ba56..29fa3371 100644 --- a/3-terrarium/2-intro-to-css/.github/pre-lecture-quiz.md +++ b/3-terrarium/2-intro-to-css/.github/pre-lecture-quiz.md @@ -4,15 +4,15 @@ Complete this quiz in class 1. HTML elements must have either a class or an id in order to be styled -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 2. CSS stands for 'Complete Style Sheets' -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 3. CSS can be used to create animations -- [ ] [true] -- [ ] [false] \ No newline at end of file +- [ ] true +- [ ] false diff --git a/3-terrarium/2-intro-to-css/README.md b/3-terrarium/2-intro-to-css/README.md index c6e25df7..6d9838a0 100644 --- a/3-terrarium/2-intro-to-css/README.md +++ b/3-terrarium/2-intro-to-css/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/17) ### Introduction @@ -252,7 +252,7 @@ To complete the post-lecture quiz, go through this Learn module: [Style your HTM ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/18) ## Review & Self Study diff --git a/3-terrarium/3-intro-to-DOM-and-closures/.github/post-lecture-quiz.md b/3-terrarium/3-intro-to-DOM-and-closures/.github/post-lecture-quiz.md index 932f55e2..5fc1e548 100644 --- a/3-terrarium/3-intro-to-DOM-and-closures/.github/post-lecture-quiz.md +++ b/3-terrarium/3-intro-to-DOM-and-closures/.github/post-lecture-quiz.md @@ -1,18 +1,18 @@ *Complete this quiz after the lesson by checking one answer per question.* -1. [The DOM is a model to represent a document on the web] +1. The DOM is a model to represent a document on the web -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false -2. [Use JavaScript closures to perform the following:] +2. Use JavaScript closures to perform the following: -- [ ] [write functions within functions] -- [ ] [enclose the DOM] -- [ ] [close script blocks] +- [ ] write functions within functions +- [ ] enclose the DOM +- [ ] close script blocks -3. [Fill in the blank: Closures are useful when one or more functions need to access an outer function's ______] +3. Fill in the blank: Closures are useful when one or more functions need to access an outer function's... -- [ ] [arrays] -- [ ] [scope] -- [ ] [functions] \ No newline at end of file +- [ ] arrays +- [ ] scope +- [ ] functions diff --git a/3-terrarium/3-intro-to-DOM-and-closures/.github/pre-lecture-quiz.md b/3-terrarium/3-intro-to-DOM-and-closures/.github/pre-lecture-quiz.md index 16fef69a..7212a2e8 100644 --- a/3-terrarium/3-intro-to-DOM-and-closures/.github/pre-lecture-quiz.md +++ b/3-terrarium/3-intro-to-DOM-and-closures/.github/pre-lecture-quiz.md @@ -4,15 +4,15 @@ Complete this quiz in class 1. The DOM stands for 'Document Object Management' -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 2. The DOM can be thought of as a tree -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 3. Using the Web API, you can manipulate the DOM -- [ ] [true] -- [ ] [false] \ No newline at end of file +- [ ] true +- [ ] false diff --git a/3-terrarium/3-intro-to-DOM-and-closures/README.md b/3-terrarium/3-intro-to-DOM-and-closures/README.md index 7c0f93ae..329aa963 100644 --- a/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/19) ### Introduction @@ -201,7 +201,7 @@ Add new event handler to your closure to do something more to the plants; for ex ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/20) ## Review & Self Study diff --git a/3-terrarium/translations/README.es.md b/3-terrarium/translations/README.es.md index 5f5558c6..13691012 100644 --- a/3-terrarium/translations/README.es.md +++ b/3-terrarium/translations/README.es.md @@ -2,7 +2,7 @@ Una pequeña meditación de código de arrastrar y soltar. Con un poco de HTML, JS y CSS, puede crear una interfaz web, darle estilo y agregar una interacción. -![mi terrario](screenshot_gray.png) +![mi terrario](../images/screenshot_gray.png) # Lessons diff --git a/4-typing-game/typing-game/README.md b/4-typing-game/typing-game/README.md index 7a10fd91..68145a62 100644 --- a/4-typing-game/typing-game/README.md +++ b/4-typing-game/typing-game/README.md @@ -2,7 +2,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](../.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/21) ## Event driven programming @@ -326,7 +326,7 @@ Add more functionality ## Post-Lecture Quiz -[Post-lecture quiz](../.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/22) ## Review & Self Study diff --git a/5-browser-extension/1-about-browsers/README.md b/5-browser-extension/1-about-browsers/README.md index aeeff00b..7a17c0b2 100644 --- a/5-browser-extension/1-about-browsers/README.md +++ b/5-browser-extension/1-about-browsers/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/23) ### Introduction @@ -150,7 +150,7 @@ Take a look at a browser extension store and install one to your browser. You ca ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/24) ## Review & Self Study diff --git a/5-browser-extension/2-forms-browsers-local-storage/README.md b/5-browser-extension/2-forms-browsers-local-storage/README.md index 5e75b983..078aeacc 100644 --- a/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -2,7 +2,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/25) ### Introduction @@ -210,7 +210,7 @@ We've discussed several types of API so far in these lessons. Choose a web API a ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/26) ## Review & Self Study diff --git a/5-browser-extension/3-background-tasks-and-performance/README.md b/5-browser-extension/3-background-tasks-and-performance/README.md index f05fa66e..2eb7aa82 100644 --- a/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/5-browser-extension/3-background-tasks-and-performance/README.md @@ -2,7 +2,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/27) ### Introduction @@ -147,7 +147,7 @@ Investigate some open source web sites have been around a long time ago, and, ba ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/28) ## Review & Self Study diff --git a/5-browser-extension/translations/README.es.md b/5-browser-extension/translations/README.es.md index 4234139b..38600e89 100644 --- a/5-browser-extension/translations/README.es.md +++ b/5-browser-extension/translations/README.es.md @@ -14,7 +14,7 @@ Esta extensión puede ser llamada ad hoc por un usuario una vez que se ingresa u ### Créditos -![a green browser extension](extension-screenshot.png) +![a green browser extension](../extension-screenshot.png) ## Créditos diff --git a/6-space-game/translations/README.es.md b/6-space-game/translations/README.es.md index 1ed1c433..ac4bf3b6 100644 --- a/6-space-game/translations/README.es.md +++ b/6-space-game/translations/README.es.md @@ -4,7 +4,7 @@ Un juego espacial para enseñar los fundamentos de JavaScript más avanzados En esta lección aprenderás a construir tu propio juego espacial. Si alguna vez has jugado al juego "Space Invaders", este juego tiene la misma idea: dirigir una nave espacial y disparar a los monstruos que vienen desde arriba. Así es como se verá el juego terminado: -![Finished game](pewpew.gif) +![Finished game](../images/pewpew.gif) En estas seis lecciones aprenderá lo siguiente: @@ -23,4 +23,4 @@ En estas seis lecciones aprenderá lo siguiente: - [Mover elementos por la pantalla](moving-elements-around/README.md) - [Detección de colisiones](collision-detection/README.md) - [Manteniendo la puntuación](keeping-score/README.md) - - [Finalizar y reiniciar el juego](end-condition/README.md) \ No newline at end of file + - [Finalizar y reiniciar el juego](end-condition/README.md) diff --git a/quiz-app/src/assets/translations/en.json b/quiz-app/src/assets/translations/en.json index 3d586483..84c5189d 100644 --- a/quiz-app/src/assets/translations/en.json +++ b/quiz-app/src/assets/translations/en.json @@ -6,7 +6,7 @@ "quizzes": [ { "id": 1, - "title": "Lesson 1: Pre-Lecture Quiz", + "title": "Lesson 1 - Intro to Programming Languages: Pre-Lecture Quiz", "quiz": [ { "questionText": "A program can be created without the creator writing any code", @@ -59,7 +59,7 @@ }, { "id": 2, - "title": "Lesson 1: Post-Lecture Quiz", + "title": "Lesson 1 - Intro to Programming Languages: Post-Lecture Quiz", "quiz": [ { "questionText": "What language would you most likely use to create a website?", @@ -112,7 +112,7 @@ }, { "id": 3, - "title": "Lesson 2: Pre-Lecture Quiz", + "title": "Lesson 2 - Introduction to GitHub: Pre-Lecture Quiz", "quiz": [ { "questionText": "How do you create a Git repo?", @@ -169,7 +169,7 @@ }, { "id": 4, - "title": "Lesson 2: Post-Lecture Quiz", + "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:", @@ -226,7 +226,7 @@ }, { "id": 5, - "title": "Lesson 3: Pre-Lecture Quiz", + "title": "Lesson 3 - Creating Accessible Webpages: Pre-Lecture Quiz", "quiz": [ { "questionText": "An accessible web site can be checked in which browser tool", @@ -275,7 +275,7 @@ }, { "id": 6, - "title": "Lesson 3: Post-Lecture Quiz", + "title": "Lesson 3 - Creating Accessible Webpages: Post-Lecture Quiz", "quiz": [ { "questionText": "Lighthouse only checks for accessibility problems", @@ -324,7 +324,7 @@ }, { "id": 7, - "title": "Lesson 4: Pre-Lecture Quiz", + "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", @@ -373,7 +373,7 @@ }, { "id": 8, - "title": "Lesson 4: Post-Lecture Quiz", + "title": "Lesson 4 - JavaScript Basics - Data Types: Post-Lecture Quiz", "quiz": [ { "questionText": "Constants are the same as let and var to declare variables except", @@ -426,7 +426,1067 @@ }, { "id": 9, - "title": "Lesson 5: Pre-Lecture Quiz", + "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: Pre-Lecture Quiz", "quiz": [ { "questionText": "", @@ -482,8 +1542,8 @@ ] }, { - "id": 10, - "title": "Lesson 5: Post-Lecture Quiz", + "id": 30, + "title": "Lesson 15 - Space Game: Post-Lecture Quiz", "quiz": [ { "questionText": "", @@ -539,8 +1599,8 @@ ] }, { - "id": 11, - "title": "Lesson 6: Pre-Lecture Quiz", + "id": 31, + "title": "Lesson 16 - Space Game: Pre-Lecture Quiz", "quiz": [ { "questionText": "", @@ -596,8 +1656,8 @@ ] }, { - "id": 12, - "title": "Lesson 6: Post-Lecture Quiz", + "id": 32, + "title": "Lesson 16 - Space Game: Post-Lecture Quiz", "quiz": [ { "questionText": "", @@ -653,8 +1713,8 @@ ] }, { - "id": 13, - "title": "Lesson 7: Pre-Lecture Quiz", + "id": 33, + "title": "Lesson 17 - Space Game: Pre-Lecture Quiz", "quiz": [ { "questionText": "", @@ -710,8 +1770,8 @@ ] }, { - "id": 14, - "title": "Lesson 7: Post-Lecture Quiz", + "id": 34, + "title": "Lesson 17 - Space Game: Post-Lecture Quiz", "quiz": [ { "questionText": "", @@ -767,8 +1827,8 @@ ] }, { - "id": 15, - "title": "Lesson 8: Pre-Lecture Quiz", + "id": 35, + "title": "Lesson 18 - Space Game: Pre-Lecture Quiz", "quiz": [ { "questionText": "", @@ -824,8 +1884,8 @@ ] }, { - "id": 16, - "title": "Lesson 8: Post-Lecture Quiz", + "id": 36, + "title": "Lesson 18 - Space Game: Post-Lecture Quiz", "quiz": [ { "questionText": "", @@ -881,8 +1941,8 @@ ] }, { - "id": 17, - "title": "Lesson 9: Pre-Lecture Quiz", + "id": 37, + "title": "Lesson 19 - Space Game: Pre-Lecture Quiz", "quiz": [ { "questionText": "", @@ -938,8 +1998,8 @@ ] }, { - "id": 18, - "title": "Lesson 9: Post-Lecture Quiz", + "id": 38, + "title": "Lesson 19 - Space Game: Post-Lecture Quiz", "quiz": [ { "questionText": "", @@ -995,8 +2055,8 @@ ] }, { - "id": 19, - "title": "Lesson 10: Pre-Lecture Quiz", + "id": 39, + "title": "Lesson 20 - Space Game: Pre-Lecture Quiz", "quiz": [ { "questionText": "", @@ -1052,8 +2112,8 @@ ] }, { - "id": 20, - "title": "Lesson 10: Post-Lecture Quiz", + "id": 40, + "title": "Lesson 20 - Space Game: Post-Lecture Quiz", "quiz": [ { "questionText": "", @@ -1109,8 +2169,8 @@ ] }, { - "id": 21, - "title": "Lesson 11: Pre-Lecture Quiz", + "id": 41, + "title": "Lesson 21 - Bank Project: Pre-Lecture Quiz", "quiz": [ { "questionText": "", @@ -1166,8 +2226,8 @@ ] }, { - "id": 22, - "title": "Lesson 11: Post-Lecture Quiz", + "id": 42, + "title": "Lesson 21 - Bank Project: Post-Lecture Quiz", "quiz": [ { "questionText": "", @@ -1223,8 +2283,8 @@ ] }, { - "id": 23, - "title": "Lesson 12: Pre-Lecture Quiz", + "id": 43, + "title": "Lesson 22 - Bank Project: Pre-Lecture Quiz", "quiz": [ { "questionText": "", @@ -1280,8 +2340,236 @@ ] }, { - "id": 24, - "title": "Lesson 12: Post-Lecture Quiz", + "id": 44, + "title": "Lesson 22 - Bank Project: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 45, + "title": "Lesson 23 - Bank Project: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 46, + "title": "Lesson 23 - Bank Project: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 47, + "title": "Lesson 24 - Bank Project: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 48, + "title": "Lesson 24 - Bank Project: Post-Lecture Quiz", "quiz": [ { "questionText": "", diff --git a/quiz-app/src/components/Quiz.vue b/quiz-app/src/components/Quiz.vue index 14185123..08ac27cf 100644 --- a/quiz-app/src/components/Quiz.vue +++ b/quiz-app/src/components/Quiz.vue @@ -1,7 +1,10 @@