Merge remote-tracking branch 'upstream/main'

pull/90/head
Eugene Goh 4 years ago
commit fccfa238f3

@ -1,18 +0,0 @@
*Complete this quiz by checking one answer per question.*
1. Just about anything a user does on a page raises an event
- [ ] true
- [ ] false
2. Common events include
- [ ] click_event
- [ ] select_event
- [ ] input_event
- [ ] all of these
3. You can use anonymous functions to create event handlers
- [ ] true
- [ ] false

@ -1,20 +0,0 @@
*Complete this quiz in class.*
1. Event-driven programming is when a user
- [ ] clicks on a button
- [ ] changes a value
- [ ] interacts with the page
- [ ] any of the above
2. In procedural programming, functions are called
- [ ] any time
- [ ] in a specific order
- [ ] left to right
3. The universal method exposed in the DOM for registering event handlers is called
- [ ] addEventListener
- [ ] addListener
- [ ] addEvent

@ -2,7 +2,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/21)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/21?loc=ko)
## 이벤트 기반 프로그래밍
@ -327,7 +327,7 @@ typedValueElement.addEventListener('input', () => {
## 강의 후 퀴즈
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/22)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/22?loc=ko)
## 리뷰 & 자기주도 학습

@ -1,18 +0,0 @@
*Complete this quiz by checking one answer per question.*
1. The World Wide Web was invented by
- [ ] Tom Barnard-Loft
- [ ] Tim Berners-Lee
- [ ] Trish Berth-Pool
2. The first browser was called
- [ ] World Wide Web
- [ ] Mozilla
- [ ] Netscape
3. Browsers can store a user's browsing history
- [ ] true
- [ ] false

@ -1,20 +0,0 @@
*A warm-up quiz about browsers*
Complete this quiz in class
1. You can get browser extensions from
- [ ] WalMart
- [ ] The browser's extension store
- [ ] The App store
2. NPM stands for
- [ ] Node Package Manager
- [ ] Netscape Primary Mix
- [ ] Natural Processing Manager
3. Your browser can serve web pages both securely and insecurely
- [ ] true
- [ ] false

@ -1,18 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
1. वर्ल्ड वाइड किसके वेब द्वारा आविष्कार किया गया था
- [ ] टॉम बरनार्ड-लॉफ्ट
- [ ] टीम बैरनर्स-ली
- [ ] ट्रिश बर्थ-पूल
2. पहले ब्राउज़र को क्या जाता था
- [ ] वर्ल्ड वाइड वेब
- [ ] मोज़िल्ला
- [ ] नेटस्केप
3. ब्राउज़र उपयोगकर्ता के ब्राउज़िंग इतिहास को संग्रहीत कर सकते हैं
- [ ] सही
- [ ] गलत

@ -1,20 +0,0 @@
_ब्राउज़रों के बारे में एक वार्म-अप क्विज़_
इस क्विज को कक्षा में पूरा करें
1. आप ब्राउज़र एक्सटेंशन कहासे प्राप्त कर सकते हैं
- [ ] वालमार्ट
- [ ] ब्राउज़र का एक्सटेंशन स्टोर
- [ ] ऐप स्टोर
2. एनपीएम अर्थ है
- [ ] नोड पैकेज मैनेजर
- [ ] नेटस्केप प्राइमरी मिक्स
- [ ] नेचुरल प्रोसेसिंग मैनेजर
3. आपका ब्राउज़र सुरक्षित और असुरक्षित दोनों तरह से वेब पृष्ठों की सेवा कर सकता है
- [ ] सही
- [ ] गलत

@ -3,7 +3,7 @@
![Browser sketchnote](images/sketchnote.jpg)
> Sketchnote de [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/23)
### Introducción:
@ -145,7 +145,7 @@ Felicitaciones, ha dado los primeros pasos para crear una extensión de navegado
🚀Challenge: Eche un vistazo a una tienda de extensiones de navegador e instale una en su navegador. Puede examinar sus archivos de formas interesantes. ¿Qué descubres?
## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/24)
## Revisión y autoestudio

@ -5,7 +5,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz][Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/23?loc=ko)
### 소개
@ -149,7 +149,7 @@ npm install
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/24?loc=ko)
## 리뷰 & 자기주도 학습

