This commit is contained in:
Jen Looper 2021-01-22 18:22:25 -05:00
Родитель 48d6c7999f
Коммит 26be12a92e
44 изменённых файлов: 66 добавлений и 466 удалений

Просмотреть файл

@ -1,12 +0,0 @@
*Complete this quiz by checking one answer per question.*
1. Arguments must be provided for all parameters in a function
- [ ] true
- [ ] false
2. What does a default value do?
- [ ] Sets a correct value
- [ ] Gives a starter value for a parameters so your code still behaves if you omit an argument for it
- [ ] Has no utility

Просмотреть файл

@ -1,12 +0,0 @@
*Complete this quiz in class*
1. What's an argument?
- [ ] It's something you declare in the function definition
- [ ] It's something you pass into a function at invocation time
- [ ] It's something you have with people you know
2. True or false: a function must return something
- [ ] true
- [ ] false

Просмотреть файл

@ -2,7 +2,7 @@
[![Methoden und Funktionen](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Methoden und Funktionen")
## [Pre-Lecture Quiz](../.github/pre-lecture-quiz.md)
## [Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9)
Wenn wir darüber nachdenken, Code zu schreiben, möchten wir immer sicherstellen, dass unser Code lesbar ist. Während dies nicht intuitiv klingt, wird Code viel öfter gelesen als geschrieben. Ein Kernwerkzeug in der Toolbox eines Entwicklers, um wartbaren Code sicherzustellen, ist die **Funktion**.
@ -184,7 +184,7 @@ Sie haben jetzt gesehen, dass wir drei Möglichkeiten haben, eine Funktion als P
Können Sie den Unterschied zwischen Funktionen und Methoden in einem Satz artikulieren? Versuche es!
## [Quiz nach der Vorlesung](../.github/post-lecture-quiz.md)
## [Quiz nach der Vorlesung](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10)
## Review & Selbststudium

Просмотреть файл

@ -2,7 +2,7 @@
[![Métodos y funciones](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Métodos y funciones")
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9)
Cuando necesite su código para realizar una tarea, utilizará un método o una función. Analicemos las diferencias.
@ -89,7 +89,7 @@ Cualquier parámetro con valores predeterminados debe estar al final de la lista
🚀 Desafío:
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10)
## Revisión y autoestudio

Просмотреть файл

@ -4,7 +4,7 @@
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9?loc=ko)
코드 작성에 대해 생각할 때 항상 코드를 읽을 수 있도록 해야합니다. 직설적이지 않지만, 코드는 작성된 것보다 더 많이 읽힙니다. 개발자의 툴 박스에서 유지관리 가능한 코드를 보장하는 핵심 도구는 **함수**입니다.
@ -181,7 +181,7 @@ setTimeout(3000, () => {
함수와 메소드의 차이점을 한 문장으로 표현할 수 있나요? 시도해보세요!
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10?loc=ko)
## 리뷰 & 자기주도 학습

Просмотреть файл

@ -1,12 +0,0 @@
*Complete this quiz by checking one answer per question.*
1. What would the following code return: `'1' == 1`
- [ ] true
- [ ] false
2. Choose the correct operator to express _or_ logic
- [ ] `a | b`
- [ ] `a || b`
- [ ] `a or b`

Просмотреть файл

@ -1,13 +0,0 @@
*Complete this quiz in class*
1. The following operator `==` is called
- [ ] Equality
- [ ] Strict equality
- [ ] Assignment
2. A comparison in JavaScript returns what type?
- [ ] boolean
- [ ] null
- [ ] string

Просмотреть файл

@ -1,12 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
1. निम्नलिखित कोड क्या लौटाएगा: `'1' == 1`
- [ ] सही
- [ ] गलत
2. _or_ तर्क व्यक्त करने के लिए सही ऑपरेटर चुनें
- [ ] `a | b`
- [ ] `a || b`
- [ ] `a or b`

Просмотреть файл

@ -1,13 +0,0 @@
_इस क्विज को कक्षा में पूरा करें_
1. निम्नलिखित ऑपरेटर को `==` क्या जाता है
- [ ] समानता
- [ ] सख्त समानता
- [ ] असाइनमेंट
2. जावास्क्रिप्ट में एक तुलना किस प्रकार देता है?
- [ ] boolean
- [ ] null
- [ ] string

Просмотреть файл

@ -2,7 +2,7 @@
[![Entscheidungen treffen](https://img.youtube.com/vi/SxTp8j-fMMY/0.jpg)](https://youtube.com/watch?v=SxTp8j-fMMY "Entscheidungen treffen")
## [Pre-Lecture Quiz](../.github/pre-lecture-quiz.md)
## [Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11)
Wenn Sie Entscheidungen treffen und die Reihenfolge steuern, in der Ihr Code ausgeführt wird, ist Ihr Code wiederverwendbar und robust. Dieser Abschnitt behandelt die Syntax zur Steuerung des Datenflusses in JavaScript und ihre Bedeutung bei Verwendung mit booleschen Datentypen.
@ -158,7 +158,7 @@ if (firstNumber > secondNumber) {
Erstellen Sie ein Programm, das zuerst mit logischen Operatoren geschrieben wird, und schreiben Sie es dann mit einem ternären Ausdruck neu. Was ist Ihre bevorzugte Syntax?
## [Quiz nach der Vorlesung](../.github/post-lecture-quiz.md)
## [Quiz nach der Vorlesung](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12)
## Review & Selbststudium

Просмотреть файл

@ -1,8 +1,6 @@
# Conceptos básicos de JavaScript: tomar decisiones
![video](video-url)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11)
Tomar decisiones y controlar el orden en que se ejecuta su código hace que su código sea reutilizable y robusto. Esta sección cubre la sintaxis para controlar el flujo de datos en JavaScript y su importancia cuando se usa con tipos de datos booleanos.
@ -22,14 +20,14 @@ Establezca su booleano en verdadero o falso de esta manera:
Los operadores se utilizan para evaluar las condiciones haciendo comparaciones que crearán un valor booleano. La siguiente es una lista de operadores que se utilizan con frecuencia.
| Símbolo | Descripción | Ejemplo |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
| `<` | **Mayor que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado derecho es mayor que el del izquierdo | `5 < 6 // true` |
| `<=` | **Mayor o igual que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado derecho es mayor o igual que el del lado izquierdo | `5 <= 6 // true` |
| `>` | **Menor que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado izquierdo es mayor que el del derecho | `5 > 6 // false` |
| `=>` | **Menor o igual que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado izquierdo es mayor o igual que el del lado derecho | `5 => 6 // false` |
| `===` | **Igualdad estricta**: compara dos valores y devuelve el tipo de datos booleano `true` si los valores de la derecha y la izquierda son iguales Y son del mismo tipo de datos | `5 === 6 // false` |
| `!==` | **Desigualdad**: compara dos valores y devuelve el valor booleano opuesto de lo que devolvería un operador de igualdad estricta | `5 !== 6 // true` |
| Símbolo | Descripción | Ejemplo |
| ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
| `<` | **Mayor que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado derecho es mayor que el del izquierdo | `5 < 6 // true` |
| `<=` | **Mayor o igual que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado derecho es mayor o igual que el del lado izquierdo | `5 <= 6 // true` |
| `>` | **Menor que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado izquierdo es mayor que el del derecho | `5 > 6 // false` |
| `=>` | **Menor o igual que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado izquierdo es mayor o igual que el del lado derecho | `5 => 6 // false` |
| `===` | **Igualdad estricta**: compara dos valores y devuelve el tipo de datos booleano `true` si los valores de la derecha y la izquierda son iguales Y son del mismo tipo de datos | `5 === 6 // false` |
| `!==` | **Desigualdad**: compara dos valores y devuelve el valor booleano opuesto de lo que devolvería un operador de igualdad estricta | `5 !== 6 // true` |
✅ Compruebe sus conocimientos escribiendo algunas comparaciones en la consola de su navegador. ¿Te sorprende algún dato devuelto?
@ -80,11 +78,11 @@ else{
Las decisiones pueden requerir más de una comparación y se pueden unir con operadores lógicos para producir un valor booleano.
| Símbolo | Descripción | Ejemplo |
| ------ | ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
| `&&` | **AND lógico**: compara dos expresiones booleanas. Devuelve verdadero **solo** si ambos lados son verdaderos | `(5 > 6) && (5 < 6 ) //Un lado es falso, el otro es verdadero. Devuelve falso` |
| `||` | **OR lógico**: compara dos expresiones booleanas. Devuelve verdadero si al menos un lado es verdadero | `(5 > 6) || (5 < 6) //Un lado es falso, el otro es verdadero. Devuelve verdadero` |
| `!` | **NOT lógico**: Devuelve el valor opuesto de una expresión booleana | `!(5 > 6) // 5 no es mayor que 6, pero "!" devolverá verdadero` |
| Símbolo | Descripción | Ejemplo |
| ------- | ------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------- |
| `&&` | **AND lógico**: compara dos expresiones booleanas. Devuelve verdadero **solo** si ambos lados son verdaderos | `(5 > 6) && (5 < 6 ) //Un lado es falso, el otro es verdadero. Devuelve falso` |
| `||` | **OR lógico**: compara dos expresiones booleanas. Devuelve verdadero si al menos un lado es verdadero | `(5 > 6) || (5 < 6) //Un lado es falso, el otro es verdadero. Devuelve verdadero` |
| `!` | **NOT lógico**: Devuelve el valor opuesto de una expresión booleana | `!(5 > 6) // 5 no es mayor que 6, pero "!" devolverá verdadero` |
## Condiciones y decisiones con operadores lógicos
@ -154,7 +152,7 @@ if (firstNumber > secondNumber) {
🚀 Desafío: cree un programa que se escriba primero con operadores lógicos y luego vuelva a escribirlo utilizando una expresión ternaria. ¿Cuál es tu sintaxis preferida?
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12)
## Revisión y autoestudio

Просмотреть файл

@ -4,7 +4,7 @@
> Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz Pre-Lezione
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11)
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11?loc=it)
Prendere decisioni e controllare l'ordine in cui il proprio codice viene eseguito lo rende riutilizzabile e robusto. Questa sezione descrive la sintassi per il controllo del flusso di dati in JavaScript e il suo significato quando viene utilizzato con tipi di dato Booleani
@ -25,14 +25,14 @@ Si impostano i booleani come vero o falso in questo modo:
Gli operatori vengono utilizzati per valutare condizioni effettuando confronti che creeranno un valore Booleano. Di seguito è riportato un elenco di operatori utilizzati di frequente.
| Simbolo | Descrizione | Esempio |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
| `<` | **Minore di**: Confronta due valori e restituisce il tipo di dato booleano `true` se il valore sul lato sinistro è minore di quello del lato di destra | `5 < 6 // true` |
| `<=` | **Minore di o uguale a**: Confronta due valori e restituisce il tipo di dato Booleano `true` se il valore sul lato sinistro è minore o uguale a quello di destra | `5 <= 6 // true` |
| `>` | **Maggiore di**: Confronta due valori e restituisce il tipo di dato Booleano `true` se il valore sul lato sinistro è maggiore di quello del lato destro | `5 > 6 // false` |
| `>=` | **Maggiore di o uguale a**: Confronta due valori e restituisce il tipo di dato Booleano `true` se il valore sul lato sinistro è maggiore o uguale a quello del lato destro | `5 >= 6 // false` |
| `===` | **Uguaglianza rigorosa**: Confronta due valori e restituisce il tipo di dato Booleano `true` se i valori a destra e a sinistra sono uguali E sono lo stesso tipo di dato. | `5 === 6 // false` |
| `!==` | **Disuguaglianza**: Confronta due valori e restituisce il valore Booleano opposto di quello che restituirebbe un operatore di uguaglianza rigorosa | `5! == 6 // true` |
| Simbolo | Descrizione | Esempio |
| ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
| `<` | **Minore di**: Confronta due valori e restituisce il tipo di dato booleano `true` se il valore sul lato sinistro è minore di quello del lato di destra | `5 < 6 // true` |
| `<=` | **Minore di o uguale a**: Confronta due valori e restituisce il tipo di dato Booleano `true` se il valore sul lato sinistro è minore o uguale a quello di destra | `5 <= 6 // true` |
| `>` | **Maggiore di**: Confronta due valori e restituisce il tipo di dato Booleano `true` se il valore sul lato sinistro è maggiore di quello del lato destro | `5 > 6 // false` |
| `>=` | **Maggiore di o uguale a**: Confronta due valori e restituisce il tipo di dato Booleano `true` se il valore sul lato sinistro è maggiore o uguale a quello del lato destro | `5 >= 6 // false` |
| `===` | **Uguaglianza rigorosa**: Confronta due valori e restituisce il tipo di dato Booleano `true` se i valori a destra e a sinistra sono uguali E sono lo stesso tipo di dato. | `5 === 6 // false` |
| `!==` | **Disuguaglianza**: Confronta due valori e restituisce il valore Booleano opposto di quello che restituirebbe un operatore di uguaglianza rigorosa | `5! == 6 // true` |
✅ Verificare le proprie conoscenze scrivendo alcuni confronti nella console del browser. I dati restituiti sorprendono?
@ -82,11 +82,11 @@ else{
Le decisioni potrebbero richiedere più di un confronto e possono essere combinate con operatori logici per produrre un valore Booleano.
| Simbolo | Descrizione | Esempio |
| ------ | ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
| `&&` | **AND logico**: Confronta due espressioni Booleane. Restituisce vero **solo** se entrambe le parti sono vere | `(5 > 6) && (5 < 6) // Un lato è falso, l'altro è vero. Restituisce false` |
| `\|\|` | **OR logico**: Confronta due espressioni Booleane. Restituisce vero se almeno una parte è vera | `(5 > 6) || (5 < 6) // Un lato è falso, l'altro è vero. Restituisce true` |
| `!` | **NOT logico**: Restituisce il valore opposto di un'espressione Booleana | `!(5 > 6) // 5 non è maggiore di 6, ma "!" restituirà true` |
| Simbolo | Descrizione | Esempio |
| ------- | ------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------- |
| `&&` | **AND logico**: Confronta due espressioni Booleane. Restituisce vero **solo** se entrambe le parti sono vere | `(5 > 6) && (5 < 6) // Un lato è falso, l'altro è vero. Restituisce false` |
| `\|\|` | **OR logico**: Confronta due espressioni Booleane. Restituisce vero se almeno una parte è vera | `(5 > 6) || (5 < 6) // Un lato è falso, l'altro è vero. Restituisce true` |
| `!` | **NOT logico**: Restituisce il valore opposto di un'espressione Booleana | `!(5 > 6) // 5 non è maggiore di 6, ma "!" restituirà true` |
## Condizioni e Decisioni con Operatori Logici
@ -162,7 +162,7 @@ Creare un programma che viene scritto prima con operatori logici, quindi riscriv
---
## Quiz Post-Lezione
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12)
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12?loc=12)
## Revisione e Auto Apprendimento

Просмотреть файл

@ -4,7 +4,7 @@
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11&loc=ko)
결정을 내리고 코드가 실행되는 순서를 제어하면 코드를 재사용하며 강력하게 만들 수 있습니다. 이 강의에서는 JavaScript에서 데이터 흐름을 제어하기 위한 구문과 논리 자료형 데이터 타입을 함께 사용하는 중요성을 다룹니다.
@ -160,7 +160,7 @@ if (firstNumber > secondNumber) {
논리 연산자로 프로그램을 먼저 만든 뒤, 삼항 표현식을 사용하여 다시 작성하십시오. 어떤 구문을 선호합니까?
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12?loc=ko)
## 리뷰 & 자기주도 학습

Просмотреть файл

@ -1,18 +0,0 @@
*Complete this quiz by checking one answer per question.*
1. What part of a for-loop would you need to modify to increment its iteration by 5
- [ ] condition
- [ ] counter
- [ ] iteration-expression
2. What's the difference between a `while` and a `for-loop`
- [ ] A `for-loop` has a counter and iteration-expression, where `while` only has a condition
- [ ] A `while` has a counter and iteration-expression where `for-loop` only has a condition
- [ ] They are the same, just an alias for one another
3. Given the code `for (let i=1; i < 5; i++)`, how many iterations will it perform?
- [ ] 5
- [ ] 4

Просмотреть файл

@ -1,13 +0,0 @@
*Complete this quiz in class*
1. To refer to specific item in an array, you would use a
- [ ] square bracket `[]`
- [ ] index
- [ ] curly braces `{}`
2. How do you get the number of items in an array
- [ ] The `len(array)` method
- [ ] The property `size` on the array
- [ ] The `length` property on the array

Просмотреть файл

@ -1,18 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
1. फॉर-लूप के किस भाग को आपको इसके पुनरावृत्ति को 5 से बढ़ाना होगा
- [ ] condition (स्थिति)
- [ ] काउंटर
- [ ] iteration-expression
2. एक `while` और एक `for-loop` के बीच क्या अंतर है
- [ ] एक `for-loop` में एक काउंटर और इटरेशन-एक्सप्रेशन है, जहां `while` में केवल एक शर्त है
- [ ] एक `while` में एक काउंटर और इटरेशन-एक्सप्रेशन है, जहां `for-loop` में केवल एक शर्त है
- [ ] वे समान हैं, बस एक दूसरे के लिए एक उपनाम
3. दिया गया कोड `for (let i=1; i < 5; i++)`, कितने पुनरावृत्तियों प्रदर्शन करेंगे?
- [ ] 5
- [ ] 4

Просмотреть файл

@ -1,13 +0,0 @@
_इस क्विज को कक्षा में पूरा करें_
1. किसी सरणी में विशिष्ट आइटम को संदर्भित करने के लिए, आप एक क्या उपयोग करेंगे
- [ ] square bracket `[]`
- [ ] index
- [ ] curly braces `{}`
2. आपको किसी ऐरे में आइटम की संख्या कैसे मिलती है
- [ ] `len(array)` मेथड
- [ ] ऐरे पर `size` गुण
- [ ] ऐरे पर `length` गुण

Просмотреть файл

@ -2,7 +2,7 @@
[![Arrays und Loops](https://img.youtube.com/vi/Q_CRM2lXXBg/0.jpg)](https://youtube.com/watch?v=Q_CRM2lXXBg "Arrays and Loops")
## [Pre-Lecture Quiz](../.github/pre-lecture-quiz.md)
## [Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13)
Diese Lektion behandelt die Grundlagen von JavaScript, der Sprache, die Interaktivität im Web bietet. In dieser Lektion lernen Sie Arrays und Loops kennen, mit denen Daten bearbeitet werden.
@ -111,7 +111,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
Es gibt andere Möglichkeiten, Arrays als for- und while-Schleifen zu durchlaufen. Es gibt [forEach](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of) und [map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Schreiben Sie Ihre Array-Schleife mit einer dieser Techniken neu.
## [Quiz nach der Vorlesung](../.github/post-lecture-quiz.md)
## [Quiz nach der Vorlesung](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14)
## Review & Selbststudium

Просмотреть файл

@ -3,7 +3,7 @@
[![Matrices y bucles](https://img.youtube.com/vi/Q_CRM2lXXBg/0.jpg)](https://youtube.com/watch?v=Q_CRM2lXXBg "Matrices y bucles")
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13)
Esta lección cubre los conceptos básicos de JavaScript, el lenguaje que proporciona interactividad en la web. En esta lección, aprenderá sobre matrices y bucles, que se utilizan para manipular datos.
@ -105,7 +105,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
🚀 Desafío: Hay otras formas de realizar un bucle sobre arreglos además de los bucles for y while. Existen [forEach](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of), y [map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Vuelva a escribir su bucle de matriz utilizando una de estas técnicas.
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14)
## Revisión y autoestudio

Просмотреть файл

@ -4,7 +4,7 @@
> Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz Pre-Lezione
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13)
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13?loc=it)
Questa lezione tratta le basi di javascript, il linguaggio che fornisce interattività sul web. In questa lezione, si conosceranno gli array e i cicli, usati per manipolare i dati.
@ -113,7 +113,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
Esistono altri modi per eseguire un ciclo sugli array. diversi dai cicli for e while. Ci sono [forEach](https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Statements/for...of) e [map](https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Riscrivere il ciclo sull'array usando una di queste tecniche.
## Quiz Post-Lezione
[Quiz Post-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14)
[Quiz Post-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14?loc=14)
## Revisione e Auto Apprendimento

Просмотреть файл

@ -4,7 +4,7 @@
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13&loc=ko)
이 강의에서는 웹에서 상호 작용을 제공하는 언어인 JavaScript의 기본 사항을 다룹니다. 데이터를 컨트롤하는 데 사용하는 배열과 반복문에 대해 알아 봅니다.
@ -112,7 +112,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
for문과 while문 외에 배열을 반복하는 다른 방법이 있습니다. [forEach](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of) 그리고 [map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)도 있습니다. 해당 기술 중 하나를 사용하여 배열 반복을 다시 작성하십시오.
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14&loc=ko)
## 리뷰 & 자기주도 학습

Просмотреть файл

@ -1,17 +0,0 @@
*Complete this quiz after the lesson by checking one answer per question.*
1. Spans and Divs are interchangeable
- [ ] true
- [ ] false
2. The head of an HTML doc can contain:
- [ ] 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

Просмотреть файл

@ -1,19 +0,0 @@
*A warm-up quiz about HTML*
Complete this quiz in class
1. HTML stands for 'HyperText Mockup Language'
- [ ] true
- [ ] false
2. All HTML tags need both opening and closing tags
- [ ] true
- [ ] false
3. Using semantic markup is most important for
- [ ] code readability
- [ ] screen readers
- [ ] maintenance

Просмотреть файл

@ -1,18 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके पाठ के बाद इस प्रश्नोत्तरी को पूरा करें._
1. [Spans और Divs विनिमेय हैं]
- [ ] [सही]
- [ ] [गलत]
2. [HTML डॉक के प्रमुख में क्या हो सकता है:]
- [ ] [title टैग ]
- [ ] [metadata]
- [ ] [उपर्युक्त सभी]
3. [आप अपने मार्कअप में पदावनत टैग का उपयोग नहीं कर सकते हैं]
- [ ] [सही]
- [ ] [गलत]
- [ ] [गलत है, लेकिन उन्हें अच्छे कारण के लिए पदावनत किया गया है]

Просмотреть файл

@ -1,19 +0,0 @@
_HTML के बारे में एक वार्म-अप क्विज़_
इस क्विज को कक्षा में पूरा करें
1. HTML का फुल फॉर्म 'HyperText Mockup Language' है
- [ ] [सही]
- [ ] [गलत]
2. सभी HTML टैग को टैग खोलने और बंद करने दोनों की आवश्यकता होती है
- [ ] [सही]
- [ ] [गलत]
3. क्या करने के लिए सिमेंटिक मार्कअप का उपयोग करना सबसे महत्वपूर्ण है
- [ ] [code readability]
- [ ] [स्क्रीन रीडर]
- [ ] [संरक्षण]

Просмотреть файл

@ -3,7 +3,7 @@
![Introducción a HTML](images/webdev101-html.png)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15)
### Introducción:
@ -205,7 +205,7 @@ Agregue este marcado encima de la última etiqueta `</div>`:
🚀 Desafío: hay algunas etiquetas "antiguas" salvajes en HTML con las que todavía es divertido jugar, aunque no debes usar etiquetas obsoletas como [estas etiquetas](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) en su marcado. Aún así, ¿puede usar la antigua etiqueta `<marquee>` para hacer que el título h1 se desplace horizontalmente? (si lo hace, no olvide quitarlo después)
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16)
## Revisión y autoestudio

