msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity

bank app quizzes!

Browse Source
pull/148/head
Jen Looper 4 years ago
parent 0352a299da
commit 5a7c2234e2
1 changed files with 154 additions and 198 deletions
Show Stats Download Patch File Download Diff File

352
quiz-app/src/assets/translations/en.json
Unescape View File

@ -2094,56 +2094,48 @@
}, },
{ {
"id": 41, "id": 41,
"title": "Lesson 21 - Bank Project: Pre-Lecture Quiz", "title": "Lesson 21 - Bank Project - HTML Templates and Routes in a Web App: Pre-Lecture Quiz",
"quiz": [ "quiz": [
{ {
"questionText": "", "questionText": "You need to create multiple HTML files to display different screens in a web app",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "false"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "You can store and persist data locally in a web app",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "true"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "false"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "What's the best data provider for a web app?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "A local database",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "A JavaScript object",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "A server with a JSON API",
"isCorrect": "" "isCorrect": "true"
} }
] ]
} }
@ -2151,56 +2143,52 @@
}, },
{ {
"id": 42, "id": 42,
"title": "Lesson 21 - Bank Project: Post-Lecture Quiz", "title": "Lesson 21 - Bank Project HTML Templates and Routes in a Web App: Post-Lecture Quiz",
"quiz": [ "quiz": [
{ {
"questionText": "", "questionText": "HTML templates are part of the DOM by default",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "false"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "Which part of the URL is needed for routing?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "window.location.pathname",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "window.location.origin",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "both",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "What's the name of the event triggered when calling the history.pushState() function?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "pushstate",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "popstate",
"isCorrect": "" "isCorrect": "true"
}, },
{ {
"answerText": "", "answerText": "navigate",
"isCorrect": "" "isCorrect": "false"
} }
] ]
} }
@ -2208,56 +2196,44 @@
}, },
{ {
"id": 43, "id": 43,
"title": "Lesson 22 - Bank Project: Pre-Lecture Quiz", "title": "Lesson 22 - Bank Project - Build a Login and Registration Form: Pre-Lecture Quiz",
"quiz": [ "quiz": [
{ {
"questionText": "", "questionText": "HTML forms allow to send user input to a server without using JavaScript",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "true"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "false"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "<label> elements are mandatory for every form control",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "false"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "It is secure to send form data to a server over HTTP",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "false"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "true"
} }
] ]
} }
@ -2265,56 +2241,52 @@
}, },
{ {
"id": 44, "id": 44,
"title": "Lesson 22 - Bank Project: Post-Lecture Quiz", "title": "Lesson 22 - Bank Project - Build a Login and Registration Form: Post-Lecture Quiz",
"quiz": [ "quiz": [
{ {
"questionText": "", "questionText": "Using <label> elements in forms is only for making the form pretty",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "false"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "How can you define how a form is sent to the server?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "using the action attribute",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "using the method attribute",
"isCorrect": "" "isCorrect": "true"
}, },
{ {
"answerText": "", "answerText": "both",
"isCorrect": "" "isCorrect": "false"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "Which attribute can you use to set the maximum size of a text <input>?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "max",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "maxlength",
"isCorrect": "" "isCorrect": "true"
}, },
{ {
"answerText": "", "answerText": "pattern",
"isCorrect": "" "isCorrect": "false"
} }
] ]
} }
@ -2322,56 +2294,48 @@
}, },
{ {
"id": 45, "id": 45,
"title": "Lesson 23 - Bank Project: Pre-Lecture Quiz", "title": "Lesson 23 - Bank Project - Methods of Fetching and Using Data: Pre-Lecture Quiz",
"quiz": [ "quiz": [
{ {
"questionText": "", "questionText": "You can fetch data from a server synchronously in a browser",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "true"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "false"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "What's the most common format used to exchange data on the web?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "HTML",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "XML",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "JSON",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "There's no way to prevent a web page from accessing a public server API",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "false"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "true"
} }
] ]
} }
@ -2379,56 +2343,52 @@
}, },
{ {
"id": 46, "id": 46,
"title": "Lesson 23 - Bank Project: Pre-Lecture Quiz", "title": "Lesson 23 - Bank Project Methods of Fetching and Using Data: Post-Lecture Quiz",
"quiz": [ "quiz": [
{ {
"questionText": "", "questionText": "In a Single-page application, the HTML is loaded once and never updated",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "false"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "Why is it important to not trust data coming from user input?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "because using special characters can make the UI ugly.",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "because it can contain non-sense or offensive words.",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "because it can be used as vector of attack to execute malicious scripts.",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "What's the API name for sending asynchronous HTTP requests to a web server?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "request()",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "fetch()",
"isCorrect": "" "isCorrect": "true"
}, },
{ {
"answerText": "", "answerText": "ajax()",
"isCorrect": "" "isCorrect": "false"
} }
] ]
} }
@ -2436,56 +2396,56 @@
}, },
{ {
"id": 47, "id": 47,
"title": "Lesson 24 - Bank Project: Pre-Lecture Quiz", "title": "Lesson 24 - Bank Project - Concepts of State Management: Pre-Lecture Quiz",
"quiz": [ "quiz": [
{ {
"questionText": "", "questionText": "What is an immutable object?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "An object defined as a constant",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "An object that cannot be modified after it's created",
"isCorrect": "" "isCorrect": "true"
}, },
{ {
"answerText": "", "answerText": "A copy of an existing object",
"isCorrect": "" "isCorrect": "false"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "What benefit(s) do you get from using state management?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "You can keep track of every place the state is updated",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "It's easier to debug the code",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "All of the above",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "What's the best way to persist critical user data across different sessions?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "Using files",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "Using the browser's localStorage API",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "In a database behind a server API",
"isCorrect": "" "isCorrect": "true"
} }
] ]
} }
@ -2493,56 +2453,52 @@
}, },
{ {
"id": 48, "id": 48,
"title": "Lesson 24 - Bank Project: Post-Lecture Quiz", "title": "Lesson 24 - Bank Project - Concepts of State Management: Post-Lecture Quiz",
"quiz": [ "quiz": [
{ {
"questionText": "", "questionText": "What do you think state management means?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "Enforcement of law & order",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "Logging the user interface state over time",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "Keeping your app data flows clean and synchronizing the user interface with data",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "How can you keep track of the user session state?",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "HTTP cookies",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "Local or session storage",
"isCorrect": "" "isCorrect": "false"
}, },
{ {
"answerText": "", "answerText": "All of the above",
"isCorrect": "" "isCorrect": "true"
} }
] ]
}, },
{ {
"questionText": "", "questionText": "Mutating an object is always the best way to update it",
"answerOptions": [ "answerOptions": [
{ {
"answerText": "", "answerText": "true",
"isCorrect": "" "isCorrect": "false"
},
{
"answerText": "",
"isCorrect": ""
}, },
{ {
"answerText": "", "answerText": "false",
"isCorrect": "" "isCorrect": "true"
} }
] ]
} }

Write Preview
Loading…
Cancel
Save