@ -1,16 +0,0 @@
*Complete this quiz by checking one answer per question.*
1. LocalStorage is cleared every time you close the browser window
- [ ] true
- [ ] false
2. The main browser window controls a browser's extension's LocalStorage
- [ ] true
- [ ] false
3. REST in an API context stands for
- [ ] Representational State Transfer
- [ ] Returning State Tasks
- [ ] Rendering State To Browser

@ -1,20 +0,0 @@
*A warm-up quiz about the browser*
Complete this quiz in class
1. APIs stand for
- [ ] Application Programming Interfaces
- [ ] A Programming Inference
- [ ] Anti Proven Intentions
2. Use an API to interact with
- [ ] Another web-connected asset
- [ ] A database
- [ ] Either of the above
3. Anyone can create an API
- [ ] true
- [ ] false

@ -1,17 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
1. हर बार जब आप ब्राउज़र विंडो बंद करते हैं तो लोकलस्टोरेज साफ हो जाता है
- [ ] सही
- [ ] गलत
2. मुख्य ब्राउज़र विंडो एक ब्राउज़र के एक्सटेंशन के लोकलस्टोरेज को नियंत्रित करती है
- [ ] सही
- [ ] गलत
3. एपीआई संदर्भ में REST का अर्थ क्या है
- [ ] Representational State Transfer
- [ ] Returning State Tasks
- [ ] Rendering State To Browser

@ -1,20 +0,0 @@
_ब्राउज़र के बारे में एक वार्म-अप क्विज़_
इस क्विज को कक्षा में पूरा करें
1. APIs अर्थ है
- [ ] Application Programming Interfaces
- [ ] A Programming Inference
- [ ] Anti Proven Intentions
2. API का इस्तेमाल करे \_\_\_\_\_\_\_\_\_\_\_\_ से इंटरैक्ट करने के लिए
- [ ] एक और वेब से जुड़ी एसेट
- [ ] एक डेटाबेस
- [ ] ऊपर में से कोई
3. कोई भी व्यक्ति एपीआई बना सकता है
- [ ] सही
- [ ] गलत

@ -1,6 +1,6 @@
# Proyecto de extensión del navegador, parte 2: llamar a una API, usar almacenamiento local
## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/25)
### Introducción:
@ -202,7 +202,7 @@ Esta es una gran función. ¿Que está pasando aqui?
🚀 Desafío: hemos discutido varios tipos de API hasta ahora en estas lecciones. Elija una API web e investigue en profundidad lo que ofrece. Por ejemplo, eche un vistazo a las API disponibles en los navegadores, como la [API HTML de arrastrar y soltar](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API). En tu opinión, ¿qué hace que una API sea excelente?
## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/26)
## Revisión y autoestudio

@ -2,7 +2,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz][Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/25?loc=ko)
### 소개
@ -210,7 +210,7 @@ async function displayCarbonUsage(apiKey, region) {
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz][Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/26?loc=ko)
## 리뷰 & 자기주도 학습

@ -1,18 +0,0 @@
*Complete this quiz by checking one answer per question.*
1. To get a better view of your site's performance, clear its cache and reload in the profiler
- [ ] true
- [ ] false
2. Browser extensions are inherently performant
- [ ] true
- [ ] false
3. Analyze the following for performance bottlenecks
- [ ] DOM traversals
- [ ] JavaScript optimizations
- [ ] Asset management
- [ ] All the above

@ -1,18 +0,0 @@
*Complete this quiz in class.*
1. Test the performance of your app
- [ ] Using the browser's tools
- [ ] Using a separate software package
- [ ] Manually
2. The 'performance' of a web site is an analysis of
- [ ] How fast it loads
- [ ] How fast the code on it runs
- [ ] Both of the above
3. Overall, the 'weight' of web pages over the past few years has gotten
- [ ] lighter
- [ ] heavier
- [ ] stayed the same

@ -1,18 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
1. अपनी साइट के प्रदर्शन के बारे में बेहतर जानकारी प्राप्त करने के लिए, इसका कैश साफ़ करें और प्रोफाइलर में पुनः लोड करें
- [ ] सही
- [ ] गलत
2. ब्राउज़र एक्सटेंशन स्वाभाविक रूप से प्रदर्शन कर रहे हैं
- [ ] सही
- [ ] गलत
3. प्रदर्शन अड़चनों के लिए निम्नलिखित का विश्लेषण करें
- [ ] डोम ट्रैवर्सल्स
- [ ] जावास्क्रिप्ट अनुकूलन
- [ ] एसेट प्रबंधन
- [ ] उपर्युक्त सभी