Просмотреть файл

@ -5,7 +5,7 @@
## Quiz Pre-Lezione
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15)
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15?loc=it)
### Introduzione
@ -218,7 +218,7 @@ Ci sono alcuni "vecchi" selvaggi tag in HTML con cui è ancora divertente giocar
## Quiz Post-Lezione
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16)
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16?loc=it)
## Revisione e Auto Apprendimento

Просмотреть файл

@ -5,7 +5,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15?loc=ko)
### 소개
@ -217,7 +217,7 @@ HTML에는 여전히 재미있고 '오래된' 태그가 있지만, 마크업에
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16?loc=ko)
## 리뷰 & 자기주도 학습

Просмотреть файл

@ -1,21 +0,0 @@
*Complete this quiz after the lesson by checking one answer per question.*
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?WT.mc_id=academic-4621-cxa)
1. You can write CSS directly in the head section of your HTML file
- [ ] true
- [ ] false
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
1. Which browser tool can be used to inspect CSS?
- [ ] Elements
- [ ] Styles
- [ ] Network

Просмотреть файл

@ -1,18 +0,0 @@
*A warm-up quiz about CSS*
Complete this quiz in class
1. HTML elements must have either a class or an id in order to be styled
- [ ] true
- [ ] false
2. CSS stands for 'Complete Style Sheets'
- [ ] true
- [ ] false
3. CSS can be used to create animations
- [ ] true
- [ ] false

