mirror of
https://github.com/microsoft/Web-Dev-For-Beginners.git
synced 2025-08-12 09:44:19 +02:00
relinking quizzes for lessons 3 and 4
This commit is contained in:
Jen Looper
@@ -1,17 +0,0 @@
|
|||||||
*Complete this quiz by checking one answer per question.*
|
|
||||||
|
|
||||||
1. Lighthouse only checks for accessibility problems
|
|
||||||
|
|
||||||
- [ ] true
|
|
||||||
- [ ] false
|
|
||||||
|
|
||||||
2. Color-safe palettes help people with
|
|
||||||
|
|
||||||
- [ ] color-blindness
|
|
||||||
- [ ] visual impairments
|
|
||||||
- [ ] both the above
|
|
||||||
|
|
||||||
3. Descriptive links are vital for accessible web sites
|
|
||||||
|
|
||||||
- [ ] true
|
|
||||||
- [ ] false
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
*Complete this quiz in class*
|
|
||||||
|
|
||||||
1. An accessible web site can be checked in which browser tool
|
|
||||||
|
|
||||||
- [ ] Lighthouse
|
|
||||||
- [ ] Deckhouse
|
|
||||||
- [ ] Cleanhouse
|
|
||||||
|
|
||||||
2. You need a screen reader to test accessibility for visually-impaired users
|
|
||||||
|
|
||||||
- [ ] true
|
|
||||||
- [ ] false
|
|
||||||
|
|
||||||
3. Accessibility is only important on government web sites
|
|
||||||
|
|
||||||
- [ ] true
|
|
||||||
- [ ] false
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
_प्रति प्रश्न एक उत्तर की जाँच करके इस प्रश्नोत्तरी को पूरा करें._
|
|
||||||
|
|
||||||
1. Lighthouse केवल सुलभता की समस्याओं की जाँच करता है
|
|
||||||
|
|
||||||
- [ ] सही
|
|
||||||
- [ ] गलत
|
|
||||||
|
|
||||||
2. Color-safe palettes मदद करती है लोगोकी जिसे
|
|
||||||
|
|
||||||
- [ ] वर्णांधता
|
|
||||||
- [ ] दृष्टिदोष
|
|
||||||
- [ ] उपरोक्त दोनों
|
|
||||||
|
|
||||||
3. सुलभ वेब साइटों के लिए वर्णनात्मक लिंक महत्वपूर्ण हैं ?
|
|
||||||
|
|
||||||
- [ ] सही
|
|
||||||
- [ ] गलत
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
*Completare questo quiz selezionando una risposta per domanda.*
|
|
||||||
|
|
||||||
1. Lighthouse verifica solo i problemi di accessibilità
|
|
||||||
|
|
||||||
- [ ] vero
|
|
||||||
- [ ] falso
|
|
||||||
|
|
||||||
2. Le tavolozze con colori sicuri aiutano le persone con
|
|
||||||
|
|
||||||
- [ ] daltonismo
|
|
||||||
- [ ] disabilità visiva
|
|
||||||
- [ ] entrambe le cose
|
|
||||||
|
|
||||||
3. I link descrittivi sono vitali per i siti web accessibili
|
|
||||||
|
|
||||||
- [ ] vero
|
|
||||||
- [ ] falso
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
_इस क्विज को कक्षा में पूरा करें_
|
|
||||||
|
|
||||||
1. एक सुलभ वेब साइट की जाँच ब्राउज़र टूल की जा सकती है
|
|
||||||
|
|
||||||
- [ ] Lighthouse
|
|
||||||
- [ ] Deckhouse
|
|
||||||
- [ ] Cleanhouse
|
|
||||||
|
|
||||||
2. आपको दृष्टिबाधित उपयोगकर्ताओं के लिए अभिगम्यता का परीक्षण करने के लिए एक स्क्रीन रीडर की आवश्यकता है
|
|
||||||
|
|
||||||
- [ ] सही
|
|
||||||
- [ ] गलत
|
|
||||||
|
|
||||||
3. सरकारी वेब साइटों पर पहुंच केवल महत्वपूर्ण है
|
|
||||||
|
|
||||||
- [ ] सही
|
|
||||||
- [ ] गलत
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
*Completare questo quiz in classe*
|
|
||||||
|
|
||||||
1. Da quale strumento del browser è possibile controllare se un sito web è accessibile
|
|
||||||
|
|
||||||
- [ ] Lighthouse
|
|
||||||
- [ ] Deckhouse
|
|
||||||
- [ ] Cleanhouse
|
|
||||||
|
|
||||||
2. È necessario uno screen reader per testare l'accessibilità per gli utenti con problemi di vista
|
|
||||||
|
|
||||||
- [ ] vero
|
|
||||||
- [ ] falso
|
|
||||||
|
|
||||||
3. L'accessibilità è importante solo sui siti web governativi
|
|
||||||
|
|
||||||
- [ ] vero
|
|
||||||
- [ ] falso
|
|
||||||
@@ -3,7 +3,7 @@
|
|||||||
|
|
||||||
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
|
> 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/5)
|
||||||
|
|
||||||
> El poder de la Web está en su universalidad. El acceso de todas las personas independientemente de su discapacidad es un aspecto fundamental.
|
> El poder de la Web está en su universalidad. El acceso de todas las personas independientemente de su discapacidad es un aspecto fundamental.
|
||||||
>
|
>
|
||||||
@@ -110,7 +110,7 @@ Como una ventaja adicional para garantizar que su sitio sea accesible para todos
|
|||||||
|
|
||||||
Imagina la siguiente página:
|
Imagina la siguiente página:
|
||||||
|
|
||||||
| Producto | Descripción | Orden |
|
| Producto | Descripción | Orden |
|
||||||
| ------------ | ------------------ | ------------ |
|
| ------------ | ------------------ | ------------ |
|
||||||
| Widget | [Descripción]('#') | [Orden]('#') |
|
| Widget | [Descripción]('#') | [Orden]('#') |
|
||||||
| Super widget | [Descripción]('#') | [Orden]('#') |
|
| Super widget | [Descripción]('#') | [Orden]('#') |
|
||||||
@@ -202,7 +202,7 @@ Una web accesible para algunos no es una verdadera "red mundial". La mejor maner
|
|||||||
</html>
|
</html>
|
||||||
```
|
```
|
||||||
|
|
||||||
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
|
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6)
|
||||||
|
|
||||||
## Revisión y autoestudio
|
## Revisión y autoestudio
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
> Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
|
> Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||||
|
|
||||||
## Quiz Pre-Lezione
|
## Quiz Pre-Lezione
|
||||||
[Quiz Pre-Lezione](../.github/pre-lecture-quiz.md)
|
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5?loc=it)
|
||||||
|
|
||||||
> La forza del Web è nella usa universalità. L'accesso garantito a tutti a prescindere dalla disabilità è us aspetto essenziale.
|
> La forza del Web è nella usa universalità. L'accesso garantito a tutti a prescindere dalla disabilità è us aspetto essenziale.
|
||||||
>
|
>
|
||||||
@@ -116,9 +116,9 @@ Come bonus aggiuntivo per garantire che il proprio sito sia accessibile a tutti,
|
|||||||
|
|
||||||
Si Immagini la pagina seguente:
|
Si Immagini la pagina seguente:
|
||||||
|
|
||||||
| Prodotto | Descrizione | Ordine |
|
| Prodotto | Descrizione | Ordine |
|
||||||
| ------------ | ------------------ | ------------ |
|
| ---------------- | ------------------ | ------------- |
|
||||||
| Widget | [Descrizione]('#') | [Ordine]('#') |
|
| Widget | [Descrizione]('#') | [Ordine]('#') |
|
||||||
| DMX Super Widget | [Descrizione]('#') | [Ordine]('#') |
|
| DMX Super Widget | [Descrizione]('#') | [Ordine]('#') |
|
||||||
|
|
||||||
In questo esempio, la duplicazione del testo della descrizione e dell'ordine ha senso per qualcuno che utilizza un browser. Tuttavia, qualcuno che utilizza uno screen reader ascolterebbe solo le parole *descrizione* e *ordine* ripetute senza contesto.
|
In questo esempio, la duplicazione del testo della descrizione e dell'ordine ha senso per qualcuno che utilizza un browser. Tuttavia, qualcuno che utilizza uno screen reader ascolterebbe solo le parole *descrizione* e *ordine* ripetute senza contesto.
|
||||||
@@ -215,7 +215,7 @@ Prendere questo HTML e riscriverlo per essere il più accessibile possibile, dat
|
|||||||
```
|
```
|
||||||
|
|
||||||
## Quiz post-lezione
|
## Quiz post-lezione
|
||||||
[Quiz post-lezione](../.github/post-lecture-quiz.md)
|
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6?loc=it)
|
||||||
|
|
||||||
## Revisione e auto apprendimento
|
## Revisione e auto apprendimento
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||||
|
|
||||||
## レクチャー前クイズ
|
## レクチャー前クイズ
|
||||||
[レクチャー前クイズ](.github/pre-lecture-quiz.md)
|
[レクチャー前クイズ](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5?loc=ja)
|
||||||
|
|
||||||
> Web の力は、その普遍性にあります。障害の有無に関わらず、誰もがアクセスできることが重要です。
|
> Web の力は、その普遍性にあります。障害の有無に関わらず、誰もがアクセスできることが重要です。
|
||||||
>
|
>
|
||||||
@@ -216,7 +216,7 @@ CSS は、ページ上のあらゆる要素の外観を完全に制御するこ
|
|||||||
```
|
```
|
||||||
|
|
||||||
## レクチャー後クイズ
|
## レクチャー後クイズ
|
||||||
[レクチャー後クイズ](.github/post-lecture-quiz.md)
|
[レクチャー後クイズ](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6?loc=ja)
|
||||||
|
|
||||||
## 復習と自己学習
|
## 復習と自己学習
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
> 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/5?loc=ko)
|
||||||
|
|
||||||
> 웹의 힘은 보편성에 있습니다. 장애에 관계없이 모든 사람이 접근하는 것은 필수 요소입니다.
|
> 웹의 힘은 보편성에 있습니다. 장애에 관계없이 모든 사람이 접근하는 것은 필수 요소입니다.
|
||||||
>
|
>
|
||||||
@@ -207,7 +207,7 @@ CSS는 페이지에 있는 모든 요소의 형태를 완벽하게 제어합니
|
|||||||
```
|
```
|
||||||
|
|
||||||
## 강의 후 퀴즈
|
## 강의 후 퀴즈
|
||||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6?loc=ko)
|
||||||
|
|
||||||
## 리뷰 & 자기주도 학습
|
## 리뷰 & 자기주도 학습
|
||||||
|
|
||||||
|
|||||||
@@ -1,18 +0,0 @@
|
|||||||
*Complete this quiz after the lesson by checking one answer per question.*
|
|
||||||
|
|
||||||
1. Constants are the same as `let` and `var` to declare variables except
|
|
||||||
|
|
||||||
- [ ] Constants must be initialized
|
|
||||||
- [ ] Constants can be altered
|
|
||||||
- [ ] Constants can be reassigned
|
|
||||||
|
|
||||||
2. Numbers and ____ are JavaScript primitives that handle numeric data
|
|
||||||
|
|
||||||
- [ ] bigint
|
|
||||||
- [ ] boolean
|
|
||||||
- [ ] star
|
|
||||||
|
|
||||||
3. Strings can reside between both single and double quotes
|
|
||||||
|
|
||||||
- [ ] true
|
|
||||||
- [ ] false
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
*Complete this quiz in class*
|
|
||||||
|
|
||||||
1. Booleans are a data type you can use to test the length of a string
|
|
||||||
|
|
||||||
- [ ] true
|
|
||||||
- [ ] false
|
|
||||||
|
|
||||||
1. The following is an operation you can perform on a string
|
|
||||||
|
|
||||||
- [ ] concatenation
|
|
||||||
- [ ] appending
|
|
||||||
- [ ] splicing
|
|
||||||
|
|
||||||
3. `==` and `===` are interchangeable
|
|
||||||
|
|
||||||
- [ ] true
|
|
||||||
- [ ] false
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
_प्रति प्रश्न एक उत्तर की जाँच करके पाठ के बाद इस प्रश्नोत्तरी को पूरा करें_
|
|
||||||
|
|
||||||
1.वैरिएबल घोषित करने के लिए कॉन्स्टेंट `let` और `var` के समान हैं सिवाय इसके कि
|
|
||||||
|
|
||||||
- [ ] स्थिरांक को प्रारंभिक किया जाना चाहिए
|
|
||||||
- [ ] स्थिरांक बदलाव किए जा सकते हैं
|
|
||||||
- [ ] स्थिरांक को पुन: सौंपा जा सकता है
|
|
||||||
|
|
||||||
2. संख्याएँ और \_\_\_\_ जावास्क्रिप्ट आदिम हैं जो संख्यात्मक डेटा को संभालते हैं
|
|
||||||
|
|
||||||
- [ ] bigint
|
|
||||||
- [ ] boolean
|
|
||||||
- [ ] star
|
|
||||||
|
|
||||||
3. स्ट्रिंग्स सिंगल और डबल दोनों कोट्स के बीच निवास कर सकते हैं
|
|
||||||
|
|
||||||
- [ ] सही
|
|
||||||
- [ ] गलत
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
_इस क्विज को कक्षा में पूरा करें_
|
|
||||||
|
|
||||||
1. बुलियन एक डेटा प्रकार है जिसका उपयोग आप एक स्ट्रिंग की लंबाई का परीक्षण करने के लिए कर सकते हैं
|
|
||||||
|
|
||||||
- [ ] सही
|
|
||||||
- [ ] गलत
|
|
||||||
|
|
||||||
2. निम्नलिखित एक ऑपरेशन है जो आप एक स्ट्रिंग पर प्रदर्शन कर सकते हैं
|
|
||||||
|
|
||||||
- [ ] concatenation
|
|
||||||
- [ ] appending
|
|
||||||
- [ ] splicing
|
|
||||||
|
|
||||||
3. `==` और `===` विनिमेय हैं
|
|
||||||
|
|
||||||
- [ ] सही
|
|
||||||
- [ ] गलत
|
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
[](https://youtube.com/watch?v=JNIXfGiDWM8 "Datentypen in JavaScript")
|
[](https://youtube.com/watch?v=JNIXfGiDWM8 "Datentypen in JavaScript")
|
||||||
|
|
||||||
## [Pre-Lecture Quiz](../.github/pre-lecture-quiz.md)
|
## [Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7)
|
||||||
|
|
||||||
Diese Lektion behandelt die Grundlagen von JavaScript, der Sprache, die Interaktivität im Web bietet.
|
Diese Lektion behandelt die Grundlagen von JavaScript, der Sprache, die Interaktivität im Web bietet.
|
||||||
|
|
||||||
@@ -119,7 +119,7 @@ Variablen können alle Arten von Zahlen speichern, einschließlich Dezimalstelle
|
|||||||
Es gibt verschiedene Arten von Operatoren, die beim Ausführen von arithmetischen Funktionen verwendet werden können. Einige sind hier aufgeführt:
|
Es gibt verschiedene Arten von Operatoren, die beim Ausführen von arithmetischen Funktionen verwendet werden können. Einige sind hier aufgeführt:
|
||||||
|
|
||||||
| Symbol | Beschreibung | Beispiel |
|
| Symbol | Beschreibung | Beispiel |
|
||||||
| ------ | -------------------------------------------------- ---------------------- | -------------------------------- |
|
| ------ | ------------ |---------------------- | -------------------------------- |
|
||||||
| `+` | **Addition**: Berechnet die Summe zweier Zahlen | `1 + 2 // erwartete Antwort ist 3` |
|
| `+` | **Addition**: Berechnet die Summe zweier Zahlen | `1 + 2 // erwartete Antwort ist 3` |
|
||||||
| `-` | **Subtraktion**: Berechnet die Differenz zweier Zahlen | `1 - 2 // erwartete Antwort ist -1` |
|
| `-` | **Subtraktion**: Berechnet die Differenz zweier Zahlen | `1 - 2 // erwartete Antwort ist -1` |
|
||||||
| `*` | **Multiplikation**: Berechnet das Produkt zweier Zahlen | `1 * 2 // erwartete Antwort ist 2` |
|
| `*` | **Multiplikation**: Berechnet das Produkt zweier Zahlen | `1 * 2 // erwartete Antwort ist 2` |
|
||||||
@@ -186,7 +186,7 @@ Boolesche Werte können nur zwei Werte sein: `true` oder `false`. Boolesche Wert
|
|||||||
|
|
||||||
JavaScript ist bekannt für seine überraschende Art, gelegentlich mit Datentypen umzugehen. Recherchiere ein bisschen über diese 'Fallstricke'. Zum Beispiel: Groß- und Kleinschreibung kann beißen! Versuchen Sie dies in Ihrer Konsole: `let age = 1; let Age = 2; age == Age` (löst `false` auf - warum?). Welche anderen Fallstricke können Sie finden?
|
JavaScript ist bekannt für seine überraschende Art, gelegentlich mit Datentypen umzugehen. Recherchiere ein bisschen über diese 'Fallstricke'. Zum Beispiel: Groß- und Kleinschreibung kann beißen! Versuchen Sie dies in Ihrer Konsole: `let age = 1; let Age = 2; age == Age` (löst `false` auf - warum?). Welche anderen Fallstricke können Sie finden?
|
||||||
|
|
||||||
## [Quiz nach der Vorlesung](../.github/post-lecture-quiz.md)
|
## [Quiz nach der Vorlesung](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8)
|
||||||
|
|
||||||
## Review & Selbststudium
|
## Review & Selbststudium
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
[](https://youtube.com/watch?v=rEHV3fFMfn0 "Tipos de datos en JavaScript")
|
[](https://youtube.com/watch?v=rEHV3fFMfn0 "Tipos de datos en JavaScript")
|
||||||
|
|
||||||
## [Pre-lecture prueba](../.github/pre-lecture-quiz.md)
|
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7)
|
||||||
|
|
||||||
Esta lección cubre los conceptos básicos de JavaScript, el lenguaje que proporciona interactividad en la web.
|
Esta lección cubre los conceptos básicos de JavaScript, el lenguaje que proporciona interactividad en la web.
|
||||||
|
|
||||||
@@ -114,13 +114,13 @@ Las variables pueden almacenar todo tipo de números, incluidos decimales o núm
|
|||||||
|
|
||||||
Hay varios tipos de operadores que se pueden utilizar al realizar funciones aritméticas, y algunos se enumeran aquí:
|
Hay varios tipos de operadores que se pueden utilizar al realizar funciones aritméticas, y algunos se enumeran aquí:
|
||||||
|
|
||||||
| Símbolo | Descripción | Ejemplo |
|
| Símbolo | Descripción | Ejemplo |
|
||||||
| ------- | ------------------------------------------------------------------------ | -------------------------------------- |
|
| ------- | ------------------------------------------------------------------ | -------------------------------------- |
|
||||||
| `+` | **Suma**: Calcula la suma de dos números | `1 + 2 //la respuesta esperada es 3` |
|
| `+` | **Suma**: Calcula la suma de dos números | `1 + 2 //la respuesta esperada es 3` |
|
||||||
| `-` | **Resta**: Calcula la diferencia de dos números | `1 - 2 //la respuesta esperada es -1` |
|
| `-` | **Resta**: Calcula la diferencia de dos números | `1 - 2 //la respuesta esperada es -1` |
|
||||||
| `*` | **Multiplicación**: Calcula el producto de dos números | `1 * 2 //la respuesta esperada es 2` |
|
| `*` | **Multiplicación**: Calcula el producto de dos números | `1 * 2 //la respuesta esperada es 2` |
|
||||||
| `/` | **División**: Calcula el cociente de dos números | `1 / 2 //la respuesta esperada es 0.5` |
|
| `/` | **División**: Calcula el cociente de dos números | `1 / 2 //la respuesta esperada es 0.5` |
|
||||||
| `%` | **Resto**: Calcula el resto a partir de la división de dos números | `1 % 2 //la respuesta esperada es 1` |
|
| `%` | **Resto**: Calcula el resto a partir de la división de dos números | `1 % 2 //la respuesta esperada es 1` |
|
||||||
|
|
||||||
✅ ¡Pruébalo! Pruebe una operación aritmética en la consola de su navegador. ¿Te sorprenden los resultados?
|
✅ ¡Pruébalo! Pruebe una operación aritmética en la consola de su navegador. ¿Te sorprenden los resultados?
|
||||||
|
|
||||||
@@ -178,7 +178,7 @@ Los booleanos pueden tener solo dos valores: `true` o `false`. Los valores boole
|
|||||||
|
|
||||||
🚀 Desafío: JavaScript es conocido por sus sorprendentes formas de manejar tipos de datos en ocasiones. Investiga un poco sobre estos "errores". Por ejemplo: ¡la sensibilidad a mayúsculas y minúsculas puede morder! Pruebe esto en su consola: `let age = 1; let Age = 2; age == Age` (resuelve `false` - ¿por qué?). ¿Qué otras trampas puedes encontrar?
|
🚀 Desafío: JavaScript es conocido por sus sorprendentes formas de manejar tipos de datos en ocasiones. Investiga un poco sobre estos "errores". Por ejemplo: ¡la sensibilidad a mayúsculas y minúsculas puede morder! Pruebe esto en su consola: `let age = 1; let Age = 2; age == Age` (resuelve `false` - ¿por qué?). ¿Qué otras trampas puedes encontrar?
|
||||||
|
|
||||||
## [Post-lecture prueba](../.github/post-lecture-quiz.md)
|
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8)
|
||||||
|
|
||||||
## Revisión y autoestudio
|
## Revisión y autoestudio
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||||
|
|
||||||
## レクチャー前クイズ
|
## レクチャー前クイズ
|
||||||
[レクチャー前クイズ](.github/pre-lecture-quiz.md)
|
[レクチャー前クイズ](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7?loc=ja)
|
||||||
|
|
||||||
このレッスンでは、Web 上でインタラクティブな機能を提供する言語である JavaScript の基礎を学びます。
|
このレッスンでは、Web 上でインタラクティブな機能を提供する言語である JavaScript の基礎を学びます。
|
||||||
|
|
||||||
@@ -117,13 +117,13 @@ const MY_VARIABLE = 123;
|
|||||||
|
|
||||||
算術関数を実行する際に使用する演算子にはいくつかの種類があり、ここではいくつかを紹介します。
|
算術関数を実行する際に使用する演算子にはいくつかの種類があり、ここではいくつかを紹介します。
|
||||||
|
|
||||||
| シンボル | 説明 | 例 |
|
| シンボル | 説明 | 例 |
|
||||||
| ------ | ------------------------------------------------------------------------ | -------------------------------- |
|
| -------- | ----------------------------------------------- | ------------------------------------- |
|
||||||
| `+` | **加算**: 2つの数値の和を計算します。 | `1 + 2 //期待される答えは 3 です。` |
|
| `+` | **加算**: 2つの数値の和を計算します。 | `1 + 2 //期待される答えは 3 です。` |
|
||||||
| `-` | **減算**: 2つの数値の差を計算します。 | `1 - 2 //期待される答えは -1 です。` |
|
| `-` | **減算**: 2つの数値の差を計算します。 | `1 - 2 //期待される答えは -1 です。` |
|
||||||
| `*` | **乗算**: 2つの数値の積を計算します。 | `1 * 2 //期待される答えは 2 です。` |
|
| `*` | **乗算**: 2つの数値の積を計算します。 | `1 * 2 //期待される答えは 2 です。` |
|
||||||
| `/` | **除算**: 2つの数値の商を計算します。 | `1 / 2 //期待される答えは 0.5 です。` |
|
| `/` | **除算**: 2つの数値の商を計算します。 | `1 / 2 //期待される答えは 0.5 です。` |
|
||||||
| `%` | **余り**: 2つの数値の割り算から余りを計算します | `1 % 2 //期待される答えは 1 です。` |
|
| `%` | **余り**: 2つの数値の割り算から余りを計算します | `1 % 2 //期待される答えは 1 です。` |
|
||||||
|
|
||||||
✅ 試してみましょう! ブラウザのコンソールで算術を試してみてください。驚きの結果が出ましたか？
|
✅ 試してみましょう! ブラウザのコンソールで算術を試してみてください。驚きの結果が出ましたか？
|
||||||
|
|
||||||
@@ -185,7 +185,7 @@ let myString2 = "World";
|
|||||||
JavaScript は、たまにデータ型を扱う際の意外な方法で悪名高いです。これらの 'gotchas' について少し調べてみてください。例えば: 大文字小文字の区別でつまずくことがあります! コンソールで以下のようにしてみてください。`let age = 1; let Age = 2; age == Age` (解決は `false` -- なぜ?) 他にどのような gotchas があるでしょうか?
|
JavaScript は、たまにデータ型を扱う際の意外な方法で悪名高いです。これらの 'gotchas' について少し調べてみてください。例えば: 大文字小文字の区別でつまずくことがあります! コンソールで以下のようにしてみてください。`let age = 1; let Age = 2; age == Age` (解決は `false` -- なぜ?) 他にどのような gotchas があるでしょうか?
|
||||||
|
|
||||||
## レクチャー後クイズ
|
## レクチャー後クイズ
|
||||||
[レクチャー後クイズ](.github/post-lecture-quiz.md)
|
[レクチャー後クイズ](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8?loc=ja)
|
||||||
|
|
||||||
## 復習と自己学習
|
## 復習と自己学習
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
> 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/7?loc=ko)
|
||||||
|
|
||||||
해당 강의에서는 웹에서 상호작용을 제공하는 언어인 JavaScript의 기초를 다룹니다.
|
해당 강의에서는 웹에서 상호작용을 제공하는 언어인 JavaScript의 기초를 다룹니다.
|
||||||
|
|
||||||
@@ -185,7 +185,7 @@ let myString2 = "World";
|
|||||||
JavaScript는 때때로 놀라운 방법으로 데이터 타입을 처리하는 것으로 유명합니다. 'gotchas'에 대해 약간 알아보세요. 예시: 대소문자 구분은 물릴 수 있습니다! 콘솔에서 다음을 시도하십시오: `let age = 1; let Age = 2; age == Age` (resolves `false` -- why?). 다른 문제를 찾을 수 있습니까?
|
JavaScript는 때때로 놀라운 방법으로 데이터 타입을 처리하는 것으로 유명합니다. 'gotchas'에 대해 약간 알아보세요. 예시: 대소문자 구분은 물릴 수 있습니다! 콘솔에서 다음을 시도하십시오: `let age = 1; let Age = 2; age == Age` (resolves `false` -- why?). 다른 문제를 찾을 수 있습니까?
|
||||||
|
|
||||||
## 강의 후 퀴즈
|
## 강의 후 퀴즈
|
||||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8?loc=ko)
|
||||||
|
|
||||||
## 리뷰 & 자기주도 학습
|
## 리뷰 & 자기주도 학습
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user