@ -1,19 +0,0 @@
_इस क्विज को कक्षा में पूरा करें._
1. अपने ऐप के प्रदर्शन का परीक्षण करें
- [ ] ब्राउज़र के टूल का उपयोग करके
- [ ] एक अलग सॉफ्टवेयर पैकेज का उपयोग करके
- [ ] Manually
2. एक वेब साइट का 'प्रदर्शन' एक विश्लेषण है कि
- [ ] यह कितनी तेजी से लोड होता है
- [ ] उस पर कोड कितनी तेजी से चलता है
- [ ] ऊपर के दोनों
3. कुल मिलाकर, पिछले कुछ वर्षों में वेब पेजों के 'वजन' \_\_\_\_ है
- [ ] कम हुआ
- [ ] बढ़ गया
- [ ] वैसा ही

@ -1,6 +1,6 @@
# Proyecto de extensión del navegador, parte 3: Más información sobre el rendimiento y las tareas en segundo plano
## [Pre-lecture prueba](.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/27)
### Introducción:
@ -141,7 +141,7 @@ Felicitaciones, ha creado una extensión de navegador útil y ha aprendido más
🚀 Desafío: Investigue algunos sitios web de código abierto que han existido hace mucho tiempo y, según su historial de GitHub, vea si puede determinar cómo se optimizaron a lo largo de los años para el rendimiento, si es que lo hicieron. ¿Cuál es el punto de dolor más común?
## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/28)
## 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/27?loc=ko)
### 소개
@ -147,7 +147,7 @@ function drawIcon(value) {
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/28?loc=ko)
## 리뷰 & 자기주도 학습

@ -1,17 +0,0 @@
*Complete this quiz after the lesson by checking one answer per question.*
1. Classes rely on inheritance to ascribe to behaviors
- [ ] true
- [ ] false
2. Composition is the preferred design pattern for game objects
- [ ] true
- [ ] false
3. Pub/Sub stands for:
- [ ] Publish/Subscribe
- [ ] Print/Staple
- [ ] Publish/Sanitize

@ -1,18 +0,0 @@
*A warm-up quiz about game development using JavaScript*
Complete this quiz in class
1. JavaScript is an unpopular language for building games
- [ ] true
- [ ] false
2. Pub/Sub is a preferred pattern for managing the game's assets and flow
- [ ] true
- [ ] false
3. Object inheritance can be handled by either using classes or composition
- [ ] true
- [ ] false

@ -1,17 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके पाठ के बाद इस प्रश्नोत्तरी को पूरा करें._
1. कक्षाएं व्यवहार पर निर्भर करने के लिए इन्हेरिटेंस पर भरोसा करती हैं
- [ ] [सही]
- [ ] [गलत]
2. खेल वस्तुओं के लिए कम्पोजीशन एक पसंदीदा डिज़ाइन पैटर्न है
- [ ] [सही]
- [ ] [गलत]
3. Pub/Sub का अर्थ है:
- [ ] Publish/Subscribe
- [ ] Print/Staple
- [ ] Publish/Sanitize

@ -1,18 +0,0 @@
_जावास्क्रिप्ट का उपयोग कर खेल के विकास के बारे में एक वार्म-अप प्रश्नोत्तरी_
इस क्विज को कक्षा में पूरा करें
1. जावास्क्रिप्ट खेल के निर्माण के लिए एक अलोकप्रिय भाषा है
- [ ] [सही]
- [ ] [गलत]
2. Pub/Sub खेल की एसेट्स और प्रवाह के प्रबंधन के लिए एक पसंदीदा पैटर्न है
- [ ] [सही]
- [ ] [गलत]
3. ऑब्जेक्ट इन्हेरिटेंस को या तो क्लासेज या कम्पोजीशन का उपयोग करके नियंत्रित किया जा सकता है
- [ ] [सही]
- [ ] [गलत]