Просмотреть файл

@ -1,22 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके पाठ के बाद इस प्रश्नोत्तरी को पूरा करें._
क्विज़ को पूरा करने के लिए आपको निम्नलिखित सीखने के मॉड्यूल का संदर्भ देना होगा:
[CSS के साथ काम करें](https://docs.microsoft.com/en-us/learn/modules/build-simple-website/4-css-basics?WT.mc_id=academic-4621-cxa)
1. [आप अपनी HTML फ़ाइल के मुख्य भाग में सीधे CSS लिख सकते हैं]
- [ ] [सही]
- [ ] [गलत]
1. [अपने ऐप में CSS को शामिल करना हमेशा आवश्यक होता है]
- [ ] [सही]
- [ ] [गलत]
- [ ] [गलत है, लेकिन यदि आप चाहते हैं कि यह अच्छा लगे तो आपको CSS की आवश्यकता होगी]
1. [CSS का निरीक्षण करने के लिए कौन से ब्राउज़र टूल का उपयोग किया जा सकता है?]
- [ ] [Elements]
- [ ] [Styles]
- [ ] [Network]

Просмотреть файл

@ -1,18 +0,0 @@
_CSS के बारे में एक वार्म-अप क्विज़_
इस क्विज को कक्षा में पूरा करें
1. HTML तत्वों को स्टाइल करने के लिए एक वर्ग(क्लॉस) या एक आईडी होना चाहिए
- [ ] [सही]
- [ ] [गलत]
2. CSS का अर्थ 'Complete Style Sheets' है
- [ ] [सही]
- [ ] [गलत]
3. एनिमेशन बनाने के लिए CSS का उपयोग किया जा सकता है
- [ ] [सही]
- [ ] [गलत]

Просмотреть файл

@ -3,7 +3,7 @@
![Introducción a CSS](../images/webdev101-css.png)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/17)
### Introducción:
@ -244,7 +244,7 @@ Tenga en cuenta el uso de porcentajes aquí, incluso para el `border-radius`. Si
![terrario terminado](../images/terrarium-final.png)
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/18)
## Revisión y autoestudio

