mirror of
https://github.com/microsoft/Web-Dev-For-Beginners.git
synced 2025-08-12 17:54:22 +02:00
lesson 7 quiz relinking
This commit is contained in:
Jen Looper
@@ -1,18 +0,0 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. HTML templates are part of the DOM by default
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. Which part of the URL is needed for routing?
|
||||
|
||||
- [ ] window.location.pathname
|
||||
- [ ] window.location.origin
|
||||
- [ ] both
|
||||
|
||||
3. What's the name of the event triggered when calling the `history.pushState()` function?
|
||||
|
||||
- [ ] `pushstate`
|
||||
- [ ] `popstate`
|
||||
- [ ] `navigate`
|
||||
@@ -1,19 +0,0 @@
|
||||
*A quick warm-up about web apps*
|
||||
|
||||
*Complete this quiz in class.*
|
||||
|
||||
1. You need to create multiple HTML files to display different screens in a web app
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. You can store and persist data locally in a web app
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. What's the best data provider for a web app?
|
||||
|
||||
- [ ] A local database
|
||||
- [ ] A JavaScript object
|
||||
- [ ] A server with a JSON API
|
||||
@@ -1,18 +0,0 @@
|
||||
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
|
||||
|
||||
1. HTML टेम्पलेट डिफ़ॉल्ट रूप से DOM का हिस्सा हैं
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
|
||||
2. रूटिंग के लिए URL के किस भाग की आवश्यकता है?
|
||||
|
||||
- [ ] window.location.pathname
|
||||
- [ ] window.location.origin
|
||||
- [ ] दोनों
|
||||
|
||||
3. `History.pushState()` फ़ंक्शन को कॉल करते समय का घटना का नाम क्या है?
|
||||
|
||||
- [ ] `pushstate`
|
||||
- [ ] `popstate`
|
||||
- [ ] `navigate`
|
||||
@@ -1,19 +0,0 @@
|
||||
_वेब ऐप्स के बारे में एक त्वरित वार्म-अप_
|
||||
|
||||
_इस क्विज को कक्षा में पूरा करें._
|
||||
|
||||
1. वेब ऐप में अलग-अलग स्क्रीन प्रदर्शित करने के लिए आपको कई HTML फाइल बनाने की आवश्यकता है
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
|
||||
2. आप वेब ऐप में स्थानीय रूप से डेटा स्टोर और बनाये रख सकते हैं
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
|
||||
3. वेब ऐप के लिए सबसे अच्छा डेटा प्रदाता क्या है?
|
||||
|
||||
- [ ] एक स्थानीय डेटाबेस
|
||||
- [ ] एक जावास्क्रिप्ट वस्तु
|
||||
- [ ] JSON API वाला सर्वर
|
||||
@@ -1,8 +1,6 @@
|
||||
# Plantillas HTML y rutas en una aplicación web
|
||||
|
||||
<!--  -->
|
||||
|
||||
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
|
||||
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/41)
|
||||
|
||||
### Introducción
|
||||
|
||||
@@ -279,7 +277,7 @@ Ahora intente utilizar los botones de avance y retroceso de sus navegadores y co
|
||||
|
||||
Agregue una nueva plantilla y ruta para una tercera página que muestre los créditos de esta aplicación.
|
||||
|
||||
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
|
||||
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/42)
|
||||
|
||||
## Revisión y autoestudio
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/41?loc=ko)
|
||||
|
||||
### 소개
|
||||
|
||||
@@ -284,7 +284,7 @@ updateRoute();
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/42?loc=ko)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. Using `<label>` elements in forms is only for making the form pretty
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. How can you define how a form is sent to the server?
|
||||
|
||||
- [ ] using the `action` attribute
|
||||
- [ ] using the `method` attribute
|
||||
- [ ] both
|
||||
|
||||
3. Which attribute can you use to set the maximum size of a text `<input>`?
|
||||
- [ ] `max`
|
||||
- [ ] `maxlength`
|
||||
- [ ] `pattern`
|
||||
@@ -1,16 +0,0 @@
|
||||
*Complete this quiz in class.*
|
||||
|
||||
1. HTML forms allow to send user input to a server without using JavaScript
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. `<label>` elements are mandatory for every form control
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
3. It is secure to send form data to a server over HTTP
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
@@ -1,18 +0,0 @@
|
||||
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
|
||||
|
||||
1. रूपों में `<label>` तत्वों का उपयोग केवल फ़ॉर्म को सुंदर बनाने के लिए है
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
|
||||
2. आप कैसे परिभाषित कर सकते हैं कि एक फॉर्म सर्वर पर कैसे भेजा जाता है?
|
||||
|
||||
- [ ] `action` विशेषता का उपयोग करना
|
||||
- [ ] `method` विशेषता का उपयोग करना
|
||||
- [ ] दोनों
|
||||
|
||||
3. <input> पाठ के अधिकतम आकार को सेट करने के लिए आप किस विशेषता का उपयोग कर सकते हैं?
|
||||
|
||||
- [ ] `max`
|
||||
- [ ] `maxlength`
|
||||
- [ ] `pattern`
|
||||
@@ -1,16 +0,0 @@
|
||||
_इस क्विज को कक्षा में पूरा करें._
|
||||
|
||||
1. HTML फ़ॉर्म जावास्क्रिप्ट का उपयोग किए बिना एक सर्वर से उपयोगकर्ता इनपुट भेजने की अनुमति देते हैं
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
|
||||
2. `<label>` तत्व हर फॉर्म नियंत्रण के लिए अनिवार्य हैं
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
|
||||
3. HTTP पर सर्वर पर फ़ॉर्म डेटा भेजना सुरक्षित है
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
@@ -1,6 +1,6 @@
|
||||
# Cree un formulario de inicio de sesión y registro
|
||||
|
||||
## [Prueba previa a la conferencia](../.github/prelecture-quiz.md)
|
||||
## [Prueba previa a la conferencia](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/43)
|
||||
|
||||
### Introducción
|
||||
|
||||
@@ -280,7 +280,7 @@ Aquí hay un ejemplo de cómo puede verse la página de inicio de sesión final
|
||||
|
||||
|
||||
|
||||
## [Prueba posterior a la conferencia](../.github/post-lecture-quiz.md)
|
||||
## [Prueba posterior a la conferencia](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/44)
|
||||
|
||||
## Revisión y autoestudio
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/43?loc=ko)
|
||||
|
||||
### 소개
|
||||
|
||||
@@ -279,7 +279,7 @@ async function register() {
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/44?loc=ko)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. In a Single-page application, the HTML is loaded once and never updated:
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. Why is it important to not trust data coming from user input?
|
||||
|
||||
- [ ] because using special characters can make the UI ugly.
|
||||
- [ ] because it can contain non-sense or offensive words.
|
||||
- [ ] because it can be used as vector of attack to execute malicious scripts.
|
||||
|
||||
3. What's the API name for sending asynchronous HTTP requests to a web server?
|
||||
- [ ] `request()`
|
||||
- [ ] `fetch()`
|
||||
- [ ] `ajax()`
|
||||
@@ -1,16 +0,0 @@
|
||||
*Complete this quiz in class.*
|
||||
|
||||
1. You usually fetch data from a server synchronously in a browser
|
||||
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
|
||||
2. What's the most common format used to exchange *data* on the web?
|
||||
|
||||
- [ ] HTML
|
||||
- [ ] XML
|
||||
- [ ] JSON
|
||||
|
||||
3. There's no way to prevent a web page from accessing a public server API
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
@@ -1,18 +0,0 @@
|
||||
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
|
||||
|
||||
1. सिंगल-पेज एप्लिकेशन में, HTML एक बार लोड होता है और कभी अपडेट नहीं होता है:
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
|
||||
2. उपयोगकर्ता इनपुट से आने वाले डेटा पर भरोसा नहीं करना क्यों महत्वपूर्ण है?
|
||||
|
||||
- [ ] क्योंकि विशेष वर्णों का उपयोग करने से UI बदसूरत हो सकता है.
|
||||
- [ ] क्योंकि इसमें गैर-अर्थ या आपत्तिजनक शब्द हो सकते हैं.
|
||||
- [ ] क्योंकि यह दुर्भावनापूर्ण स्क्रिप्ट को निष्पादित करने के लिए हमले के वेक्टर के रूप में इस्तेमाल किया जा सकता है.
|
||||
|
||||
3. वेब सर्वर पर असिंक्रोनोस HTTP अनुरोध भेजने के लिए एपीआई नाम क्या है?
|
||||
|
||||
- [ ] `request()`
|
||||
- [ ] `fetch()`
|
||||
- [ ] `ajax()`
|
||||
@@ -1,17 +0,0 @@
|
||||
_इस क्विज को कक्षा में पूरा करें._
|
||||
|
||||
1. आप किसी ब्राउज़र में सर्वर से डेटा को सिंक्रोनाइज़ कर सकते हैं
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
|
||||
2. वेब पर _डेटा_ का आदान-प्रदान करने के लिए सबसे आम प्रारूप क्या है?
|
||||
|
||||
- [ ] HTML
|
||||
- [ ] XML
|
||||
- [ ] JSON
|
||||
|
||||
3. सार्वजनिक सर्वर API तक वेब पेज को रोकने का कोई तरीका नहीं है
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
! [Insertar un video aquí](video-url)
|
||||
|
||||
## [Prueba previa a la conferencia](../.github/prelecture-quiz.md)
|
||||
## [Prueba previa a la conferencia](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/45)
|
||||
|
||||
[Describe lo que aprenderemos]
|
||||
|
||||
@@ -52,7 +52,7 @@ bloques de código
|
||||
|
||||
Opcional: agregue una captura de pantalla de la interfaz de usuario de la lección completa si corresponde
|
||||
|
||||
## [Prueba posterior a la conferencia](../.github/post-lecture-quiz.md)
|
||||
## [Prueba posterior a la conferencia]((https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/46)
|
||||
|
||||
## Revisión y autoestudio
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/45?loc=ko)
|
||||
|
||||
### 소개
|
||||
|
||||
@@ -319,7 +319,7 @@ function updateElement(id, textOrNode) {
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/46?loc=ko)
|
||||
|
||||
## 과제
|
||||
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
*Complete this quiz by checking one answer per question.*
|
||||
|
||||
1. What do you think *state management* means?
|
||||
|
||||
- [ ] Enforcement of law & order
|
||||
- [ ] Logging the user interface state over time
|
||||
- [ ] Keeping your app data flows clean and synchronizing the user interface with data
|
||||
|
||||
2. How can you keep track of the user session state?
|
||||
|
||||
- [ ] HTTP cookies
|
||||
- [ ] Local or session storage
|
||||
- [ ] All of the above
|
||||
|
||||
3. Mutating an object is always the best way to update it
|
||||
- [ ] true
|
||||
- [ ] false
|
||||
@@ -1,18 +0,0 @@
|
||||
*Complete this quiz in class.*
|
||||
|
||||
1. What is an immutable object?
|
||||
|
||||
- [ ] An object defined as a constant
|
||||
- [ ] An object that cannot be modified after it's created
|
||||
- [ ] A copy of an existing object
|
||||
|
||||
2. What benefit(s) you get from using state management?
|
||||
|
||||
- [ ] You can keep track of every place the state is updated
|
||||
- [ ] It's easier to debug the code
|
||||
- [ ] All of the above
|
||||
|
||||
3. What's the best way to persist critical user data across different sessions?
|
||||
- [ ] Using files
|
||||
- [ ] Using the browser's `localStorage` API
|
||||
- [ ] In a database behind a server API
|
||||
@@ -1,18 +0,0 @@
|
||||
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
|
||||
|
||||
1. _स्टेट मैनिज्मन्ट_ का मतलब है आप क्या सोचते हैं ?
|
||||
|
||||
- [ ] कानून और व्यवस्था का प्रवर्तन
|
||||
- [ ] समय के साथ उपयोगकर्ता इंटरफ़ेस स्थिति लॉगिंग
|
||||
- [ ] अपने एप्लिकेशन डेटा को स्वच्छ रखना और डेटा के साथ उपयोगकर्ता इंटरफ़ेस को सिंक्रनाइज़ करना
|
||||
|
||||
2. आप उपयोगकर्ता सत्र स्थिति का ट्रैक कैसे रख सकते हैं?
|
||||
|
||||
- [ ] HTTP कूकीज
|
||||
- [ ] स्थानीय या सत्र भंडारण
|
||||
- [ ] ऊपर के सभी
|
||||
|
||||
3. किसी ऑब्जेक्ट को मियूटेट करना हमेशा इसे अपडेट करने का सबसे अच्छा तरीका है
|
||||
|
||||
- [ ] सही
|
||||
- [ ] गलत
|
||||
@@ -1,19 +0,0 @@
|
||||
_इस क्विज को कक्षा में पूरा करें._
|
||||
|
||||
1. एक अपरिवर्तनीय वस्तु क्या है?
|
||||
|
||||
- [ ] स्थिरांक के रूप में परिभाषित एक वस्तु
|
||||
- [ ] एक ऐसी वस्तु जिसे बनने के बाद संशोधित नहीं किया जा सकता है
|
||||
- [ ] मौजूदा वस्तु की एक प्रति
|
||||
|
||||
2. स्टेट मैनिज्मन्ट का उपयोग करने से आपको क्या लाभ होता है?
|
||||
|
||||
- [ ] आप हर उस जगह पर नज़र रख सकते हैं जहाँ स्टेट अपडेट किया गया है
|
||||
- [ ] कोड डिबग करना आसान है
|
||||
- [ ] ऊपर के सभी
|
||||
|
||||
3. विभिन्न सत्रों में महत्वपूर्ण उपयोगकर्ता डेटा को बनाए रखने का सबसे अच्छा तरीका क्या है?
|
||||
|
||||
- [ ] फ़ाइलों का उपयोग करना
|
||||
- [ ] ब्राउज़र के `लोकलस्टोरेज` एपीआई का उपयोग करना
|
||||
- [ ] एक सर्वर एपीआई के पीछे एक डेटाबेस में
|
||||
@@ -1,6 +1,6 @@
|
||||
# Conceptos de gestión del estado
|
||||
|
||||
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
|
||||
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/47)
|
||||
|
||||
### Introducción
|
||||
|
||||
@@ -267,7 +267,7 @@ Ahora que recargamos los datos de la cuenta cada vez que se carga el panel, ¿cr
|
||||
|
||||
Intente trabajar juntos para cambiar lo que se guarda y carga desde `localStorage` para incluir solo lo que es absolutamente necesario para que la aplicación funcione.
|
||||
|
||||
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
|
||||
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/48)
|
||||
|
||||
## Asignación
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/47?loc=ko)
|
||||
|
||||
### 소개
|
||||
|
||||
@@ -270,7 +270,7 @@ const routes = {
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/48?loc=ko)
|
||||
|
||||
## 과제
|
||||
|
||||
|
||||
Reference in New Issue
Block a user