@ -2,7 +2,7 @@
![video](video-url)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/29)
### Herencia y composición en el desarrollo de juegos
@ -207,7 +207,7 @@ A medida que las cosas se complican cuando tu juego crece, este patrón permanec
🚀Desafío: Piense en cómo el patrón pub-sub puede mejorar un juego. ¿Qué partes deberían emitir eventos y cómo debería reaccionar el juego ante ellos? Ahora tienes la oportunidad de ser creativo, pensar en un nuevo juego y en cómo podrían comportarse sus partes.
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/30)
## Revisión y autoestudio

@ -4,7 +4,7 @@
## लेक्चर से पहलेकी क्विज
[लेक्चर से पहलेकी क्विज ](../.github/pre-lecture-quiz.md)
[लेक्चर से पहलेकी क्विज ](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/29?loc=hi)
### खेल के विकास में इन्हेरिटेंस और कम्पोजीशन
@ -211,7 +211,7 @@ eventEmitter.on(Messages.HERO_MOVE_LEFT, () => {
## लेक्चर बाद की क्विज
[लेक्चर बाद की क्विज](.github/post-lecture-quiz.hi.md)
[लेक्चर बाद की क्विज](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/30?loc=30)
## समीक्षा और स्व अध्ययन

@ -4,7 +4,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/29?loc=ko)
### 게임 개발의 상속과 구성
@ -213,7 +213,7 @@ pub-sub 패턴이 어떻게 게임을 발전시킬 수 있는지 생각해보세
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/30?loc=ko)
## 리뷰 & 자기주도 학습

@ -1,17 +0,0 @@
*Complete this quiz after the lesson by checking one answer per question.*
1. You can perform drawing operations directly on the Canvas
- [ ] true
- [ ] false
2. You listen to the `onload` event to know when an image has loaded asynchronously
- [ ] true
- [ ] false
3. You draw images onto a screen with an operation called
- [ ] paintImage()
- [ ] drawImage()
- [ ] draw()

@ -1,18 +0,0 @@
*A warm-up quiz about game development*
Complete this quiz in class
1. The Canvas element is what you use to draw on a screen
- [ ] true
- [ ] false
2. You can only draw simple geometric shapes
- [ ] true
- [ ] false
3. The point 0,0 is in the bottom left
- [ ] true
- [ ] false

@ -1,17 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके पाठ के बाद इस प्रश्नोत्तरी को पूरा करें._
1. आप सीधे कैनवस पर ड्राइंग ऑपरेशन कर सकते हैं
- [ ] [सही]
- [ ] [गलत]
2. आप यह जानने के लिए `onload` घटना सुनते हैं कि किसी छवि ने अतुल्यकालिक रूप से लोड किया है
- [ ] [सही]
- [ ] [गलत]
3. आप एक ऑपरेशन के साथ स्क्रीन पर चित्र बनाते हैं उसे क्या कहते है
- [ ] paintImage()
- [ ] drawImage()
- [ ] draw()

@ -1,18 +0,0 @@
_खेल के विकास के बारे में एक वार्म अप प्रश्नोत्तरी_
इस क्विज को कक्षा में पूरा करें
1. कैनवास तत्व वह है जिसे आप स्क्रीन पर खींचने के लिए उपयोग करते हैं
- [ ] सही
- [ ] गलत
2. आप केवल सरल ज्यामितीय आकृतियों को आकर्षित कर सकते हैं
- [ ] सही
- [ ] गलत
3. बिंदु 0,0 नीचे बाईं ओर है
- [ ] सही
- [ ] गलत

@ -2,7 +2,7 @@
![video](video-url)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/31)
## El lienzo
@ -203,7 +203,7 @@ Intente resolverlo usted mismo primero, pero si se atasca, eche un vistazo a una
🚀 Desafío: ha aprendido a dibujar con la API Canvas enfocada en 2D; eche un vistazo a la [API WebGL](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API) e intente dibujar un objeto 3D.
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/32)
## Revisión y autoestudio

@ -2,7 +2,7 @@
## लेक्चर पाहिले की क्विज
[लेक्चर पाहिले की क्विज](.github/pre-lecture-quiz.hi.md)
[लेक्चर पाहिले की क्विज](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/31?loc=hi)
## कैनवास
@ -207,7 +207,7 @@ npm start
## पोस्ट-व्याख्यान प्रश्नोत्तरी
[पोस्ट-व्याख्यान प्रश्नोत्तरी](.github/post-lecture-quiz.hi.md)
[पोस्ट-व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/32?loc=hi)
## समीक्षा और स्व अध्ययन