Просмотреть файл

@ -5,7 +5,7 @@
## Quiz Pre-Lezione
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/17)
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/17?loc=it)
### Introduzione
@ -252,7 +252,7 @@ Per completare il quiz post-lezione, seguire questo modulo di apprendimento: [Ap
## Quiz Post-Lezione
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/18)
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/18?loc=it)
## Revisione e Auto Apprendimento

Просмотреть файл

@ -5,7 +5,7 @@
## 강의 전 퀴즈
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/17?loc=ko)
### 소개
@ -252,7 +252,7 @@ jar 좌측 하단 부분에 'bubble' 광택을 추가하여 유리처럼 보이
## 강의 후 퀴즈
[Post-lecture quiz](../.github/post-lecture-quiz.md)
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/18?loc=ko)
## 리뷰 & 자기주도 학습

Просмотреть файл

@ -1,18 +0,0 @@
*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
- [ ] true
- [ ] false
2. Use JavaScript closures to perform the following:
- [ ] 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...
- [ ] arrays
- [ ] scope
- [ ] functions

Просмотреть файл

@ -1,18 +0,0 @@
*A warm-up quiz about the DOM*
Complete this quiz in class
1. The DOM stands for 'Document Object Management'
- [ ] true
- [ ] false
2. The DOM can be thought of as a tree
- [ ] true
- [ ] false
3. Using the Web API, you can manipulate the DOM
- [ ] true
- [ ] false