@ -2,7 +2,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/31?loc=ko)
## Canvas
@ -205,7 +205,7 @@ npm start
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/32?loc=ko)
## 리뷰 & 자기주도 학습

@ -1,18 +0,0 @@
*Complete this quiz after the lesson by checking one answer per question.*
1. You always need to redraw the screen
- [ ] true
- [ ] false
2. What is a game loop?
- [ ] A function that ensures the game can be restarted
- [ ] A function that decided how fast the game should run
- [ ] A function that is invoked at regular intervals and draws what the user should see
3. A good case for redrawing the screen is
- [ ] A user interaction happened
- [ ] Something has moved
- [ ] Time has passed

@ -1,19 +0,0 @@
*A warm-up quiz about game development*
Complete this quiz in class
1. Any object on the screen can receive keyboard events
- [ ] true
- [ ] false
2. You can use the same method to listen to key events and mouse events
- [ ] true
- [ ] false
3. To make things happen at a regular interval, you use what function?
- [ ] setInterval()
- [ ] setTimeout()
- [ ] sleep()

@ -1,18 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके पाठ के बाद इस प्रश्नोत्तरी को पूरा करें._
1. आपको हमेशा स्क्रीन को फिर से तैयार करना होगा
- [ ] सही
- [ ] गलत
2. गेम लूप क्या है?
- [ ] एक फ़ंक्शन जो खेल को सुनिश्चित करता है, उसे फिर से शुरू किया जा सकता है
- [ ] एक फ़ंक्शन जिसने यह तय किया कि खेल कितनी तेजी से चलना चाहिए
- [ ] एक फ़ंक्शन जो नियमित अंतराल पर लगाया जाता है और उपयोगकर्ता को जो कुछ भी देखना चाहिए वह खींचता है
3. स्क्रीन को फिर से तैयार करने का एक अच्छा मामला क्या है?
- [ ] एक उपयोगकर्ता सहभागिता हुई
- [ ] कुछ स्थानांतरित हो गया है
- [ ] समय निकलना

@ -1,19 +0,0 @@
_खेल के विकास के बारे में एक वार्म अप प्रश्नोत्तरी_
इस क्विज को कक्षा में पूरा करें
1. स्क्रीन पर कोई भी ऑब्जेक्ट कीबोर्ड इवेंट प्राप्त कर सकता है
- [ ] सही
- [ ] गलत
2. आप मुख्य घटनाओं और माउस घटनाओं को सुनने के लिए उसी विधि का उपयोग कर सकते हैं
- [ ] सही
- [ ] गलत
3. चीजों को एक नियमित अंतराल पर होने के लिए, आप किस फ़ंक्शन का उपयोग करते हैं?
- [ ] setInterval()
- [ ] setTimeout()
- [ ] sleep()

@ -2,7 +2,7 @@
![video](video-url)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/33)
¡Los juegos no son muy divertidos hasta que tienes extraterrestres corriendo por la pantalla! En este juego haremos uso de dos tipos de movimientos:
@ -376,7 +376,7 @@ Lo anterior iniciará un servidor HTTP en la dirección `http://localhost:5000`.
🚀 Desafío: como puede ver, su código puede convertirse en 'código espagueti' cuando comienza a agregar funciones, variables y clases. ¿Cómo puede organizar mejor su código para que sea más legible? Esboce un sistema para organizar su código, incluso si todavía reside en un archivo.
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/34)
## Revisión y autoestudio

@ -2,7 +2,7 @@
## प्री-लेक्चर क्विज
[प्री-लेक्चर क्विज](.github/pre-lecture-quiz.hi.md)
[प्री-लेक्चर क्विज](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/33?loc=hi)
जब तक आप परदे पर चारों ओर एलियंस चल रहे हैं तब तक गेम्स बहुत मज़ेदार नहीं हैं! इस खेल में, हम दो प्रकार के आंदोलनों का उपयोग करेंगे:
@ -376,7 +376,7 @@ class Enemy extends GameObject {
## व्याख्यान के बाद की क्विज
[व्याख्यान के बाद की क्विज](.github/post-lecture-quiz.hi.md)
[व्याख्यान के बाद की क्विज](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/34?loc=hi)
## समीक्षा और स्व अध्ययन

@ -2,7 +2,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/33?loc=ko)
외계인이 화면을 돌아다니기 전까지는 게임이 재미 없습니다! 이 게임에서는, 두 가지 타입의 동작을 씁니다:
@ -378,7 +378,7 @@ npm start
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/34?loc=ko)
## 리뷰 & 자기주도 학습