Просмотреть файл

@ -1,18 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके पाठ के बाद इस प्रश्नोत्तरी को पूरा करें._
1. [DOM एक नमूना है जो वेब पर एक दस्तावेज़ का प्रतिनिधित्व करता है]
- [ ] सही
- [ ] गलत
2. [निम्नलिखित प्रदर्शन करने के लिए जावास्क्रिप्ट क्लोजर का उपयोग करें:]
- [ ] [फंक्शन्स के भीतर फंक्शन्स लिखें]
- [ ] [डोम को संलग्न करें]
- [ ] [स्क्रिप्ट ब्लॉक बंद करें]
3. [रिक्त स्थान भरें: क्लोजर तब उपयोगी होते हैं जब एक या अधिक फ़ंक्शन को बाहरी फ़ंक्शन के ______ तक पहुंचने की आवश्यकता होती है]
- [ ] [arrays]
- [ ] [scope]
- [ ] [functions]

Просмотреть файл

@ -1,18 +0,0 @@
_DOM के बारे में एक वार्म-अप क्विज़_
इस क्विज को कक्षा में पूरा करें
1. DOM का अर्थ 'Document Object Management' है
- [ ] सही
- [ ] गलत
2. DOM को एक ट्री माना जा सकता है
- [ ] सही
- [ ] गलत
3. वेब API का उपयोग करके, आप DOM में हेरफेर कर सकते हैं
- [ ] सही
- [ ] गलत