@ -1,12 +0,0 @@
*Complete this quiz after the lesson by checking one answer per question.*
1. In collision detection you compare two
- [ ] circles and whether they intersect
- [ ] rectangles and whether they intersect
- [ ] the distance between two points
2. The reason for implementing a *cooldown* effect is because
- [ ] Making the game harder as you can't repeatedly fire a laser to destroy enemies
- [ ] JavaScript can only produce a certain number of events per time unit, so you need to limit them

@ -1,14 +0,0 @@
*A warm-up quiz about about game development*
Complete this quiz in class
1. Collision detection is how we detect if two things have collided.
- [ ] true
- [ ] false
2. How can we remove an item from the screen?
- [ ] Call the garbage collector
- [ ] Mark it as dead, only paint *not dead* objects next time we draw the screen
- [ ] Place the item on a negative coordinate

@ -1,12 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके पाठ के बाद इस प्रश्नोत्तरी को पूरा करें._
1. टकराव का पता लगाने में आप दो
- [ ] वृत्तों की तुलना करते हैं की वे प्रतिच्छेद करते है
- [ ] आयतें और चाहे वे अंतरंग हों
- [ ] दो बिंदुओं के बीच की दूरी
2. एक cooldown प्रभाव को लागू करने का कारण है की
- [ ] खेल को कठिन बनाते हुए आप दुश्मनों को नष्ट करने के लिए बार-बार लेजर फायर नहीं कर सकते
- [ ] जावास्क्रिप्ट केवल समय इकाई के अनुसार कुछ निश्चित घटनाओं का उत्पादन कर सकती है, इसलिए आपको उन्हें सीमित करने की आवश्यकता है

@ -1,14 +0,0 @@
_खेल के विकास के बारे में एक वार्म अप प्रश्नोत्तरी_
इस क्विज को कक्षा में पूरा करें
1. टकराव का पता लगाना है कि कैसे दो चीजें टकराई हैं.
- [ ] सही
- [ ] गलत
2. हम स्क्रीन से किसी आइटम को कैसे निकाल सकते हैं?
- [ ] गार्बेज कलेक्टर को बुलाओ
- [ ] इसे मृत के रूप में चिह्नित करें, केवल जो _मृत नहीं_ है उन वस्तुओं को पेंट करें अगली बार जब हम स्क्रीन खींचते हैं
- [ ] आइटम को एक नकारात्मक समन्वय पर रखें

@ -2,7 +2,7 @@
![video](video-url)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/35)
¡En esta lección aprenderá a disparar láseres con JavaScript! Agregaremos dos cosas a nuestro juego:
@ -284,7 +284,7 @@ En este punto, ¡tu juego tiene algunas funciones! Puedes navegar con tus flecha
🚀 Desafío: ¡Agrega una explosión! Echa un vistazo a los recursos del juego en [el repositorio de Space Art](../solution/spaceArt/readme.txt) e intenta agregar una explosión cuando el láser golpea a un extraterrestre.
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/36)
## Revisión y autoestudio

@ -2,7 +2,7 @@
## लेक्चरसे पहलेकी क्विज
[लेक्चरसे पहलेकी क्विज](.github/pre-lecture-quiz.hi.md)
[लेक्चरसे पहलेकी क्विज](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/35?loc=hi)
इस पाठ में आप सीखेंगे कि जावास्क्रिप्ट के साथ लेज़रों को कैसे शूट किया जाए! हम अपने खेल में दो चीजें जोड़ेंगे:
@ -294,7 +294,7 @@ npm start
## पोस्ट-व्याख्यान प्रश्नोत्तरी
[पोस्ट-व्याख्यान प्रश्नोत्तरी](.github/post-lecture-quiz.hi.md)
[पोस्ट-व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/36?loc=hi)
## समीक्षा और स्व अध्ययन

@ -2,7 +2,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/35?loc=ko)
이 강의에서는 JavaScript로 레이저를 쏘는 방법을 배웁니다! 게임에 다음 두 가지를 추가합니다:
@ -286,7 +286,7 @@ npm start
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/36?loc=ko)
## 리뷰 & 자기주도 학습