Просмотреть файл

@ -3,7 +3,7 @@
! [DOM y un cierre](../images/webdev101-js.png)
> Boceto de [Tomomi Imura](https://twitter.com/girlie_mac)
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/19)
### Introducción:
@ -197,7 +197,7 @@ Esta pequeña función restablece los eventos `onpointerup` y `onpointermove` pa
🚀Challenge: agregue un nuevo controlador de eventos a su cierre para hacer algo más en las plantas; por ejemplo, haga doble clic en una planta para traerla al frente. ¡Se creativo!
## [Post-lecture prueba](.github/post-lecture-quiz.md)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/20)
## Revisión y autoestudio

Просмотреть файл

@ -5,7 +5,7 @@
## Quiz Pre-Lezione
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/19)
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/19?loc=it)
### Introduzione
@ -201,7 +201,7 @@ Aggiungere un nuovo gestore di eventi alla closure per fare qualcosa di più con
## Quiz Post-Lezione
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/20)
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/20?loc=it)
## Revisione e Auto Apprendimento

Просмотреть файл

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

Просмотреть файл

@ -1,18 +0,0 @@
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
1. किसी भी चीज़ के बारे में एक उपयोगकर्ता एक पृष्ठ पर एक घटना को बढ़ाता है
- [ ] सही
- [ ] गलत
2. आम घटनाओं में क्या शामिल हैं
- [ ] click_event
- [ ] select_event
- [ ] input_event
- [ ] all of these
3. आप ईवेंट हैंडलर बनाने के लिए अनाम फ़ंक्शंस का उपयोग कर सकते हैं
- [ ] सही
- [ ] गलत

Просмотреть файл

@ -1,20 +0,0 @@
_इस क्विज को कक्षा में पूरा करें_
1. इवेंट-संचालित प्रोग्रामिंग जब एक उपयोगकर्ता
- [ ] एक बटन पर क्लिक करता है
- [ ] एक वैल्यू बदलता है
- [ ] पृष्ठ के साथ सहभागिता करता है
- [ ] ऊपर मे से कोई
2. प्रक्रियात्मक प्रोग्रामिंग में, फंक्शन्स को कहा जाता है
- [ ] किसी भी समय
- [ ] एक विशिष्ट क्रम में
- [ ] बाएं से दाएं
3. ईवेंट हैंडलर्स को पंजीकृत करने के लिए DOM में उजागर की गई सार्वभौमिक विधि को क्या जाता है
- [ ] addEventListener
- [ ] addListener
- [ ] addEvent