@ -1,12 +0,0 @@
*Complete this quiz after the lesson by checking one answer per question.*
1. What's a fun way to show how many lifes a player has left
- [ ] a number of ships
- [ ] a decimal number
2. How do you center text in the middle of the screen using the Canvas element
- [ ] You use Flexbox
- [ ] You instruct the text to be drawn at the x coordinate of: the client window width/2
- [ ] You set the `textAlign` property to the value `center` on the context object.

@ -1,14 +0,0 @@
*A warm-up quiz about game development*
Complete this quiz in class
1. How do you draw text on a screen using the Canvas element?
- [ ] place text inside a div or span element
- [ ] Call drawText() on the Canvas element
- [ ] Call fillText() on the context object
2. Why do you have the concept of *lifes* in a game?
- [ ] to show how much damage you can take.
- [ ] So that the game doesn't end straight away, but you have n number of chances before the game is over.

@ -1,12 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके पाठ के बाद इस प्रश्नोत्तरी को पूरा करें._
1. यह दिखाने का एक मजेदार तरीका है कि एक खिलाड़ी ने कितने जीवन जीते हैं
- [ ] जहाजों की एक संख्या
- [ ] एक दशमलव संख्या
2. कैनवस तत्व का उपयोग करके आप स्क्रीन के बीच में टेक्स्ट को कैसे केन्द्रित करते हैं
- [ ] आप फ्लेक्सबॉक्स का उपयोग करें
- [ ] आप पाठ को निर्देश देते हैं: क्लाइंट विंडो की चौड़ाई/2: के x समन्वय पर तैयार किया जाए
- [ ] आप संदर्भ ऑब्जेक्ट पर `textAlign` गुण मान `center` पर सेट करें.

@ -1,14 +0,0 @@
_खेल के विकास के बारे में एक वार्म अप प्रश्नोत्तरी_
इस क्विज को कक्षा में पूरा करें
1. कैनवस तत्व का उपयोग करके आप स्क्रीन पर टेक्स्ट कैसे बनाते हैं?
- [ ] पाठ को डिभ या स्पैन तत्व के अंदर रखें
- [ ] कैनवास तत्व पर drawText() को कॉल करें
- [ ] कैनवास तत्व पर fillText() को कॉल करें
2. आप एक खेल में _जीवन_ की अवधारणा क्यों है?
- [ ] यह दिखाने के लिए कि आप कितना नुकसान उठा सकते हैं.
- [ ] ताकि खेल सीधे खत्म न हो, लेकिन खेल खत्म होने से पहले आपके पास कई मौके हैं.

@ -2,7 +2,7 @@
![video](video-url)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/37)
En esta lección, aprenderá cómo agregar puntos a un juego y calcular vidas.
@ -173,7 +173,7 @@ Al final de este trabajo, deberías ver las pequeñas naves de 'vida' en la part
🚀Challenge: Tu código está casi completo. ¿Puedes imaginar tus próximos pasos?
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/38)
## Revisión y autoestudio

@ -2,7 +2,7 @@
## लेक्टरसे पहलेकी क्विज़
[लेक्टरसे पहलेकी क्विज़](.github/pre-lecture-quiz.hi.md)
[लेक्टरसे पहलेकी क्विज़](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/37?loc=hi)
इस पाठ में, आप सीखेंगे कि किसी खेल में स्कोरिंग कैसे जोड़ें और जीवन की गणना करें.
@ -178,7 +178,7 @@ eventEmitter = new EventEmitter();
## पोस्ट-व्याख्यान प्रश्नोत्तरी
[पोस्ट-व्याख्यान प्रश्नोत्तरी](.github/post-lecture-quiz.hi.md)
[पोस्ट-व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/38?loc=hi)
## समीक्षा और स्व अध्ययन

@ -2,7 +2,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/37?loc=ko)
이 강의에서는 어떻게 게임에서 점수를 내고 생명을 구하는 가에 대하여 배웁니다.
@ -178,7 +178,7 @@ npm start
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/38?loc=ko)
## 리뷰 & 자기주도 학습

@ -1,12 +0,0 @@
*Complete this quiz after the lesson by checking one answer per question.*
1. What is a good pattern to use when a game end condition has been met?
- [ ] Display a suitable message
- [ ] Quit the game
- [ ] Display a suitable message, offer the player to restart, and display what key to hit for that action
1. You should offer a restart only when the game has ended
- [ ] true
- [ ] false

@ -1,14 +0,0 @@
*A warm-up quiz about game development*
Complete this quiz in class
1. When is a good time to restart a game
- [ ] when a player wins or loses
- [ ] whenever
2. When should a game end
- [ ] when an enemy ship is destroyed
- [ ] when a hero ship is destroyed
- [ ] when points are collected

@ -1,12 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके पाठ के बाद इस प्रश्नोत्तरी को पूरा करें._
1. जब गेम एंड कंडीशन पूरी हो गई हो तो उपयोग करने के लिए एक अच्छा पैटर्न क्या है?
- [ ] एक उपयुक्त संदेश प्रदर्शित करें
- [ ] खेल से बाहर निकलें
- [ ] एक उपयुक्त संदेश प्रदर्शित करें, खिलाड़ी को पुनः आरंभ करने की पेशकश करें, और प्रदर्शित करें कि उस कार्रवाई के लिए क्या की है
1. जब खेल समाप्त हो गया हो तब ही आपको पुनः आरंभ करना चाहिए
- [ ] सही
- [ ] गलत

@ -1,14 +0,0 @@
_खेल के विकास के बारे में एक वार्म अप प्रश्नोत्तरी_
इस क्विज को कक्षा में पूरा करें
1. खेल को पुनः आरंभ करने का अच्छा समय कब है
- [ ] जब कोई खिलाड़ी जीतता है या हारता है
- [ ] कभीभी
2. खेल कब समाप्त होना चाहिए
- [ ] जब एक दुश्मन जहाज नष्ट हो जाता है
- [ ] जब एक नायक जहाज नष्ट हो जाता है
- [ ] जब अंक एकत्र किए जाते हैं

@ -2,7 +2,7 @@
![video](video-url)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/39)
Hay diferentes formas de expresar y *condición final* en un juego. Depende de usted, como creador del juego, decir por qué ha terminado. Aquí hay algunas razones, si asumimos que estamos hablando del juego espacial que has estado construyendo hasta ahora:
@ -205,7 +205,7 @@ Lo anterior iniciará un servidor HTTP en la dirección `http://localhost:5000`.
🚀 Desafío: ¡Agrega un sonido! ¿Puedes agregar un sonido para mejorar tu juego, tal vez cuando hay un golpe de láser, o el héroe muere o gana? Eche un vistazo a este [sandbox](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_audio_play) para aprender a reproducir sonido con JavaScript.
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba]((https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/40)
## Revisión y autoestudio

@ -2,7 +2,7 @@
## प्री-रीडिंग क्विज
[प्री-रीडिंग क्विज](.github/pre-lecture-quiz.hi.md)
[प्री-रीडिंग क्विज](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/39?loc=hi)
एक खेल में व्यक्त करने और _अंतिम स्थिति_ के विभिन्न तरीके हैं। यह गेम के निर्माता के रूप में यह कहना है कि खेल क्यों समाप्त हो गया है। यहाँ कुछ कारण हैं, अगर हम मान लें कि हम उस अंतरिक्ष खेल के बारे में बात कर रहे हैं जो आप अभी तक बना रहे हैं:
@ -213,7 +213,7 @@ npm start
## पोस्ट-व्याख्यान प्रश्नोत्तरी
[पोस्ट-व्याख्यान प्रश्नोत्तरी](.github/post-lecture-quiz.hi.md)
[पोस्ट-व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/40?loc=hi)
## समीक्षा और स्व अध्ययन

@ -2,7 +2,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/39?loc=ko)
게임에서 *조건을 표현하고 종료*하는 여러 방식이 있습니다. 게임이 종료된 이유를 말하는 것은 게임 크리에이터의 일입니다. 지금까지 만든 space 게임에 대해 말하고 있다고 가정하면, 몇 가지 이유가 있습니다:
@ -211,7 +211,7 @@ npm start
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/40?loc=ko)
## 리뷰 & 자기주도 학습

@ -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
<!-- ![video](video-url) -->
## [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
![Captura de pantalla de la página de inicio de sesión después de agregar estilos CSS](./images/result.png)
## [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)
## 과제

Loading…
Cancel
Save