pull/354/head
manusquall 3 years ago
commit 0605e4d118

@ -4,10 +4,6 @@ on:
push: push:
branches: branches:
- main - main
# pull_request:
# types: [opened, synchronize, reopened, closed]
# branches:
# - main
jobs: jobs:
build_and_deploy_job: build_and_deploy_job:
@ -20,15 +16,15 @@ jobs:
submodules: true submodules: true
- name: Build And Deploy - name: Build And Deploy
id: builddeploy id: builddeploy
uses: Azure/static-web-apps-deploy@v0.0.1-preview uses: Azure/static-web-apps-deploy@v1
with: with:
azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_NICE_BEACH_0FE9E9D0F }} azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_HAPPY_MUD_02D95F10F }}
repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments) repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
action: "upload" action: "upload"
###### Repository/Build Configurations - These values can be configured to match you app requirements. ###### ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
# For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
app_location: "/quiz-app" # App source code path app_location: "/quiz-app" # App source code path
api_location: "api" # Api source code path - optional api_location: "" # Api source code path - optional
output_location: "dist" # Built app content directory - optional output_location: "dist" # Built app content directory - optional
###### End of Repository/Build Configurations ###### ###### End of Repository/Build Configurations ######
@ -39,7 +35,7 @@ jobs:
steps: steps:
- name: Close Pull Request - name: Close Pull Request
id: closepullrequest id: closepullrequest
uses: Azure/static-web-apps-deploy@v0.0.1-preview uses: Azure/static-web-apps-deploy@v1
with: with:
azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_NICE_BEACH_0FE9E9D0F }} azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_HAPPY_MUD_02D95F10F }}
action: "close" action: "close"

@ -6,7 +6,7 @@ This lesson covers the basics of programming languages. The topics covered here
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## Pre-Lecture Quiz ## Pre-Lecture Quiz
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1)
## Introduction ## Introduction
@ -187,7 +187,7 @@ When a developer wants to learn something new, they'll most likely turn to docum
Compare some programming languages. What are some of the unique traits of JavaScript vs. Java? How about COBOL vs. Go? Compare some programming languages. What are some of the unique traits of JavaScript vs. Java? How about COBOL vs. Go?
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2)
## Review & Self Study ## Review & Self Study

@ -5,7 +5,7 @@ Esta lección cubre los conceptos básicos de los lenguajes de programación. Lo
![Intro Programming](/sketchnotes/webdev101-programming.png) ![Intro Programming](/sketchnotes/webdev101-programming.png)
> Dibujo por [Tomomi Imura](https://twitter.com/girlie_mac) > Dibujo por [Tomomi Imura](https://twitter.com/girlie_mac)
## [Cuestionario](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1) ## [Cuestionario](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1)
### Introducción ### Introducción
En esta lección, cubriremos: En esta lección, cubriremos:
@ -182,7 +182,7 @@ Cuando un desarrollador quiere aprender algo nuevo, lo más probable es que recu
Compara algunos lenguajes de programación. ¿Cuáles son algunos de los rasgos únicos de JavaScript frente a Java? ¿Qué hay de COBOL vs. Go? Compara algunos lenguajes de programación. ¿Cuáles son algunos de los rasgos únicos de JavaScript frente a Java? ¿Qué hay de COBOL vs. Go?
## [Prueba Post-lectura](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2) ## [Prueba Post-lectura](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2)
## Revisión y autoestudio ## Revisión y autoestudio

@ -6,7 +6,7 @@ Cette leçon couvre les bases des langages de programmation. Les sujets abordés
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz préalable ## Quiz préalable
[Quiz préalable](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=fr) [Quiz préalable](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=fr)
## introduction ## introduction
@ -182,7 +182,7 @@ Lorsqu'un développeur souhaite apprendre quelque chose de nouveau, il se tourne
Comparez quelques langages de programmation. Quelles sont certaines des caractéristiques uniques de JavaScript par rapport à Java? Et COBOL vs Go? Comparez quelques langages de programmation. Quelles sont certaines des caractéristiques uniques de JavaScript par rapport à Java? Et COBOL vs Go?
## Quiz de validation des connaissances ## Quiz de validation des connaissances
[Quiz de validation des connaissances](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2?loc=fr) [Quiz de validation des connaissances](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2?loc=fr)
## Révision et auto-apprentissage ## Révision et auto-apprentissage

@ -6,7 +6,7 @@
> Σκίτσο από [Tomomi Imura](https://twitter.com/girlie_mac) > Σκίτσο από [Tomomi Imura](https://twitter.com/girlie_mac)
## Pre-Lecture Quiz ## Pre-Lecture Quiz
[Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=gr) [Pre-Lecture Quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=gr)
## Εισαγωγή ## Εισαγωγή
@ -183,7 +183,7 @@ back add r0,r1
Συγκρίνετε μερικές γλώσσες προγραμματισμού. Ποια είναι τα μοναδικά χαρακτηριστικά που έχει η JavaScript και δεν έχει η Java και το αντίστροφο; Τι γίνεται με τη COBOL εναντίον της Go; Συγκρίνετε μερικές γλώσσες προγραμματισμού. Ποια είναι τα μοναδικά χαρακτηριστικά που έχει η JavaScript και δεν έχει η Java και το αντίστροφο; Τι γίνεται με τη COBOL εναντίον της Go;
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2?loc=gr) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2?loc=gr)
## Review & Self Study ## Review & Self Study

@ -6,7 +6,7 @@
>[टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट >[टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट
## पूर्व व्याख्यान प्रश्नोत्तरी ## पूर्व व्याख्यान प्रश्नोत्तरी
[पूर्व व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=hi) [पूर्व व्याख्यान प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=hi)
## परिचय ## परिचय
@ -183,7 +183,7 @@ back add r0,r1
कुछ प्रोग्रामिंग भाषाओं की तुलना करें। जावास्क्रिप्ट बनाम जावा के कुछ विशिष्ट लक्षण क्या हैं? COBOL बनाम GO के बारे मे? कुछ प्रोग्रामिंग भाषाओं की तुलना करें। जावास्क्रिप्ट बनाम जावा के कुछ विशिष्ट लक्षण क्या हैं? COBOL बनाम GO के बारे मे?
## व्याख्यान उपरांत प्रश्नोत्तरी ## व्याख्यान उपरांत प्रश्नोत्तरी
[व्याख्यान उपरांत प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2?loc=hi) [व्याख्यान उपरांत प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2?loc=hi)
## समीक्षा और स्व अध्ययन ## समीक्षा और स्व अध्ययन

@ -7,7 +7,7 @@ Pelajaran ini mencakup dasar-dasar bahasa pemrograman. Topik yang dibahas di sin
## Kuis Pra-Kuliah ## Kuis Pra-Kuliah
[Kuis pra-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=id) [Kuis pra-kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=id)
## Pengantar ## Pengantar
@ -185,7 +185,7 @@ Bandingkan beberapa bahasa pemrograman. Apa saja ciri-ciri unik JavaScript vs. J
## Kuis Pasca-Kuliah ## Kuis Pasca-Kuliah
[Kuis pasca-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2?loc=id) [Kuis pasca-kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2?loc=id)
## Ulasan & Belajar Mandiri ## Ulasan & Belajar Mandiri

@ -6,7 +6,7 @@ Questa lezione tratta delle basi dei linguaggi di programmazione. Gli argomenti
> 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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=it) [Quiz Pre-Lezione](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=it)
## Introduzione ## Introduzione
@ -183,7 +183,7 @@ Quando uno sviluppatore vuole imparare qualcosa di nuovo, per la maggior parte d
Confrontate alcuni linguaggi di programmazione. Quali sono i tratti univoci di JavaScript rispetto a Java? E COBOL rispetto a Go? Confrontate alcuni linguaggi di programmazione. Quali sono i tratti univoci di JavaScript rispetto a Java? E COBOL rispetto a Go?
## Quiz Post-Lezione ## Quiz Post-Lezione
[Quiz Post-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2?loc=it) [Quiz Post-Lezione](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2?loc=it)
## Revisione e Auto Istruzione ## Revisione e Auto Istruzione

@ -8,7 +8,7 @@
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## 事前クイズ ## 事前クイズ
[事前クイズ](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=ja) [事前クイズ](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=ja)
## Introduction ## Introduction
@ -236,7 +236,7 @@ JavaScriptとJavaの特徴は
COBOLとGoについては COBOLとGoについては
## 事後テスト ## 事後テスト
[事後テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=ja) [事後テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=ja)
## レビュー & 自習 ## レビュー & 自習

@ -6,7 +6,7 @@
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## 강의 전 퀴즈 ## 강의 전 퀴즈
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=ko) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=ko)
## 소개 ## 소개
@ -183,7 +183,7 @@ command line 옵션은 사용하는 운영체제에 따라 다릅니다.
일부 프로그래밍 언어를 비교하십시오. JavaScript와 자바의 특징은 무엇입니까? COBOL과 Go는 어떻습니까? 일부 프로그래밍 언어를 비교하십시오. JavaScript와 자바의 특징은 무엇입니까? COBOL과 Go는 어떻습니까?
## 강의 후 퀴즈 ## 강의 후 퀴즈
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2?loc=ko) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2?loc=ko)
## 리뷰 & 자기주도 학습 ## 리뷰 & 자기주도 학습

@ -6,7 +6,7 @@ Pelajaran ini merangkumi asas bahasa pengaturcaraan. Topik yang anda akan belaja
> Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
## Kuiz Pra-Kuliah ## Kuiz Pra-Kuliah
[Kuiz Pra-Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1) [Kuiz Pra-Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1)
## Pengenalan ## Pengenalan
@ -181,7 +181,7 @@ Apabila pembangun ingin mempelajari sesuatu yang baru, kemungkinan besar mereka
Bandingkan beberapa bahasa pengaturcaraan. Apa ciri unik JavaScript berbanding dengan Java? Bagaimanakah dengan COBOL vs. Go? Bandingkan beberapa bahasa pengaturcaraan. Apa ciri unik JavaScript berbanding dengan Java? Bagaimanakah dengan COBOL vs. Go?
## Kuiz Pasca Kuliah ## Kuiz Pasca Kuliah
[Kuiz Pasca Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2) [Kuiz Pasca Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2)
## Mengkaji sendiri & Belajar sendiri ## Mengkaji sendiri & Belajar sendiri

@ -7,7 +7,7 @@ Deze les beschrijft de basis over programmeertalen. De onderwerpen zijn van toep
## Pre-Lecture Quiz ## Pre-Lecture Quiz
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1)
## Introductie ## Introductie
@ -184,7 +184,7 @@ Wanneer een ontwikkelaar iets nieuws wil leren dan zullen ze waarschijnlijk de b
Vergelijk wat programmeertalen. Wat zijn unieke kenmerken van JavaScript vs. Java. En het verschil tussen COBOL en Go? Vergelijk wat programmeertalen. Wat zijn unieke kenmerken van JavaScript vs. Java. En het verschil tussen COBOL en Go?
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2)
## Review & Zelfstudie ## Review & Zelfstudie

@ -8,7 +8,7 @@ Essa lição trata dos básicos de linguagens de programação. Os tõpicos trat
## Quiz Pré-Lição ## Quiz Pré-Lição
[Quiz Pré-Lição](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1) [Quiz Pré-Lição](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1)
## Introdução ## Introdução
@ -203,7 +203,7 @@ Compare algumas linguagens de programação. Quais são algumas das característ
## Quiz Pós-Aula ## Quiz Pós-Aula
[Quiz Pós-Aula](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2) [Quiz Pós-Aula](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2)
## Revisão & Autoestudo ## Revisão & Autoestudo

@ -6,7 +6,7 @@
> 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac) > 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac)
## 课前小测 ## 课前小测
[课前小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=zh_cn) [课前小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=zh_cn)
## 大纲 ## 大纲
@ -183,7 +183,7 @@ back add r0,r1
比较一些编程语言。JavaScript 和 Java 相互之间有什么独特的特征COBOL 和 Go 之间呢? 比较一些编程语言。JavaScript 和 Java 相互之间有什么独特的特征COBOL 和 Go 之间呢?
## 课后小测 ## 课后小测
[课后小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2?loc=zh_cn) [课后小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2?loc=zh_cn)
## 复习 & 自学 ## 复习 & 自学

@ -6,7 +6,7 @@
> 由[Tomomi Imura](https://twitter.com/girlie_mac) 繪製。 > 由[Tomomi Imura](https://twitter.com/girlie_mac) 繪製。
## 課前測驗 ## 課前測驗
[課前測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1?loc=zh_tw) [課前測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/1?loc=zh_tw)
## 大綱 ## 大綱
@ -183,7 +183,7 @@ back add r0,r1
比較不同的程式語言: JavaScript 與 Java 間有什麼獨特的特徵? 那 COBOL 與 Go 呢? 比較不同的程式語言: JavaScript 與 Java 間有什麼獨特的特徵? 那 COBOL 與 Go 呢?
## 課後測驗 ## 課後測驗
[課後測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2?loc=zh_tw) [課後測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/2?loc=zh_tw)
## 複習與自學 ## 複習與自學

@ -6,7 +6,7 @@ This lesson covers the basics of GitHub, a platform to host and manage changes t
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## Pre-Lecture Quiz ## Pre-Lecture Quiz
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3)
## Introduction ## Introduction
@ -299,7 +299,7 @@ Projects might also have discussion in forums, mailing lists, or chat channels l
Pair with a friend to work on each other's code. Create a project collaboratively, fork code, create branches, and merge changes. Pair with a friend to work on each other's code. Create a project collaboratively, fork code, create branches, and merge changes.
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4)
## Review & Self Study ## Review & Self Study

@ -5,7 +5,7 @@ Esta lección cubre los conceptos básicos de GitHub, una plataforma para alojar
![Introducción a GitHub](/sketchnotes/webdev101-github.png) ![Introducción a GitHub](/sketchnotes/webdev101-github.png)
> Dibujo de [Tomomi Imura](https://twitter.com/girlie_mac) > Dibujo de [Tomomi Imura](https://twitter.com/girlie_mac)
## [Cuestionario](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3) ## [Cuestionario](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3)
### Introducción ### Introducción
@ -295,7 +295,7 @@ Los proyectos también pueden tener discusiones en foros, listas de correo o can
🚀 Desafío: empareja con un amigo(a) para trabajar en el código juntos. Crea un proyecto de forma colaborativa, bifurque el código, crea ramas y combina los cambios. 🚀 Desafío: empareja con un amigo(a) para trabajar en el código juntos. Crea un proyecto de forma colaborativa, bifurque el código, crea ramas y combina los cambios.
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4) ## [Post-lecture prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4)
## Revisión y autoestudio ## Revisión y autoestudio

@ -6,7 +6,7 @@ Cette leçon couvre les principes de base de GitHub, une plateforme permettant d
> Sketchnote par [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote par [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz préalable ## Quiz préalable
[Quiz préalable](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3?loc=fr) [Quiz préalable](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3?loc=fr)
## Introduction ## Introduction
@ -299,7 +299,7 @@ Les projets peuvent également avoir des discussions dans des forums, des listes
Associez-vous à un ami pour travailler sur le code de lautre. Créez un projet en collaboration, bifurquez du code, créez des branches et fusionnez les modifications. Associez-vous à un ami pour travailler sur le code de lautre. Créez un projet en collaboration, bifurquez du code, créez des branches et fusionnez les modifications.
## Quiz de validation des connaissances ## Quiz de validation des connaissances
[Quiz de validation des connaissances](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4?loc=fr) [Quiz de validation des connaissances](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4?loc=fr)
## Examen & Auto-apprentissage ## Examen & Auto-apprentissage

@ -6,7 +6,7 @@
> [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट > [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट
## पूर्व व्याख्यान प्रश्नोत्तरी ## पूर्व व्याख्यान प्रश्नोत्तरी
[पूर्व व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3?loc=hi) [पूर्व व्याख्यान प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3?loc=hi)
## परिचय ## परिचय
@ -296,7 +296,7 @@ GitHub पर संबंधित दूरस्थ शाखा से स
एक दूसरे के कोड पर काम करने के लिए एक दोस्त के साथ जोडे। सहयोगी रूप से एक परियोजना बनाएँ, कोड बनाएँ, शाखाएँ बनाएँ, और परिवर्तनों को मर्ज करें। एक दूसरे के कोड पर काम करने के लिए एक दोस्त के साथ जोडे। सहयोगी रूप से एक परियोजना बनाएँ, कोड बनाएँ, शाखाएँ बनाएँ, और परिवर्तनों को मर्ज करें।
## व्याख्यान उपरांत प्रश्नोत्तरी ## व्याख्यान उपरांत प्रश्नोत्तरी
[व्याख्यान उपरांत प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4?loc=hi) [व्याख्यान उपरांत प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4?loc=hi)
## समीक्षा और स्व अध्ययन ## समीक्षा और स्व अध्ययन

@ -7,7 +7,7 @@ Pelajaran ini mencakup dasar-dasar GitHub, platform untuk menghosting dan mengel
## Kuis Pra-Kuliah ## Kuis Pra-Kuliah
[Kuis pra-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3?loc=id) [Kuis pra-kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3?loc=id)
## Pengantar ## Pengantar
@ -274,7 +274,7 @@ Sandingkan dengan seorang teman untuk mengerjakan kode satu sama lain. Buat proy
## Kuis Pasca Kuliah ## Kuis Pasca Kuliah
[Kuis pasca kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4?loc=id) [Kuis pasca kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4?loc=id)
## Review & Belajar Mandiri ## Review & Belajar Mandiri

@ -6,7 +6,7 @@ Questa lezione tratta delle basi di GitHub, una piattaforma per ospitare e gesti
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz Pre-lezione ## Quiz Pre-lezione
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3?loc=it) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3?loc=it)
## Introduzione ## Introduzione
@ -296,7 +296,7 @@ I progetti potrebbero anche essere discussi nei forum, liste di distribuzione, o
Fare coppia con un amico per lavorare al codice dei progetti l'uno dell'altro. Creare un progetto in modo collaborativo, biforcare il codice, craare rami e fondere modifiche. Fare coppia con un amico per lavorare al codice dei progetti l'uno dell'altro. Creare un progetto in modo collaborativo, biforcare il codice, craare rami e fondere modifiche.
## Quiz Post-lezione ## Quiz Post-lezione
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4?loc=it) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4?loc=it)
## Revisione e Auto Apprendimento ## Revisione e Auto Apprendimento

@ -6,7 +6,7 @@
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## 강의 전 퀴즈 ## 강의 전 퀴즈
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3?loc=ko) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3?loc=ko)
## 소개 ## 소개
@ -275,7 +275,7 @@ GitHub의 모든 공개 저장소에 스타 표시, 워치 및/또는 "포크"
친구와 페어링하여 서로의 코드를 작업하세요. 공동으로 프로젝트를 만들고, 코드를 포크하고, 브랜치를 만들고, 변경 사항을 병합합니다. 친구와 페어링하여 서로의 코드를 작업하세요. 공동으로 프로젝트를 만들고, 코드를 포크하고, 브랜치를 만들고, 변경 사항을 병합합니다.
## 강의 후 퀴즈 ## 강의 후 퀴즈
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4?loc=ko) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4?loc=ko)
## 리뷰 & 자기주도 학습 ## 리뷰 & 자기주도 학습

@ -6,7 +6,7 @@ Pelajaran ini merangkumi pengetahuan asas tentang GitHub, dan adalah salah satu
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## Kuiz Pra-Kuliah ## Kuiz Pra-Kuliah
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3)
## Pengenalan ## Pengenalan
@ -299,7 +299,7 @@ Projek mungkin juga ada perbincangan di forum, senarai surat, atau saluran semba
Berpasangan dengan rakan untuk mengerjakan kod masing-masing. Buat projek secara kolaboratif, fork kod, buat branch dan gabungkan perubahan. Berpasangan dengan rakan untuk mengerjakan kod masing-masing. Buat projek secara kolaboratif, fork kod, buat branch dan gabungkan perubahan.
## Kuiz Pasca Kuliah ## Kuiz Pasca Kuliah
[Kuiz Pasca Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4) [Kuiz Pasca Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4)
## Mengkaji dan belajar sendiri ## Mengkaji dan belajar sendiri

@ -6,7 +6,7 @@ Deze les behandelt de basisprincipes van GitHub, een platform voor het hosten en
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz voorafgaand aan de lezing ## Quiz voorafgaand aan de lezing
[Quiz voorafgaand aan de lezing](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3) [Quiz voorafgaand aan de lezing](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3)
## Inleiding ## Inleiding
@ -299,7 +299,7 @@ Projecten kunnen ook worden besproken in forums, mailinglijsten of chatkanalen z
Koppel met een vriend om aan elkaars code te werken. Creëer gezamenlijk een project, fork code, maak takken en voeg wijzigingen samen. Koppel met een vriend om aan elkaars code te werken. Creëer gezamenlijk een project, fork code, maak takken en voeg wijzigingen samen.
## Quiz na de lezing ## Quiz na de lezing
[Quiz na de lezing](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4) [Quiz na de lezing](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4)
## Beoordeling en zelfstudie ## Beoordeling en zelfstudie

@ -6,7 +6,7 @@ Esta lição cobre os fundamentos do GitHub, uma plataforma para hospedar e gere
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz Pré-Aula ## Quiz Pré-Aula
[Quiz Pré-Aula](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3) [Quiz Pré-Aula](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3)
## Introdução ## Introdução
@ -298,7 +298,7 @@ Os projetos também podem ter discussão em fóruns, listas de discussão ou can
Parear com uma amiga para trabalhar no código uma da outra. Crie um projeto de forma colaborativa, de fork no código, crie branches e de merge mudanças. Parear com uma amiga para trabalhar no código uma da outra. Crie um projeto de forma colaborativa, de fork no código, crie branches e de merge mudanças.
## Quiz pós-aula ## Quiz pós-aula
[Quiz pós-aula](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4) [Quiz pós-aula](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4)
## Revisão & Auto estudo ## Revisão & Auto estudo

@ -6,7 +6,7 @@
> 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac) > 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac)
## 课前小测 ## 课前小测
[课前小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3?loc=zh_cn) [课前小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3?loc=zh_cn)
## 大纲 ## 大纲
@ -299,7 +299,7 @@ Pull Request 是一个可以用来比较和讨论一个分支引入的改动的
找朋友一起编辑彼此的代码。协作创建一个项目、复刻代码、创建分支,然后合并变更。 找朋友一起编辑彼此的代码。协作创建一个项目、复刻代码、创建分支,然后合并变更。
## 课后小测 ## 课后小测
[课后小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4?loc=zh_cn) [课后小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4?loc=zh_cn)
## 复习 & 自学 ## 复习 & 自学

@ -6,7 +6,7 @@
> 由[Tomomi Imura](https://twitter.com/girlie_mac) 繪製 > 由[Tomomi Imura](https://twitter.com/girlie_mac) 繪製
## 課前測驗 ## 課前測驗
[課前測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3?loc=zh_tw) [課前測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/3?loc=zh_tw)
## 大綱 ## 大綱
@ -298,7 +298,7 @@
找朋友一起編輯彼此的程式。共同建立一項專案、分叉程式、建立分支、合併更動。 找朋友一起編輯彼此的程式。共同建立一項專案、分叉程式、建立分支、合併更動。
## 課後測驗 ## 課後測驗
[課後測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4?loc=zh_tw) [課後測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/4?loc=zh_tw)
## 複習與自學 ## 複習與自學

@ -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 ## Pre-Lecture Quiz
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5)
> The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. > The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.
> >
@ -218,7 +218,7 @@ Take this HTML and rewrite it to be as accessible as possible, given the strateg
``` ```
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6)
## Review & Self Study ## Review & Self Study

@ -3,7 +3,7 @@
![Todo sobre accesibilidad](/sketchnotes/webdev101-a11y.png) ![Todo sobre accesibilidad](/sketchnotes/webdev101-a11y.png)
> Dibujo por [Tomomi Imura](https://twitter.com/girlie_mac) > Dibujo por [Tomomi Imura](https://twitter.com/girlie_mac)
## [Cuestionario](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5) ## [Cuestionario](https://happy-mud-02d95f10f.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.
> >
@ -202,7 +202,7 @@ Una web accesible para algunos no es una verdadera "red mundial". La mejor maner
</html> </html>
``` ```
## [Post-lectura prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6) ## [Post-lectura prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6)
## Revisión y auto-estudio ## Revisión y auto-estudio

@ -4,7 +4,7 @@
> SketchNote par[Tomomi Imura](https://twitter.com/girlie_mac) > SketchNote par[Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz préalable ## Quiz préalable
[Quiz préalable](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5) [Quiz préalable](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5)
> La puissance du Web est dans son universalité. L'accès par tout le monde indépendamment d'invalidité est un aspect essentiel. > La puissance du Web est dans son universalité. L'accès par tout le monde indépendamment d'invalidité est un aspect essentiel.
> >
@ -119,7 +119,7 @@ En plus de garantir que votre site est accessible à tous, vous aiderez égaleme
Imaginez la page suivante : Imaginez la page suivante :
| Produit | Description | Commande | | Produit | Description | Commande |
| ------------ | ------------------ | ------------ | | ------------ | ------------------ | --------------- |
| Widget | [Description]('#') | [Commande]('#') | | Widget | [Description]('#') | [Commande]('#') |
| Super widget | [Description]('#') | [Commande]('#') | | Super widget | [Description]('#') | [Commande]('#') |
@ -217,7 +217,7 @@ Prenez ce code HTML et réécrivez-le pour qu'il soit aussi accessible que possi
``` ```
## Quiz de validation des connaissances ## Quiz de validation des connaissances
[Quiz de validation des connaissances](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6) [Quiz de validation des connaissances](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6)
## Révision et auto-apprentissage ## Révision et auto-apprentissage

@ -4,7 +4,7 @@
> [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट > [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट
## पूर्व व्याख्यान प्रश्नोत्तरी ## पूर्व व्याख्यान प्रश्नोत्तरी
[पूर्व व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5?loc=hi) [पूर्व व्याख्यान प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5?loc=hi)
> वेब की शक्ति अपनी सार्वभौमिकता में है। विकलांगता की परवाह किए बिना सभी तक पहुंच एक आवश्यक पहलू है। > वेब की शक्ति अपनी सार्वभौमिकता में है। विकलांगता की परवाह किए बिना सभी तक पहुंच एक आवश्यक पहलू है।
> >
@ -214,7 +214,7 @@
``` ```
## व्याख्यान उपरांत प्रश्नोत्तरी ## व्याख्यान उपरांत प्रश्नोत्तरी
[व्याख्यान उपरांत प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6?loc=hi) [व्याख्यान उपरांत प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6?loc=hi)
## समीक्षा और स्व अध्ययन ## समीक्षा और स्व अध्ययन

@ -5,7 +5,7 @@
## Kuis Pra-Kuliah ## Kuis Pra-Kuliah
[Kuis pra-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5?loc=id) [Kuis pra-kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5?loc=id)
> Kekuatan Web ada dalam universalitasnya. Akses oleh semua orang tanpa memandang disabilitas merupakan aspek penting. > Kekuatan Web ada dalam universalitasnya. Akses oleh semua orang tanpa memandang disabilitas merupakan aspek penting.
> >
@ -210,7 +210,7 @@ Ambil HTML ini dan tulis ulang agar dapat diakses semaksimal mungkin, dengan str
## Kuis Pasca Kuliah ## Kuis Pasca Kuliah
[Kuis pasca kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6?loc=id) [Kuis pasca kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6?loc=id)
## Review & Belajar Mandiri ## Review & Belajar Mandiri

@ -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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5?loc=it) [Quiz Pre-Lezione](https://happy-mud-02d95f10f.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.
> >
@ -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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6?loc=it) [Quiz post-lezione](https://happy-mud-02d95f10f.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)
## レッスン前の小テスト ## レッスン前の小テスト
[レッスン前の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5?loc=ja) [レッスン前の小テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5?loc=ja)
> Web の力は、その普遍性にあります。障害の有無に関わらず、誰もがアクセスできることが重要です。 > Web の力は、その普遍性にあります。障害の有無に関わらず、誰もがアクセスできることが重要です。
> >
@ -216,7 +216,7 @@ CSS は、ページ上のあらゆる要素の外観を完全に制御するこ
``` ```
## レッスン後の小テスト ## レッスン後の小テスト
[レッスン後の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6?loc=ja) [レッスン後の小テスト](https://happy-mud-02d95f10f.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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5?loc=ko) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5?loc=ko)
> 웹의 힘은 보편성에 있습니다. 장애에 관계없이 모든 사람이 접근하는 것은 필수 요소입니다. > 웹의 힘은 보편성에 있습니다. 장애에 관계없이 모든 사람이 접근하는 것은 필수 요소입니다.
> >
@ -207,7 +207,7 @@ CSS는 페이지에 있는 모든 요소의 형태를 완벽하게 제어합니
``` ```
## 강의 후 퀴즈 ## 강의 후 퀴즈
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6?loc=ko) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6?loc=ko)
## 리뷰 & 자기주도 학습 ## 리뷰 & 자기주도 학습

@ -4,7 +4,7 @@
> Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
## Kuiz Pra Kuliah ## Kuiz Pra Kuliah
[Kuiz Pra Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5) [Kuiz Pra Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5)
> Kekuatan Web berada dalam kesejagatannya. Akses oleh semua orang tanpa mengira kecacatan adalah aspek penting. > Kekuatan Web berada dalam kesejagatannya. Akses oleh semua orang tanpa mengira kecacatan adalah aspek penting.
> >
@ -111,7 +111,7 @@ Sebagai bonus tambahan untuk memastikan laman web anda dapat diakses oleh semua
Bayangkan halaman berikut: Bayangkan halaman berikut:
| Produk | Penerangan | Pesanan | | Produk | Penerangan | Pesanan |
| ------------ | ---------------- | ------------ | | ------------ | ----------------- | -------------- |
| Widget | [Penerangan]('#') | [Pesanan]('#') | | Widget | [Penerangan]('#') | [Pesanan]('#') |
| Super widget | [Penerangan]('#') | [Pesanan]('#') | | Super widget | [Penerangan]('#') | [Pesanan]('#') |
@ -207,7 +207,7 @@ Ambil HTML ini dan tulis semula agar dapat diakses semaksimum mungkin, mengingat
``` ```
## Kuiz Pasca Kuliah ## Kuiz Pasca Kuliah
[Kuiz Pasca Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6) [Kuiz Pasca Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6)
## Mengkaji dan belajar sendiri ## Mengkaji dan belajar sendiri

@ -4,7 +4,7 @@
> Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz voorafgaand aan de lezing ## Quiz voorafgaand aan de lezing
[Quiz voorafgaand aan de lezing](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5) [Quiz voorafgaand aan de lezing](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5)
> De kracht van het web zit in zijn universaliteit. Toegang voor iedereen, ongeacht hun handicap, is een essentieel aspect. > De kracht van het web zit in zijn universaliteit. Toegang voor iedereen, ongeacht hun handicap, is een essentieel aspect.
> >
@ -117,7 +117,7 @@ Als extra bonus om ervoor te zorgen dat uw site voor iedereen toegankelijk is, h
Stelt u de volgende pagina voor: Stelt u de volgende pagina voor:
| Product | beschrijving | Volgorde | | Product | beschrijving | Volgorde |
| ------------ | ------------------ | ------------ | | ------------ | ------------------- | --------------- |
| Widget | [beschrijving]('#') | [Volgorde]('#') | | Widget | [beschrijving]('#') | [Volgorde]('#') |
| Super widget | [beschrijving]('#') | [Volgorde]('#') | | Super widget | [beschrijving]('#') | [Volgorde]('#') |
@ -216,7 +216,7 @@ Neem deze HTML en herschrijf deze zodat deze zo toegankelijk mogelijk is, gezien
``` ```
## Quiz na de lezing ## Quiz na de lezing
[Quiz na de lezing](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6) [Quiz na de lezing](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6)
## Beoordeling en zelfstudie ## Beoordeling en zelfstudie

@ -4,7 +4,7 @@
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz Pré-Aula ## Quiz Pré-Aula
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5)
> O poder da Web está em sua universalidade. O acesso de todos, independentemente de deficiências, é um aspecto essencial. > O poder da Web está em sua universalidade. O acesso de todos, independentemente de deficiências, é um aspecto essencial.
> >
@ -117,7 +117,7 @@ Como um bônus adicional por garantir que seu site seja acessível a todes, voc
Imagine a seguinte página: Imagine a seguinte página:
| Produto | Descrição | Pedido | | Produto | Descrição | Pedido |
| ------------ | ------------------ | ------------ | | ------------ | ---------------- | ------------- |
| Widget | [Descrição]('#') | [Pedido]('#') | | Widget | [Descrição]('#') | [Pedido]('#') |
| Super widget | [Descrição]('#') | [Pedido]('#') | | Super widget | [Descrição]('#') | [Pedido]('#') |
@ -215,7 +215,7 @@ Pegue este HTML e reescreva-o para ser o mais acessível possível, de acordo co
``` ```
## Quiz Pós-Aula ## Quiz Pós-Aula
[Quiz Pós-Aula](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6) [Quiz Pós-Aula](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6)
## Revisão e autoestudo ## Revisão e autoestudo

@ -4,7 +4,7 @@
> 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac) > 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac)
## 课前小测 ## 课前小测
[课前小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5?loc=zh_cn) [课前小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5?loc=zh_cn)
> 互联网的力量存在于其普适性中,让包括残障人士在内的每个人都能访问互联网,是其中不可或缺的一方面。 > 互联网的力量存在于其普适性中,让包括残障人士在内的每个人都能访问互联网,是其中不可或缺的一方面。
> >
@ -117,7 +117,7 @@ CSS 让你可以完全随意地控制页面中任何元素的外观。你可以
想象一个下面这样的网页: 想象一个下面这样的网页:
| 产品 | 详情 | 预订 | | 产品 | 详情 | 预订 |
| ------------ | ------------------ | ------------ | | ------------ | ----------- | ----------- |
| 小玩意 | [详情]('#') | [预订]('#') | | 小玩意 | [详情]('#') | [预订]('#') |
| 超棒的小玩意 | [详情]('#') | [预订]('#') | | 超棒的小玩意 | [详情]('#') | [预订]('#') |
@ -215,7 +215,7 @@ CSS 让你可以完全随意地控制页面中任何元素的外观。你可以
``` ```
## 课后小测 ## 课后小测
[课后小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6?loc=zh_cn) [课后小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6?loc=zh_cn)
## 复习 & 自学 ## 复习 & 自学

@ -4,7 +4,7 @@
> 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
## 課前測驗 ## 課前測驗
[課前測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5?loc=zh_tw) [課前測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/5?loc=zh_tw)
> 網路的強大在於它的普遍性。無論用戶是否有殘疾,讓大家無差別地使用網路是必要的。 > 網路的強大在於它的普遍性。無論用戶是否有殘疾,讓大家無差別地使用網路是必要的。
> >
@ -119,7 +119,7 @@ CSS 提供完整的網頁造型控制,你可以讓文字框框線隱藏或是
想像下方的網頁: 想像下方的網頁:
| 產品 | 描述 | 數量 | | 產品 | 描述 | 數量 |
| ------------ | ----------- | ----------- | | -------- | ----------- | ----------- |
| 物品 | [描述]('#') | [數量]('#') | | 物品 | [描述]('#') | [數量]('#') |
| 超優物品 | [描述]('#') | [數量]('#') | | 超優物品 | [描述]('#') | [數量]('#') |
@ -218,7 +218,7 @@ CSS 提供完整的網頁造型控制,你可以讓文字框框線隱藏或是
``` ```
## 課後測驗 ## 課後測驗
[課後測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6?loc=zh_tw) [課後測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/6?loc=zh_tw)
## 複習與自學 ## 複習與自學

@ -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 ## Pre-Lecture Quiz
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7)
This lesson covers the basics of JavaScript, the language that provides interactivity on the web. This lesson covers the basics of JavaScript, the language that provides interactivity on the web.
@ -187,7 +187,7 @@ Booleans can be only two values: `true` or `false`. Booleans can help make decis
JavaScript is notorious for its surprising ways of handling datatypes on occasion. Do a bit of research on these 'gotchas'. For example: case sensitivity can bite! Try this in your console: `let age = 1; let Age = 2; age == Age` (resolves `false` -- why?). What other gotchas can you find? JavaScript is notorious for its surprising ways of handling datatypes on occasion. Do a bit of research on these 'gotchas'. For example: case sensitivity can bite! Try this in your console: `let age = 1; let Age = 2; age == Age` (resolves `false` -- why?). What other gotchas can you find?
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8)
## Review & Self Study ## Review & Self Study

@ -2,7 +2,7 @@
[![Datentypen in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Datentypen in JavaScript") [![Datentypen in JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Datentypen in JavaScript")
## [Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7) ## [Pre-Lecture Quiz](https://happy-mud-02d95f10f.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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8) ## [Quiz nach der Vorlesung](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8)
## Review & Selbststudium ## Review & Selbststudium

@ -5,7 +5,7 @@
[![Tipos de datos en JavaScript](https://img.youtube.com/vi/rEHV3fFMfn0/0.jpg)](https://youtube.com/watch?v=rEHV3fFMfn0 "Tipos de datos en JavaScript") [![Tipos de datos en JavaScript](https://img.youtube.com/vi/rEHV3fFMfn0/0.jpg)](https://youtube.com/watch?v=rEHV3fFMfn0 "Tipos de datos en JavaScript")
## [Pre-lectura prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7) ## [Pre-lectura prueba](https://happy-mud-02d95f10f.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.
@ -118,7 +118,7 @@ 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` |
@ -181,7 +181,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-lectura prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8) ## [Post-lectura prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8)
## Revisión y autoestudio ## Revisión y autoestudio

@ -4,7 +4,7 @@
> Sketchnote par [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote par [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz préalable ## Quiz préalable
[Quiz préalable](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7?loc=fr) [Quiz préalable](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7?loc=fr)
Cette leçon couvre les bases de JavaScript, le language qui permet l'interactivité sur le web. Cette leçon couvre les bases de JavaScript, le language qui permet l'interactivité sur le web.
@ -121,7 +121,7 @@ Les variables peuvent stocker tous les types de nombres, y compris les décimaux
Il y a plusieurs types d'opérateurs à utiliser lors de l'exécution de fonctions arithmétiques, et certains sont listés ici : Il y a plusieurs types d'opérateurs à utiliser lors de l'exécution de fonctions arithmétiques, et certains sont listés ici :
| Symbol | Description | Example | | Symbol | Description | Example |
| ------ | ------------------------------------------------------------------------ | ------------------------------------- | | ------ | --------------------------------------------------------------------- | ------------------------------------- |
| `+` | **Addition**: Calcule la somme de deux nombres | `1 + 2 //la réponse attendue est 3` | | `+` | **Addition**: Calcule la somme de deux nombres | `1 + 2 //la réponse attendue est 3` |
| `-` | **Soustraction**: Calcule la différence entre deux nombres | `1 - 2 //la réponse attendue est -1` | | `-` | **Soustraction**: Calcule la différence entre deux nombres | `1 - 2 //la réponse attendue est -1` |
| `*` | **Multiplication**: Calcule le produit de deux nombres | `1 * 2 //la réponse attendue est 2` | | `*` | **Multiplication**: Calcule le produit de deux nombres | `1 * 2 //la réponse attendue est 2` |
@ -188,7 +188,7 @@ Les booléens n'ont que deux valeurs possibles : `true` (vrai) ou `false` (faux)
JavaScript est célèbre pour sa manière occasionnellement surprenante de gérer les types de données. Effectuez quelques recherches sur ces pièges. Par exemple : la sensibilité à la casse peut vous causer soucis ! Essayez ceci dans votre console : `let age = 1; let Age = 2; age == Age` (renvoie `false` (faux) -- pourquoi ?). Quels autres pièges pouvez-vous trouver ? JavaScript est célèbre pour sa manière occasionnellement surprenante de gérer les types de données. Effectuez quelques recherches sur ces pièges. Par exemple : la sensibilité à la casse peut vous causer soucis ! Essayez ceci dans votre console : `let age = 1; let Age = 2; age == Age` (renvoie `false` (faux) -- pourquoi ?). Quels autres pièges pouvez-vous trouver ?
## Quiz de validation des connaissances ## Quiz de validation des connaissances
[Quiz de validation des connaissances](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8?loc=fr) [Quiz de validation des connaissances](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8?loc=fr)
## Révision et auto-apprentissage ## Révision et auto-apprentissage

@ -4,7 +4,7 @@
> [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट > [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट
## पूर्व व्याख्यान प्रश्नोत्तरी ## पूर्व व्याख्यान प्रश्नोत्तरी
[पूर्व व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7?loc=hi) [पूर्व व्याख्यान प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7?loc=hi)
इस पाठ में जावास्क्रिप्ट की मूल बातें शामिल हैं, वह भाषा जो वेब पर अन्तरक्रियाशीलता प्रदान करती है। इस पाठ में जावास्क्रिप्ट की मूल बातें शामिल हैं, वह भाषा जो वेब पर अन्तरक्रियाशीलता प्रदान करती है।
@ -118,7 +118,7 @@ const MY_VARIABLE = 123;
अंकगणितीय कार्यों को करते समय कई प्रकार के ऑपरेटरों का उपयोग करना होता है, और कुछ यहां सूचीबद्ध हैं: अंकगणितीय कार्यों को करते समय कई प्रकार के ऑपरेटरों का उपयोग करना होता है, और कुछ यहां सूचीबद्ध हैं:
| प्रतीक | विवरण | उदाहरण | | प्रतीक | विवरण | उदाहरण |
| ------ | ------------------------------------------------------------------------ | -------------------------------- | | ---- | ----------------------------------------- | ------------------------------ |
| `+` | **जोड़**: दो संख्याओं के योग की गणना करता है | `1 + 2 //अपेक्षित उत्तर 3 है` | | `+` | **जोड़**: दो संख्याओं के योग की गणना करता है | `1 + 2 //अपेक्षित उत्तर 3 है` |
| `-` | **Subtraction**: दो संख्याओं के अंतर की गणना करता है | `1 - 2 //अपेक्षित उत्तर -1 है` | | `-` | **Subtraction**: दो संख्याओं के अंतर की गणना करता है | `1 - 2 //अपेक्षित उत्तर -1 है` |
| `*` | **गुणा**: दो नंबरों के उत्पाद की गणना करता है | `1 * 2 //अपेक्षित उत्तर 2 है` | | `*` | **गुणा**: दो नंबरों के उत्पाद की गणना करता है | `1 * 2 //अपेक्षित उत्तर 2 है` |
@ -185,7 +185,7 @@ let myString2 = "World";
जावास्क्रिप्ट मौके पर डेटाटिप्स को संभालने के अपने आश्चर्यजनक तरीकों के लिए कुख्यात है।इन 'gotchas' पर थोड़ा शोध करें। For example: case sensitivity can bite! इसे अपने कंसोल में आज़माएँ: `let age = 1; let Age = 2; age == Age` (`false` हल करता है - क्यों?). आपको अन्य क्या मिल सकते हैं? जावास्क्रिप्ट मौके पर डेटाटिप्स को संभालने के अपने आश्चर्यजनक तरीकों के लिए कुख्यात है।इन 'gotchas' पर थोड़ा शोध करें। For example: case sensitivity can bite! इसे अपने कंसोल में आज़माएँ: `let age = 1; let Age = 2; age == Age` (`false` हल करता है - क्यों?). आपको अन्य क्या मिल सकते हैं?
## व्याख्यान उपरांत प्रश्नोत्तरी ## व्याख्यान उपरांत प्रश्नोत्तरी
[व्याख्यान उपरांत प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8?loc=hi) [व्याख्यान उपरांत प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8?loc=hi)
## समीक्षा और स्व अध्ययन ## समीक्षा और स्व अध्ययन

@ -6,7 +6,7 @@
## Kuis Pra-Kuliah ## Kuis Pra-Kuliah
[Kuis pra-Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7?loc=id) [Kuis pra-Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7?loc=id)
Pelajaran ini mencakup dasar-dasar JavaScript, bahasa yang menyediakan interaktivitas di web. Pelajaran ini mencakup dasar-dasar JavaScript, bahasa yang menyediakan interaktivitas di web.
@ -188,7 +188,7 @@ JavaScript terkenal karena cara yang mengejutkan dalam menangani tipe data pada
## Kuis Pasca-Kuliah ## Kuis Pasca-Kuliah
[Kuis pasca-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8?loc=id) [Kuis pasca-kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8?loc=id)
## Review & Belajar Mandiri ## Review & Belajar Mandiri

@ -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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7?loc=it) [Quiz pre-lezione](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7?loc=it)
Questa lezione copre le basi di JavaScript, il linguaggio che fornisce l'interattività sul web. Questa lezione copre le basi di JavaScript, il linguaggio che fornisce l'interattività sul web.
@ -184,7 +184,7 @@ I booleani possono avere solo due valori: vero (`true`) o falso (`false`). I bo
JavaScript è noto per i suoi modi sorprendenti di gestire talvolta i tipi di dato. Effettuare un po' di ricerca su questi "trabocchetti". Ad esempio: la distinzione tra maiuscole e minuscole può mordere! Provare questo nella propria console: `let age = 1; let Age = 2; age == Age` (risulta `false` - perché?). Quali altri trabocchetti si riescono a trovare? JavaScript è noto per i suoi modi sorprendenti di gestire talvolta i tipi di dato. Effettuare un po' di ricerca su questi "trabocchetti". Ad esempio: la distinzione tra maiuscole e minuscole può mordere! Provare questo nella propria console: `let age = 1; let Age = 2; age == Age` (risulta `false` - perché?). Quali altri trabocchetti si riescono a trovare?
## quiz post-lezione ## quiz post-lezione
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8?loc=it) [Quiz post-lezione](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8?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)
## レッスン前の小テスト ## レッスン前の小テスト
[レッスン前の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7?loc=ja) [レッスン前の小テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7?loc=ja)
このレッスンでは、Web 上でインタラクティブな機能を提供する言語である JavaScript の基礎を学びます。 このレッスンでは、Web 上でインタラクティブな機能を提供する言語である JavaScript の基礎を学びます。
@ -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 があるでしょうか?
## レッスン後の小テスト ## レッスン後の小テスト
[レッスン後の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8?loc=ja) [レッスン後の小テスト](https://happy-mud-02d95f10f.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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7?loc=ko) [Pre-lecture quiz](https://happy-mud-02d95f10f.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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8?loc=ko) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8?loc=ko)
## 리뷰 & 자기주도 학습 ## 리뷰 & 자기주도 학습

@ -4,7 +4,7 @@
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## Kuiz Pra Kuliah ## Kuiz Pra Kuliah
[Kuiz Pra Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7) [Kuiz Pra Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7)
Pelajaran ini merangkumi asas-asas JavaScript, bahasa yang menyediakan interaktiviti di web. Pelajaran ini merangkumi asas-asas JavaScript, bahasa yang menyediakan interaktiviti di web.
@ -118,7 +118,7 @@ Pemboleh ubah boleh menyimpan semua jenis nombor, termasuk nombor perpuluhan ata
Terdapat beberapa jenis operator yang boleh digunakan semasa menjalankan fungsi aritmetik, dan ada yang disenaraikan di sini: Terdapat beberapa jenis operator yang boleh digunakan semasa menjalankan fungsi aritmetik, dan ada yang disenaraikan di sini:
| Simbol | Penerangan | Contoh | | Simbol | Penerangan | Contoh |
| ------ | ------------------------------------------------------------------------ | -------------------------------- | | ------ | -------------------------------------------------- | --------------------------- |
| `+` | **Penambahan**: Mengira jumlah dua nombor | `1 + 2 // jawapan ialah 3` | | `+` | **Penambahan**: Mengira jumlah dua nombor | `1 + 2 // jawapan ialah 3` |
| `-` | **Penolakan**: Mengira perbezaan dua nombor | `1 - 2 // jawapan ialah -1` | | `-` | **Penolakan**: Mengira perbezaan dua nombor | `1 - 2 // jawapan ialah -1` |
| `*` | **Pendaraban**: Mengira hasil dua nombor | `1 * 2 // jawapan ialah 2` | | `*` | **Pendaraban**: Mengira hasil dua nombor | `1 * 2 // jawapan ialah 2` |
@ -185,7 +185,7 @@ Booleans boleh hanya dua nilai: `benar` atau `salah`. Booleans dapat membantu me
JavaScript terkenal kerana kaedahnya yang mengagumkan dalam mengendalikan jenis data sesekali. Lakukan sedikit kajian mengenai 'gotchas' ini. Contohnya: kepekaan kes boleh menggigit! Cubalah ini di konsol anda: `let age = 1; biarkan Umur = 2; age == Age` (menyelesaikan `false` - mengapa?). Apa lagi gotchas yang anda dapati? JavaScript terkenal kerana kaedahnya yang mengagumkan dalam mengendalikan jenis data sesekali. Lakukan sedikit kajian mengenai 'gotchas' ini. Contohnya: kepekaan kes boleh menggigit! Cubalah ini di konsol anda: `let age = 1; biarkan Umur = 2; age == Age` (menyelesaikan `false` - mengapa?). Apa lagi gotchas yang anda dapati?
## Kuiz Pasca Kuliah ## Kuiz Pasca Kuliah
[Kuiz Pasca Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8) [Kuiz Pasca Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8)
## Mengkaji dan belajar sendiri ## Mengkaji dan belajar sendiri

@ -4,7 +4,7 @@
> Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz voorafgaand aan de lezing ## Quiz voorafgaand aan de lezing
[Quiz voorafgaand aan de lezing](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7) [Quiz voorafgaand aan de lezing](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7)
Deze les behandelt de basisprincipes van JavaScript, de taal die voor interactiviteit op internet zorgt. Deze les behandelt de basisprincipes van JavaScript, de taal die voor interactiviteit op internet zorgt.
@ -185,7 +185,7 @@ Booleans kunnen slechts twee waarden zijn: `true` of `false`. Booleans kunnen he
JavaScript is berucht om zijn verrassende manieren om af en toe met gegevenstypen om te gaan. Doe een beetje onderzoek naar deze 'valstrikken'. Bijvoorbeeld: hoofdlettergevoeligheid kan bijten! Probeer dit in uw console: `let age = 1; let Age = 2; age == Age` (lost `false` op - waarom?). Welke andere valstrikken kunt u vinden? JavaScript is berucht om zijn verrassende manieren om af en toe met gegevenstypen om te gaan. Doe een beetje onderzoek naar deze 'valstrikken'. Bijvoorbeeld: hoofdlettergevoeligheid kan bijten! Probeer dit in uw console: `let age = 1; let Age = 2; age == Age` (lost `false` op - waarom?). Welke andere valstrikken kunt u vinden?
## Quiz na de lezing ## Quiz na de lezing
[Quiz na de lezing](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8) [Quiz na de lezing](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8)
## Beoordeling en zelfstudie ## Beoordeling en zelfstudie

@ -4,7 +4,7 @@
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz Pré-Aula ## Quiz Pré-Aula
[Quiz Pré-Aula](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7) [Quiz Pré-Aula](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7)
Esta lição cobre o básico do JavaScript, a linguagem que fornece interatividade na web. Esta lição cobre o básico do JavaScript, a linguagem que fornece interatividade na web.
@ -117,7 +117,7 @@ As variáveis podem armazenar todos os tipos de números, incluindo decimais ou
Existem vários tipos de operadores para usar ao executar funções aritméticas, e alguns estão listados aqui: Existem vários tipos de operadores para usar ao executar funções aritméticas, e alguns estão listados aqui:
| Símbolo | Descrição | Examplo | | Símbolo | Descrição | Examplo |
| ------ | ------------------------------------------------------------------------ | -------------------------------- | | ------- | -------------------------------------------------------- | ----------------------------------- |
| `+` | **Adição**: Calcula a soma de dois números | `1 + 2 //a resposta esperada é 3` | | `+` | **Adição**: Calcula a soma de dois números | `1 + 2 //a resposta esperada é 3` |
| `-` | **Subitração**: Calcula a diferença de dois números | `1 - 2 //a resposta esperada é -1` | | `-` | **Subitração**: Calcula a diferença de dois números | `1 - 2 //a resposta esperada é -1` |
| `*` | **Multiplicação**: Calcula o produto de dois números | `1 * 2 //a resposta esperada é 2` | | `*` | **Multiplicação**: Calcula o produto de dois números | `1 * 2 //a resposta esperada é 2` |
@ -184,7 +184,7 @@ Os booleanos podem ter apenas dois valores: `true` ou` false`. Os booleanos pode
JavaScript é notório por suas maneiras surpreendentes de lidar com tipos de dados ocasionalmente. Pesquise sobre essas 'pegadinhas'. Por exemplo: a diferenciação de maiúsculas e minúsculas pode afetar! Tente isto em seu console: `let age = 1; deixe Idade = 2; age == Age` (resolve `false` - por quê?). Que outras dicas você pode encontrar? JavaScript é notório por suas maneiras surpreendentes de lidar com tipos de dados ocasionalmente. Pesquise sobre essas 'pegadinhas'. Por exemplo: a diferenciação de maiúsculas e minúsculas pode afetar! Tente isto em seu console: `let age = 1; deixe Idade = 2; age == Age` (resolve `false` - por quê?). Que outras dicas você pode encontrar?
## Quiz Pós-Aula ## Quiz Pós-Aula
[Quiz Pós-Aula](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8) [Quiz Pós-Aula](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8)
## Revisão e autoestudo ## Revisão e autoestudo

@ -4,7 +4,7 @@
> 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac) > 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac)
## 课前小测 ## 课前小测
[课前小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7?loc=zh_cn) [课前小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7?loc=zh_cn)
这节课将会介绍 JavaScript 的基础知识,正是它为网页提供了可交互性。 这节课将会介绍 JavaScript 的基础知识,正是它为网页提供了可交互性。
@ -117,7 +117,7 @@ const MY_VARIABLE = 123;
有许多种可以用在算术功能的运算符,下面列出了一部分: 有许多种可以用在算术功能的运算符,下面列出了一部分:
| 符号 | 描述 | 例子 | | 符号 | 描述 | 例子 |
| --- | --------------------------- | ------------------------- | | ---- | ------------------------------ | --------------------- |
| `+` | **加法**:计算两个数的和 | `1 + 2 // 结果是 3` | | `+` | **加法**:计算两个数的和 | `1 + 2 // 结果是 3` |
| `-` | **减法**:计算两个数的差 | `1 - 2 // 结果是 -1` | | `-` | **减法**:计算两个数的差 | `1 - 2 // 结果是 -1` |
| `*` | **乘法**:计算两个数的积 | `1 * 2 // 结果是 2` | | `*` | **乘法**:计算两个数的积 | `1 * 2 // 结果是 2` |
@ -184,7 +184,7 @@ let myString2 = "World";
JavaScript 偶尔会因为其对于数据类型令人意外的处理方式而被人诟病。你可以对这些“陷阱”做一点调查,比如大小写敏感性带来的问题,在控制台中试试 `let age = 1; let Age = 2; age == Age`(结果是 `false`,为什么?)。你还能找到哪些陷阱? JavaScript 偶尔会因为其对于数据类型令人意外的处理方式而被人诟病。你可以对这些“陷阱”做一点调查,比如大小写敏感性带来的问题,在控制台中试试 `let age = 1; let Age = 2; age == Age`(结果是 `false`,为什么?)。你还能找到哪些陷阱?
## 课后小测 ## 课后小测
[课后小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8?loc=zh_cn) [课后小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8?loc=zh_cn)
## 复习 & 自学 ## 复习 & 自学

@ -4,7 +4,7 @@
> 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
## 課前測驗 ## 課前測驗
[課前測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7?loc=zh_tw) [課前測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/7?loc=zh_tw)
這堂課會講述 Javascript 的基礎 ── 一款建立互動性網頁的程式語言。 這堂課會講述 Javascript 的基礎 ── 一款建立互動性網頁的程式語言。
@ -118,7 +118,7 @@ const MY_VARIABLE = 123;
這些是做四則運算時會使用到的算術運算子,下列舉出了幾項例子: 這些是做四則運算時會使用到的算術運算子,下列舉出了幾項例子:
| 符號 | 描述 | 舉例 | | 符號 | 描述 | 舉例 |
| ------ | ------------------------------| --------------------- | | ---- | ----------------------------- | --------------------- |
| `+` | **加法** 對兩數做相加 | `1 + 2 // 答案為 3` | | `+` | **加法** 對兩數做相加 | `1 + 2 // 答案為 3` |
| `-` | **減法** 對兩數做相減 | `1 - 2 // 答案為 -1` | | `-` | **減法** 對兩數做相減 | `1 - 2 // 答案為 -1` |
| `*` | **乘法** 對兩數做相乘 | `1 * 2 // 答案為 2` | | `*` | **乘法** 對兩數做相乘 | `1 * 2 // 答案為 2` |
@ -186,7 +186,7 @@ let myString2 = "World";
JavaScript 在處理資料結構時有許多種方法,有些場合為人詬病。在這方面做一些調查,例如:大小寫敏感性的問題!在命令欄中輸入看看: `let age = 1; let Age = 2; age == Age`,輸出結果是 `false`,為什麼? 你能找到其他問題嗎? JavaScript 在處理資料結構時有許多種方法,有些場合為人詬病。在這方面做一些調查,例如:大小寫敏感性的問題!在命令欄中輸入看看: `let age = 1; let Age = 2; age == Age`,輸出結果是 `false`,為什麼? 你能找到其他問題嗎?
## 課後測驗 ## 課後測驗
[課後測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8?loc=zh_tw) [課後測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/8?loc=zh_tw)
## 複習與自學 ## 複習與自學

@ -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 ## Pre-Lecture Quiz
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9)
When we think about writing code, we always want to ensure our code is readable. While this sounds counterintuitive, code is read many more times than it's written. One core tool in a developer's toolbox to ensure maintainable code is the **function**. When we think about writing code, we always want to ensure our code is readable. While this sounds counterintuitive, code is read many more times than it's written. One core tool in a developer's toolbox to ensure maintainable code is the **function**.
@ -185,7 +185,7 @@ You've now seen we have three ways to pass a function as a parameter and might b
Can you articulate in one sentence the difference between functions and methods? Give it a try! Can you articulate in one sentence the difference between functions and methods? Give it a try!
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10)
## Review & Self Study ## Review & Self Study

@ -2,7 +2,7 @@
[![Methoden und Funktionen](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Methoden und Funktionen") [![Methoden und Funktionen](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Methoden und Funktionen")
## [Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9) ## [Pre-Lecture Quiz](https://happy-mud-02d95f10f.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**. 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! Können Sie den Unterschied zwischen Funktionen und Methoden in einem Satz artikulieren? Versuche es!
## [Quiz nach der Vorlesung](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10) ## [Quiz nach der Vorlesung](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10)
## Review & Selbststudium ## Review & Selbststudium

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

@ -4,7 +4,7 @@
> [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट > [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट
## पूर्व व्याख्यान प्रश्नोत्तरी ## पूर्व व्याख्यान प्रश्नोत्तरी
[पूर्व व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9?loc=hi) [पूर्व व्याख्यान प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9?loc=hi)
जब हम कोड लिखने के बारे में सोचते हैं, तो हम हमेशा यह सुनिश्चित करना चाहते हैं कि हमारा कोड पढ़ने योग्य हो। हालांकि यह काउंटरटाइनेटिव लगता है, लेकिन कोड को लिखे जाने की तुलना में कई गुना अधिक पढ़ा जाता है। एक डेवलपर टूलबॉक्स में एक कोर टूल, जिसमें यह सुनिश्चित करने के लिए कि कोड योग्य है **फ़ंक्शन** है। जब हम कोड लिखने के बारे में सोचते हैं, तो हम हमेशा यह सुनिश्चित करना चाहते हैं कि हमारा कोड पढ़ने योग्य हो। हालांकि यह काउंटरटाइनेटिव लगता है, लेकिन कोड को लिखे जाने की तुलना में कई गुना अधिक पढ़ा जाता है। एक डेवलपर टूलबॉक्स में एक कोर टूल, जिसमें यह सुनिश्चित करने के लिए कि कोड योग्य है **फ़ंक्शन** है।
@ -184,7 +184,7 @@ setTimeout(() => {
क्या आप एक वाक्य में कार्यों और विधियों के बीच के अंतर को स्पष्ट कर सकते हैं? कोशिश तो करो! क्या आप एक वाक्य में कार्यों और विधियों के बीच के अंतर को स्पष्ट कर सकते हैं? कोशिश तो करो!
## व्याख्यान उपरांत प्रश्नोत्तरी ## व्याख्यान उपरांत प्रश्नोत्तरी
[पूर्व व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10?loc=hi) [पूर्व व्याख्यान प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10?loc=hi)
## समीक्षा और स्व अध्ययन ## समीक्षा और स्व अध्ययन

@ -6,7 +6,7 @@
## Kuis Pra-Kuliah ## Kuis Pra-Kuliah
[Kuis pra-Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9?loc=id) [Kuis pra-Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9?loc=id)
Ketika kita berpikir tentang menulis kode, kita selalu ingin memastikan kode kita dapat dibaca. Meskipun ini terdengar berlawanan dengan intuisi, kode dibaca lebih banyak kali daripada yang tertulis. Salah satu alat inti dalam kotak alat pengembang untuk memastikan kode yang dapat dipelihara adalah **function (fungsi)**. Ketika kita berpikir tentang menulis kode, kita selalu ingin memastikan kode kita dapat dibaca. Meskipun ini terdengar berlawanan dengan intuisi, kode dibaca lebih banyak kali daripada yang tertulis. Salah satu alat inti dalam kotak alat pengembang untuk memastikan kode yang dapat dipelihara adalah **function (fungsi)**.
@ -183,7 +183,7 @@ Bisakah Anda mengartikulasikan dalam satu kalimat perbedaan antara fungsi dan me
## Kuis Pasca-Kuliah ## Kuis Pasca-Kuliah
[Kuis pasca-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10?loc=id) [Kuis pasca-kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10?loc=id)
## Review & Belajar Mandiri ## Review & Belajar Mandiri

@ -5,7 +5,7 @@
## Quiz pre-lezione ## Quiz pre-lezione
[Quiz Pre-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9?loc=it) [Quiz Pre-Lezione](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9?loc=it)
Quando si pensa di scrivere codice, ci si vuole sempre assicurare che il proprio codice sia leggibile. Anche se questo sembra controintuitivo, il codice viene letto molte più volte di quanto non venga scritto. Uno strumento base nella cassetta degli attrezzi dello sviluppatore è la **funzione** Quando si pensa di scrivere codice, ci si vuole sempre assicurare che il proprio codice sia leggibile. Anche se questo sembra controintuitivo, il codice viene letto molte più volte di quanto non venga scritto. Uno strumento base nella cassetta degli attrezzi dello sviluppatore è la **funzione**
@ -184,7 +184,7 @@ Si riesce ad articolare in una frase la differenza tra funzioni e metodi? Fare u
## Quiz post-lezione ## Quiz post-lezione
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10?loc=it) [Quiz post-lezione](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10?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)
## レッスン前の小テスト ## レッスン前の小テスト
[レッスン前の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9?loc=ja) [レッスン前の小テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9?loc=ja)
コードを書くことを考えるとき、私たちは常にコードが読みやすいようにしたいと考えています。直感的ではないように聞こえるかもしれませんが、コードは書かれた回数よりも何度も読まれます。コードを確実にメンテナンスできるようにするための開発者のツールボックスの中心的なツールの一つが **関数** です。 コードを書くことを考えるとき、私たちは常にコードが読みやすいようにしたいと考えています。直感的ではないように聞こえるかもしれませんが、コードは書かれた回数よりも何度も読まれます。コードを確実にメンテナンスできるようにするための開発者のツールボックスの中心的なツールの一つが **関数** です。
@ -181,7 +181,7 @@ setTimeout(() => {
関数とメソッドの違いを一文で表現できますか?試してみてください。 関数とメソッドの違いを一文で表現できますか?試してみてください。
## レッスン後の小テスト ## レッスン後の小テスト
[レッスン後の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10?loc=ja) [レッスン後の小テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10?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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9?loc=ko) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9?loc=ko)
코드 작성에 대해 생각할 때 항상 코드를 읽을 수 있도록 해야합니다. 직설적이지 않지만, 코드는 작성된 것보다 더 많이 읽힙니다. 개발자의 툴 박스에서 유지관리 가능한 코드를 보장하는 핵심 도구는 **함수**입니다. 코드 작성에 대해 생각할 때 항상 코드를 읽을 수 있도록 해야합니다. 직설적이지 않지만, 코드는 작성된 것보다 더 많이 읽힙니다. 개발자의 툴 박스에서 유지관리 가능한 코드를 보장하는 핵심 도구는 **함수**입니다.
@ -181,7 +181,7 @@ setTimeout(3000, () => {
함수와 메소드의 차이점을 한 문장으로 표현할 수 있나요? 시도해보세요! 함수와 메소드의 차이점을 한 문장으로 표현할 수 있나요? 시도해보세요!
## 강의 후 퀴즈 ## 강의 후 퀴즈
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10?loc=ko) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10?loc=ko)
## 리뷰 & 자기주도 학습 ## 리뷰 & 자기주도 학습

@ -4,7 +4,7 @@
> Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
## Kuiz Pra Kuliah ## Kuiz Pra Kuliah
[Kuiz Pra Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9) [Kuiz Pra Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9)
Apabila kita berfikir tentang menulis kod, kita selalu ingin memastikan kod kita dapat dibaca. Walaupun ini terdengar berlawanan dengan intuisi, kod dibaca lebih banyak kali daripada yang ditulis. Satu alat inti dalam kotak alat pemaju untuk memastikan kod yang dapat dikendalikan adalah **fungsi**. Apabila kita berfikir tentang menulis kod, kita selalu ingin memastikan kod kita dapat dibaca. Walaupun ini terdengar berlawanan dengan intuisi, kod dibaca lebih banyak kali daripada yang ditulis. Satu alat inti dalam kotak alat pemaju untuk memastikan kod yang dapat dikendalikan adalah **fungsi**.
@ -184,7 +184,7 @@ Anda sekarang telah melihat kita mempunyai tiga cara untuk meneruskan fungsi seb
Bolehkah anda menyatakan dalam satu ayat perbezaan antara fungsi dan kaedah? Mencubanya! Bolehkah anda menyatakan dalam satu ayat perbezaan antara fungsi dan kaedah? Mencubanya!
## Kuiz Pasca Kuliah ## Kuiz Pasca Kuliah
[Kuiz Pasca Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10) [Kuiz Pasca Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10)
## Mengkaji & Belajar Sendiri ## Mengkaji & Belajar Sendiri

@ -4,7 +4,7 @@
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz Pré-Aula ## Quiz Pré-Aula
[Quiz Pré-Aula](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9) [Quiz Pré-Aula](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9)
Quando pensamos em escrever código, sempre queremos garantir que nosso código seja legível. Embora isso pareça contra-intuitivo, o código é lido muito mais vezes do que escrito. Uma ferramenta central na caixa de ferramentas de uma pessoa desenvolvedora para garantir código sustentável é a **função**. Quando pensamos em escrever código, sempre queremos garantir que nosso código seja legível. Embora isso pareça contra-intuitivo, o código é lido muito mais vezes do que escrito. Uma ferramenta central na caixa de ferramentas de uma pessoa desenvolvedora para garantir código sustentável é a **função**.
@ -184,7 +184,7 @@ Agora você viu que temos três maneiras de passar uma função como parâmetro
Você pode articular em uma frase a diferença entre funções e métodos? Tente! Você pode articular em uma frase a diferença entre funções e métodos? Tente!
## Quiz Pós-Aula ## Quiz Pós-Aula
[Quiz Pós-Aula](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10) [Quiz Pós-Aula](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10)
## Revisão e autoestudo ## Revisão e autoestudo

@ -4,7 +4,7 @@
> 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac) > 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac)
## 课前小测 ## 课前小测
[课前小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9?loc=zh_cn) [课前小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9?loc=zh_cn)
当我们思考如何去写代码的时候,我们总是希望确保自己的代码是可读的。尽管听起来有些违反直觉,代码被阅读的次数会远多于它被写下的次数。**函数function** 正是开发者的工具箱里用于确保代码可维护的一件利器。 当我们思考如何去写代码的时候,我们总是希望确保自己的代码是可读的。尽管听起来有些违反直觉,代码被阅读的次数会远多于它被写下的次数。**函数function** 正是开发者的工具箱里用于确保代码可维护的一件利器。
@ -184,7 +184,7 @@ setTimeout(() => {
你能用一句话清楚说明函数和方法的区别吗?试一试! 你能用一句话清楚说明函数和方法的区别吗?试一试!
## 课后小测 ## 课后小测
[课后小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10?loc=zh_cn) [课后小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10?loc=zh_cn)
## 复习 & 自学 ## 复习 & 自学

@ -4,7 +4,7 @@
> 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
## 課前測驗 ## 課前測驗
[課前測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9?loc=zh_tw) [課前測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/9?loc=zh_tw)
撰寫程式碼時,我們必須確保程式碼的閱讀性。聽來不太直覺,理解程式碼的時間遠比撰寫時間來的久。裡面最需要被管理的程式項目就是**函式**。 撰寫程式碼時,我們必須確保程式碼的閱讀性。聽來不太直覺,理解程式碼的時間遠比撰寫時間來的久。裡面最需要被管理的程式項目就是**函式**。
@ -184,7 +184,7 @@ setTimeout(() => {
你能用一句話清楚地說明這些函式與方法的差別嗎? 試試看吧! 你能用一句話清楚地說明這些函式與方法的差別嗎? 試試看吧!
## 課後測驗 ## 課後測驗
[課後測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10?loc=zh_tw) [課後測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/10?loc=zh_tw)
## 複習與自學 ## 複習與自學

@ -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 ## Pre-Lecture Quiz
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/11)
Making decisions and controlling the order in which your code runs makes your code reusable and robust. This section covers the syntax for controlling data flow in JavaScript and its significance when used with Boolean data types Making decisions and controlling the order in which your code runs makes your code reusable and robust. This section covers the syntax for controlling data flow in JavaScript and its significance when used with Boolean data types
@ -164,7 +164,7 @@ Create a program that is written first with logical operators, and then rewrite
--- ---
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12)
## Review & Self Study ## Review & Self Study

@ -2,7 +2,7 @@
[![Entscheidungen treffen](https://img.youtube.com/vi/SxTp8j-fMMY/0.jpg)](https://youtube.com/watch?v=SxTp8j-fMMY "Entscheidungen treffen") [![Entscheidungen treffen](https://img.youtube.com/vi/SxTp8j-fMMY/0.jpg)](https://youtube.com/watch?v=SxTp8j-fMMY "Entscheidungen treffen")
## [Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11) ## [Pre-Lecture Quiz](https://happy-mud-02d95f10f.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. 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.
@ -22,7 +22,7 @@ Stellen Sie Ihren Booleschen Wert wie folgt auf wahr oder falsch ein:
Operatoren werden verwendet, um Bedingungen durch Vergleiche zu bewerten, die einen Booleschen Wert erzeugen. Das Folgende ist eine Liste von Operatoren, die häufig verwendet werden. Operatoren werden verwendet, um Bedingungen durch Vergleiche zu bewerten, die einen Booleschen Wert erzeugen. Das Folgende ist eine Liste von Operatoren, die häufig verwendet werden.
| Symbol | Beschreibung | Beispiel | | Symbol | Beschreibung | Beispiel |
| ------ | -------------------------------------------------- -------------------------------------------------- -------------------------------------------------- ------- | ------------------ | | ------ | ------------ |-------------------------------------------------- -------------------------------------------------- ------- | ------------------ |
| `<` | **Größer als**: Vergleicht zwei Werte und gibt den booleschen Datentyp "true" zurück, wenn der Wert auf der rechten Seite größer als der linke ist `5 < 6 // true` | | `<` | **Größer als**: Vergleicht zwei Werte und gibt den booleschen Datentyp "true" zurück, wenn der Wert auf der rechten Seite größer als der linke ist `5 < 6 // true` |
| `<=` | **Größer oder gleich**: Vergleicht zwei Werte und gibt den booleschen Datentyp `true` zurück, wenn der Wert auf der rechten Seite größer oder gleich dem linken | ist `5 <= 6 // true` | | `<=` | **Größer oder gleich**: Vergleicht zwei Werte und gibt den booleschen Datentyp `true` zurück, wenn der Wert auf der rechten Seite größer oder gleich dem linken | ist `5 <= 6 // true` |
| `>` | **Kleiner als**: Vergleicht zwei Werte und gibt den booleschen Datentyp `true` zurück, wenn der Wert auf der linken Seite größer als der rechte ist `5 > 6 // false` | | `>` | **Kleiner als**: Vergleicht zwei Werte und gibt den booleschen Datentyp `true` zurück, wenn der Wert auf der linken Seite größer als der rechte ist `5 > 6 // false` |
@ -81,7 +81,7 @@ Entscheidungen erfordern möglicherweise mehr als einen Vergleich und können mi
| Symbol | Beschreibung | Beispiel | | Symbol | Beschreibung | Beispiel |
| ------ | -------------------------------------------------- ----------------------------------------- | -------------------------------------------------- --------------------- | | ------ | ------------ |----------------------------------------- | -------------------------------------------------- --------------------- |
| `&&` | **Logisches UND**: Vergleicht zwei Boolesche Ausdrücke. Gibt true **nur** zurück, wenn beide Seiten true | sind `(5 > 6) && (5 < 6) // Eine Seite ist falsch, die andere ist wahr. Gibt false` | zurück | `&&` | **Logisches UND**: Vergleicht zwei Boolesche Ausdrücke. Gibt true **nur** zurück, wenn beide Seiten true | sind `(5 > 6) && (5 < 6) // Eine Seite ist falsch, die andere ist wahr. Gibt false` | zurück
| `||` | **Logisches ODER**: Vergleicht zwei Boolesche Ausdrücke. Gibt true zurück, wenn mindestens eine Seite true ist `(5 > 6) || (5 < 6) // Eine Seite ist falsch, die andere ist wahr. Gibt true` | zurück | `||` | **Logisches ODER**: Vergleicht zwei Boolesche Ausdrücke. Gibt true zurück, wenn mindestens eine Seite true ist `(5 > 6) || (5 < 6) // Eine Seite ist falsch, die andere ist wahr. Gibt true` | zurück
| `!` | **Logisch NICHT**: Gibt den entgegengesetzten Wert eines Booleschen Ausdrucks | zurück `! (5 > 6) // 5 ist nicht größer als 6, aber "!" wird true zurückgeben` | | `!` | **Logisch NICHT**: Gibt den entgegengesetzten Wert eines Booleschen Ausdrucks | zurück `! (5 > 6) // 5 ist nicht größer als 6, aber "!" wird true zurückgeben` |
@ -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? 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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12) ## [Quiz nach der Vorlesung](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12)
## Review & Selbststudium ## Review & Selbststudium

@ -4,7 +4,7 @@
![JavaScript Basics - Making decisions](/sketchnotes/webdev101-js-decisions.png) ![JavaScript Basics - Making decisions](/sketchnotes/webdev101-js-decisions.png)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11) ## [Pre-lecture prueba](https://happy-mud-02d95f10f.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. 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.
@ -156,7 +156,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? 🚀 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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12) ## [Post-lecture prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12)
## Revisión y autoestudio ## Revisión y autoestudio

@ -4,7 +4,7 @@
> [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट > [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट
## पूर्व व्याख्यान प्रश्नोत्तरी ## पूर्व व्याख्यान प्रश्नोत्तरी
[पूर्व व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11?loc=hi) [पूर्व व्याख्यान प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/11?loc=hi)
निर्णय लेना और उस आदेश को नियंत्रित करना जिसमें आपका कोड चलता है, आपके कोड को पुन: प्रयोज्य और मजबूत बनाता है। यह खंड बूलियन डेटा प्रकारों के साथ उपयोग किए जाने पर जावास्क्रिप्ट में डेटा प्रवाह को नियंत्रित करने और इसके महत्व के लिए सिंटैक्स को कवर करता है निर्णय लेना और उस आदेश को नियंत्रित करना जिसमें आपका कोड चलता है, आपके कोड को पुन: प्रयोज्य और मजबूत बनाता है। यह खंड बूलियन डेटा प्रकारों के साथ उपयोग किए जाने पर जावास्क्रिप्ट में डेटा प्रवाह को नियंत्रित करने और इसके महत्व के लिए सिंटैक्स को कवर करता है
@ -27,7 +27,7 @@
ऑपरेटर्स का उपयोग उन परिस्थितियों के मूल्यांकन के लिए किया जाता है जो एक बूलियन मूल्य बनाएंगे। निम्नलिखित ऑपरेटरों की एक सूची है जो अक्सर उपयोग की जाती हैं। ऑपरेटर्स का उपयोग उन परिस्थितियों के मूल्यांकन के लिए किया जाता है जो एक बूलियन मूल्य बनाएंगे। निम्नलिखित ऑपरेटरों की एक सूची है जो अक्सर उपयोग की जाती हैं।
| प्रतीक | विवरण | उदाहरण | | प्रतीक | विवरण | उदाहरण |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | | ----- | ----------------------------------------------------------------------------------------------------- | ------------------ |
| `<` | **से कम**: दो मानों की तुलना करता है और `true` बूलियन डेटा प्रकार लौटाता है यदि बाईं ओर का मान दाईं ओर से कम है | `5 < 6 // true` | | `<` | **से कम**: दो मानों की तुलना करता है और `true` बूलियन डेटा प्रकार लौटाता है यदि बाईं ओर का मान दाईं ओर से कम है | `5 < 6 // true` |
| `<=` | ** से कम या इसके बराबर**: दो मानों की तुलना करता है और `true` बूलियन डेटा प्रकार लौटाता है यदि बाईं ओर का मान दाईं ओर से कम या बराबर है | `5 <= 6 // true` | | `<=` | ** से कम या इसके बराबर**: दो मानों की तुलना करता है और `true` बूलियन डेटा प्रकार लौटाता है यदि बाईं ओर का मान दाईं ओर से कम या बराबर है | `5 <= 6 // true` |
| `>` | **से अधिक**: दो मानों की तुलना करता है और `true` बूलियन डेटा प्रकार लौटाता है यदि बाईं ओर का मान दाईं ओर से बड़ा है | `5 > 6 // false` | | `>` | **से अधिक**: दो मानों की तुलना करता है और `true` बूलियन डेटा प्रकार लौटाता है यदि बाईं ओर का मान दाईं ओर से बड़ा है | `5 > 6 // false` |
@ -84,7 +84,7 @@ else{
निर्णयों में एक से अधिक तुलनाओं की आवश्यकता हो सकती है, और बूलियन मूल्य का उत्पादन करने के लिए तार्किक ऑपरेटरों के साथ मिलकर संघर्ष किया जा सकता है। निर्णयों में एक से अधिक तुलनाओं की आवश्यकता हो सकती है, और बूलियन मूल्य का उत्पादन करने के लिए तार्किक ऑपरेटरों के साथ मिलकर संघर्ष किया जा सकता है।
| प्रतीक | विवरण | उदाहरण | | प्रतीक | विवरण | उदाहरण |
| ------ | ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | | ------ | --------------------------------------------------------------------------- | -------------------------------------------------------- |
| `&&` | **लॉजिकल एंड**: दो बूलियन अभिव्यक्तियों की तुलना करता है। सच्चा रिटर्न ** केवल ** यदि दोनों पक्ष सत्य हैं | `(5 > 6) && (5 < 6 ) //एक पक्ष झूठा है, दूसरा सच है। झूठा लौटता है` | | `&&` | **लॉजिकल एंड**: दो बूलियन अभिव्यक्तियों की तुलना करता है। सच्चा रिटर्न ** केवल ** यदि दोनों पक्ष सत्य हैं | `(5 > 6) && (5 < 6 ) //एक पक्ष झूठा है, दूसरा सच है। झूठा लौटता है` |
| `\|\|` | **लॉजिकल और**: दो बूलियन अभिव्यक्तियों की तुलना करता है। अगर कम से कम एक पक्ष सच है, तो सच है | `(5 > 6) \|\| (5 < 6) //एक पक्ष झूठा है, दूसरा सच है। सच लौटाता है` | | `\|\|` | **लॉजिकल और**: दो बूलियन अभिव्यक्तियों की तुलना करता है। अगर कम से कम एक पक्ष सच है, तो सच है | `(5 > 6) \|\| (5 < 6) //एक पक्ष झूठा है, दूसरा सच है। सच लौटाता है` |
| `!` | **लॉजिकल नॉट**: एक बूलियन अभिव्यक्ति के विपरीत मूल्य देता है | `!(5 > 6) // 5 6 से अधिक नहीं है, लेकिन "!" सच लौटेगा` | | `!` | **लॉजिकल नॉट**: एक बूलियन अभिव्यक्ति के विपरीत मूल्य देता है | `!(5 > 6) // 5 6 से अधिक नहीं है, लेकिन "!" सच लौटेगा` |
@ -161,7 +161,7 @@ if (firstNumber > secondNumber) {
--- ---
## व्याख्यान उपरांत प्रश्नोत्तरी ## व्याख्यान उपरांत प्रश्नोत्तरी
[व्याख्यान उपरांत प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12?loc=hi) [व्याख्यान उपरांत प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12?loc=hi)
## समीक्षा और स्व अध्ययन ## समीक्षा और स्व अध्ययन

@ -6,7 +6,7 @@
## Kuis Pra-Kuliah ## Kuis Pra-Kuliah
[Kuis pra-Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11?loc=id) [Kuis pra-Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/11?loc=id)
Membuat keputusan dan mengontrol urutan kode Anda berjalan membuat kode Anda dapat digunakan kembali dan kuat. Bagian ini membahas sintaks untuk mengontrol aliran data di JavaScript dan signifikansinya saat digunakan dengan tipe data Boolean. Membuat keputusan dan mengontrol urutan kode Anda berjalan membuat kode Anda dapat digunakan kembali dan kuat. Bagian ini membahas sintaks untuk mengontrol aliran data di JavaScript dan signifikansinya saat digunakan dengan tipe data Boolean.
@ -162,7 +162,7 @@ Buat program yang ditulis pertama kali dengan operator logika, lalu tulis ulang
## Kuis Pasca-Kuliah ## Kuis Pasca-Kuliah
[Kuis pasca-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12?loc=id) [Kuis pasca-kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12?loc=id)
## Review & Belajar Mandiri ## Review & Belajar Mandiri

@ -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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11?loc=it) [Quiz Pre-Lezione](https://happy-mud-02d95f10f.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 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
@ -162,7 +162,7 @@ Creare un programma che viene scritto prima con operatori logici, quindi riscriv
--- ---
## Quiz Post-Lezione ## Quiz Post-Lezione
[Quiz post-lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12?loc=it) [Quiz post-lezione](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12?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)
## レッスン前の小テスト ## レッスン前の小テスト
[レッスン前の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11?loc=ja) [レッスン前の小テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/11?loc=ja)
意思決定を行い、コードの実行順序を制御することで、コードを再利用可能で堅牢なものにします。このセクションでは、JavaScript のデータフローを制御するための構文と、ブール値データ型で使用される場合の意味について説明します。 意思決定を行い、コードの実行順序を制御することで、コードを再利用可能で堅牢なものにします。このセクションでは、JavaScript のデータフローを制御するための構文と、ブール値データ型で使用される場合の意味について説明します。
@ -26,7 +26,7 @@
演算子は、ブール値を生成するような比較をして条件を評価するために使用されます。以下に、よく使われる演算子の一覧を示します。 演算子は、ブール値を生成するような比較をして条件を評価するために使用されます。以下に、よく使われる演算子の一覧を示します。
| シンボル | 説明 | 例 | | シンボル | 説明 | 例 |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | | -------- | ----------------------------------------------------------------------------------------------------- | ------------------ |
| `<` | **小なり**: 2つの値を比較し、左側の値が右側の値よりも小さい場合は `true` のブール値を返します。 | `5 < 6 // true` | | `<` | **小なり**: 2つの値を比較し、左側の値が右側の値よりも小さい場合は `true` のブール値を返します。 | `5 < 6 // true` |
| `<=` | **小なりイコール**: 2つの値を比較し、左側の値が右側の値以下の場合は `true` のブール値を返します。 | `5 <= 6 // true` | | `<=` | **小なりイコール**: 2つの値を比較し、左側の値が右側の値以下の場合は `true` のブール値を返します。 | `5 <= 6 // true` |
| `>` | **大なり**: 2つの値を比較し、左側の値が右側の値よりも大きい場合は `true` のブール値を返します。 | `5 > 6 // false` | | `>` | **大なり**: 2つの値を比較し、左側の値が右側の値よりも大きい場合は `true` のブール値を返します。 | `5 > 6 // false` |
@ -83,7 +83,7 @@ else{
意思決定には複数の比較が必要な場合があり、論理演算子を使ってブール値を生成することができます。 意思決定には複数の比較が必要な場合があり、論理演算子を使ってブール値を生成することができます。
| シンボル | 説明 | 例 | | シンボル | 説明 | 例 |
| ------ | ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | | -------- | --------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
| `&&` | **論理積**: 2つのブール式を逆さにします。両辺が真の場合 **のみ** true を返します。 | `(5 > 6) && (5 < 6 ) //片方が false、もう片方が true です。false を返します。` | | `&&` | **論理積**: 2つのブール式を逆さにします。両辺が真の場合 **のみ** true を返します。 | `(5 > 6) && (5 < 6 ) //片方が false、もう片方が true です。false を返します。` |
| `||` | **論理和**: 2つのブール式を比較します。少なくとも片方が true であれば true を返します。 | `(5 > 6) || (5 < 6) //片方が false、もう片方が true です。true を返します。` | | `||` | **論理和**: 2つのブール式を比較します。少なくとも片方が true であれば true を返します。 | `(5 > 6) || (5 < 6) //片方が false、もう片方が true です。true を返します。` |
| `!` | **論理否定**: ブール式の反対の値を返します。 | `!(5 > 6) // 5は6より大きくないが、"!" は true を返す` | | `!` | **論理否定**: ブール式の反対の値を返します。 | `!(5 > 6) // 5は6より大きくないが、"!" は true を返す` |
@ -161,7 +161,7 @@ if (firstNumber > secondNumber) {
## レッスン後の小テスト ## レッスン後の小テスト
[レッスン後の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12?loc=ja) [レッスン後の小テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12?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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11?loc=ko) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/11?loc=ko)
결정을 내리고 코드가 실행되는 순서를 제어하면 코드를 재사용하며 강력하게 만들 수 있습니다. 이 강의에서는 JavaScript에서 데이터 흐름을 제어하기 위한 구문과 논리 자료형 데이터 타입을 함께 사용하는 중요성을 다룹니다. 결정을 내리고 코드가 실행되는 순서를 제어하면 코드를 재사용하며 강력하게 만들 수 있습니다. 이 강의에서는 JavaScript에서 데이터 흐름을 제어하기 위한 구문과 논리 자료형 데이터 타입을 함께 사용하는 중요성을 다룹니다.
@ -160,7 +160,7 @@ if (firstNumber > secondNumber) {
논리 연산자로 프로그램을 먼저 만든 뒤, 삼항 표현식을 사용하여 다시 작성하십시오. 어떤 구문을 선호합니까? 논리 연산자로 프로그램을 먼저 만든 뒤, 삼항 표현식을 사용하여 다시 작성하십시오. 어떤 구문을 선호합니까?
## 강의 후 퀴즈 ## 강의 후 퀴즈
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12?loc=ko) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12?loc=ko)
## 리뷰 & 자기주도 학습 ## 리뷰 & 자기주도 학습

@ -4,7 +4,7 @@
> Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
## Kuiz Pra Kuliah ## Kuiz Pra Kuliah
[Kuiz Pra Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11) [Kuiz Pra Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/11)
Membuat keputusan dan mengawal urutan kod anda berjalan menjadikan kod anda boleh digunakan semula dan kukuh. Bahagian ini merangkumi sintaks untuk mengawal aliran data dalam JavaScript dan kepentingannya apabila digunakan dengan jenis data Boolean Membuat keputusan dan mengawal urutan kod anda berjalan menjadikan kod anda boleh digunakan semula dan kukuh. Bahagian ini merangkumi sintaks untuk mengawal aliran data dalam JavaScript dan kepentingannya apabila digunakan dengan jenis data Boolean
@ -27,11 +27,11 @@ Tetapkan boolean anda menjadi benar atau salah seperti ini:
Pengendali digunakan untuk menilai keadaan dengan membuat perbandingan yang akan menghasilkan nilai Boolean. Berikut adalah senarai pengendali yang sering digunakan. Pengendali digunakan untuk menilai keadaan dengan membuat perbandingan yang akan menghasilkan nilai Boolean. Berikut adalah senarai pengendali yang sering digunakan.
| Simbol | Penerangan | Contoh | | Simbol | Penerangan | Contoh |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
| `<` | **Kurang daripada**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri kurang dari kanan | `5 < 6 // true` | | `<` | **Kurang daripada**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri kurang dari kanan | `5 < 6 // true` |
| `<=` | **Kurang daripada atau sama dengan**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri kurang dari atau sama dengan kanan | `5 <= 6 // true` | | `<=` | **Kurang daripada atau sama dengan**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri kurang dari atau sama dengan kanan | `5 <= 6 // true` |
| `>` | **Lebih daripada**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri lebih besar daripada kanan | `5 > 6 // false` | | `>` | **Lebih daripada**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri lebih besar daripada kanan | `5 > 6 // false` |
| `>=` | **Lebih daripada atau sama dengan**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri lebih besar daripada atau sama dengan kanan| `5 >= 6 // false` | | `>=` | **Lebih daripada atau sama dengan**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri lebih besar daripada atau sama dengan kanan | `5 >= 6 // false` |
| `===` | **Persamaan yang ketat**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di kanan dan kiri sama DAN adalah jenis data yang sama. | `5 === 6 // false` | | `===` | **Persamaan yang ketat**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di kanan dan kiri sama DAN adalah jenis data yang sama. | `5 === 6 // false` |
| `!==` | **Ketidaksamaan**: Membandingkan dua nilai dan mengembalikan nilai Boolean yang bertentangan dengan apa yang akan dikembalikan oleh operator persamaan yang ketat | `5 !== 6 // true` | | `!==` | **Ketidaksamaan**: Membandingkan dua nilai dan mengembalikan nilai Boolean yang bertentangan dengan apa yang akan dikembalikan oleh operator persamaan yang ketat | `5 !== 6 // true` |
@ -84,7 +84,7 @@ else{
Keputusan mungkin memerlukan lebih dari satu perbandingan, dan dapat disatukan dengan operator logik untuk menghasilkan nilai Boolean. Keputusan mungkin memerlukan lebih dari satu perbandingan, dan dapat disatukan dengan operator logik untuk menghasilkan nilai Boolean.
| Simbol | Penerangan | Contoh | | Simbol | Penerangan | Contoh |
| ------ | ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | | ------ | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
| `&&` | **Logik AND**: Membandingkan dua ungkapan Boolean. Mengembalikan benar **hanya** jika kedua-dua sisi benar | `(5 > 6) && (5 < 6 ) //Satu pihak salah, yang lain benar. Mengembalikan palsu` | | `&&` | **Logik AND**: Membandingkan dua ungkapan Boolean. Mengembalikan benar **hanya** jika kedua-dua sisi benar | `(5 > 6) && (5 < 6 ) //Satu pihak salah, yang lain benar. Mengembalikan palsu` |
| `\|\|` | **Logik OR**: Membandingkan dua ungkapan Boolean. Mengembalikan benar jika sekurang-kurangnya satu sisi benar | `(5 > 6) \|\| (5 < 6) //Satu pihak salah, yang lain benar. Kembali benar` | | `\|\|` | **Logik OR**: Membandingkan dua ungkapan Boolean. Mengembalikan benar jika sekurang-kurangnya satu sisi benar | `(5 > 6) \|\| (5 < 6) //Satu pihak salah, yang lain benar. Kembali benar` |
| `!` | **Logik NOT**: Mengembalikan nilai bertentangan ungkapan Boolean | `!(5 > 6) // 5 tidak lebih besar daripada 6, tetapi "!" akan kembali benar` | | `!` | **Logik NOT**: Mengembalikan nilai bertentangan ungkapan Boolean | `!(5 > 6) // 5 tidak lebih besar daripada 6, tetapi "!" akan kembali benar` |
@ -162,7 +162,7 @@ Buat program yang ditulis terlebih dahulu dengan operator logik, dan kemudian tu
--- ---
## Kuiz Pasca Kuliah ## Kuiz Pasca Kuliah
[Kuiz Pasca Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12) [Kuiz Pasca Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12)
## Mengkaji & Belajar Sendiri ## Mengkaji & Belajar Sendiri

@ -3,7 +3,7 @@
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
## Quiz Pré-Aula ## Quiz Pré-Aula
[Quiz Pré-Aula](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11) [Quiz Pré-Aula](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/11)
Tomar decisões e controlar a ordem do que é executado no seu código o torna recusável e robusto. Essa seção cobre a sintaxe para controle do fluxo de dados no JavaScript e sua significância quando usada com tipos Booleanos. Tomar decisões e controlar a ordem do que é executado no seu código o torna recusável e robusto. Essa seção cobre a sintaxe para controle do fluxo de dados no JavaScript e sua significância quando usada com tipos Booleanos.
@ -28,7 +28,7 @@ Atribua valores verdadeiro ou falso no seu booleano da seguinte forma:
Os operadores são usados para avaliar as condições fazendo comparações que criarão um valor booleano. A seguir está uma lista de operadores que são usados com frequência Os operadores são usados para avaliar as condições fazendo comparações que criarão um valor booleano. A seguir está uma lista de operadores que são usados com frequência
| Simbolo | Descrição | Exemplo | | Simbolo | Descrição | Exemplo |
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
| `<` | **Menor que**: Compara dois valores e retorna o tipo de dados Booleano `true` se o valor do lado esquerdo for menor que o direito | `5 < 6 // true` | | `<` | **Menor que**: Compara dois valores e retorna o tipo de dados Booleano `true` se o valor do lado esquerdo for menor que o direito | `5 < 6 // true` |
| `<=` | **Menor ou igual**: Compara dois valores e retorna o tipo de dados Booleano `true` se o valor à esquerda for menor ou igual à direita | `5 <= 6 // true` | | `<=` | **Menor ou igual**: Compara dois valores e retorna o tipo de dados Booleano `true` se o valor à esquerda for menor ou igual à direita | `5 <= 6 // true` |
| `>` | **Maior que**: Compara dois valores e retorna o tipo de dados Booleano `true` se o valor à esquerda for menor ou igual à direita | `5 > 6 // false` | | `>` | **Maior que**: Compara dois valores e retorna o tipo de dados Booleano `true` se o valor à esquerda for menor ou igual à direita | `5 > 6 // false` |
@ -85,7 +85,7 @@ else{
As decisões podem exigir mais de uma comparação e podem ser combinadas com operadores lógicos para produzir um valor booleano. As decisões podem exigir mais de uma comparação e podem ser combinadas com operadores lógicos para produzir um valor booleano.
| Simbolo | Descrição | Exemplo | | Simbolo | Descrição | Exemplo |
| ------ | ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | | ------- | ---------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
| `&&` | **AND Lógico**: Compara duas expressões booleanas. Retorna verdadeiro ** apenas ** se ambos os lados forem verdadeiros | `(5 > 6) && (5 < 6 ) //// Um lado é falso, o outro é verdadeiro. Retorna falso` | | `&&` | **AND Lógico**: Compara duas expressões booleanas. Retorna verdadeiro ** apenas ** se ambos os lados forem verdadeiros | `(5 > 6) && (5 < 6 ) //// Um lado é falso, o outro é verdadeiro. Retorna falso` |
| `\|\|` | **OR Lógico**: Compara duas expressões booleanas. Retorna verdadeiro se pelo menos um lado for verdadeiro | `(5> 6) \ | \ | (5 <6) // Um lado é falso, o outro é verdadeiro. Retorna verdadeiro` | | `\|\|` | **OR Lógico**: Compara duas expressões booleanas. Retorna verdadeiro se pelo menos um lado for verdadeiro | `(5> 6) \ | \ | (5 <6) // Um lado é falso, o outro é verdadeiro. Retorna verdadeiro` |
| `!` | **NOT Lógico**: Retorna o valor oposto de uma expressão booleana | `! (5> 6) // 5 não é maior que 6, mas"! " retornará verdadeiro` | | `!` | **NOT Lógico**: Retorna o valor oposto de uma expressão booleana | `! (5> 6) // 5 não é maior que 6, mas"! " retornará verdadeiro` |
@ -163,7 +163,7 @@ Crie um programa que seja escrito primeiro com operadores lógicos e, em seguida
--- ---
## Quiz Pós-Aula ## Quiz Pós-Aula
[Quiz Pós Aula](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12) [Quiz Pós Aula](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12)
## Revisão e autoestudo ## Revisão e autoestudo

@ -4,7 +4,7 @@
> 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac) > 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac)
## 课前小测 ## 课前小测
[课前小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11?loc=zh_cn) [课前小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/11?loc=zh_cn)
对你的代码运行方式做出决定并且控制它们的顺序可以让你的代码更加可复用和稳定。这节课会介绍 JavaScript 中控制数据流的语法以及其与布尔数据类型搭配使用时的重要性。 对你的代码运行方式做出决定并且控制它们的顺序可以让你的代码更加可复用和稳定。这节课会介绍 JavaScript 中控制数据流的语法以及其与布尔数据类型搭配使用时的重要性。
@ -28,7 +28,7 @@
一些运算符可用于表示比较的结果(会以布尔值返回)。下面是一些常用的运算符: 一些运算符可用于表示比较的结果(会以布尔值返回)。下面是一些常用的运算符:
| 符号 | 描述 | 示例 | | 符号 | 描述 | 示例 |
| --- | --- | --- | | ----- | --------------------------------------------------------------------------------- | ------------------ |
| `<` | **小于**:比较两个值,如果左边的值小于右边的值则返回 `true` | `5 < 6 // true` | | `<` | **小于**:比较两个值,如果左边的值小于右边的值则返回 `true` | `5 < 6 // true` |
| `<=` | **小于或等于**:比较两个值,如果左边的值小于或等于右边的值则返回 `true` | `5 <= 6 // true` | | `<=` | **小于或等于**:比较两个值,如果左边的值小于或等于右边的值则返回 `true` | `5 <= 6 // true` |
| `>` | **大于**:比较两个值,如果左边的值大于右边的值则返回 `true` | `5 > 6 // false` | | `>` | **大于**:比较两个值,如果左边的值大于右边的值则返回 `true` | `5 > 6 // false` |
@ -85,7 +85,7 @@ else{
做出决定可能需要不止一次比较,可以用逻辑运算符将比较结果串在一起来产生一个布尔值。 做出决定可能需要不止一次比较,可以用逻辑运算符将比较结果串在一起来产生一个布尔值。
| 符号 | 描述 | 示例 | | 符号 | 描述 | 示例 |
| --- | --- | --- | | ------ | ------------------------------------------------------------------- | ------------------------------------------------------ |
| `&&` | **逻辑与AND**:比较两个布尔表达式,只有在两边**都是真**时返回真 | `(5 > 6) && (5 < 6 ) // 一边为假,另一边为真,返回假` | | `&&` | **逻辑与AND**:比较两个布尔表达式,只有在两边**都是真**时返回真 | `(5 > 6) && (5 < 6 ) // 一边为假,另一边为真,返回假` |
| `\|\|` | **逻辑或OR**:比较两个布尔表达式,在至少一边为真时返回真 | `(5 > 6) \|\| (5 < 6) // 一边为假,另一边为真,返回真` | | `\|\|` | **逻辑或OR**:比较两个布尔表达式,在至少一边为真时返回真 | `(5 > 6) \|\| (5 < 6) // 一边为假,另一边为真,返回真` |
| `!` | **逻辑非NOT**:返回与一个布尔表达式相反的布尔值 | `!(5 > 6) // 5 并不比 6 大,但 "!" 会返回真` | | `!` | **逻辑非NOT**:返回与一个布尔表达式相反的布尔值 | `!(5 > 6) // 5 并不比 6 大,但 "!" 会返回真` |
@ -164,7 +164,7 @@ if (firstNumber > secondNumber) {
--- ---
## 课后小测 ## 课后小测
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12?loc=zh_cn) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12?loc=zh_cn)
## 复习 & 自学 ## 复习 & 自学

@ -4,7 +4,7 @@
> 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
## 課前測驗 ## 課前測驗
[課前測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11?loc=zh_tw) [課前測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/11?loc=zh_tw)
為程式碼做決定與控制順序以提高其重複利用性與豐富性。這堂課程提供 JavaScript 的資料流控制語法與布林資料型的重點。 為程式碼做決定與控制順序以提高其重複利用性與豐富性。這堂課程提供 JavaScript 的資料流控制語法與布林資料型的重點。
@ -163,7 +163,7 @@ if (firstNumber > secondNumber) {
--- ---
## 課後測驗 ## 課後測驗
[課後測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12?loc=zh_tw) [課後測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/12?loc=zh_tw)
## 複習與自學 ## 複習與自學

@ -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 ## Pre-Lecture Quiz
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/13)
This lesson covers the basics of JavaScript, the language that provides interactivity on the web. In this lesson, you'll learn about arrays and loops, which are used to manipulate data. This lesson covers the basics of JavaScript, the language that provides interactivity on the web. In this lesson, you'll learn about arrays and loops, which are used to manipulate data.
@ -115,7 +115,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
There are other ways of looping over arrays other than for and while loops. There are [forEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of), and [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Rewrite your array loop using one of these techniques. There are other ways of looping over arrays other than for and while loops. There are [forEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of), and [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Rewrite your array loop using one of these techniques.
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14)
## Review & Self Study ## Review & Self Study

@ -5,7 +5,7 @@
[![Loops](https://img.youtube.com/vi/Eeh7pxtTZ3k/0.jpg)](https://www.youtube.com/watch?v=Eeh7pxtTZ3k "Loops") [![Loops](https://img.youtube.com/vi/Eeh7pxtTZ3k/0.jpg)](https://www.youtube.com/watch?v=Eeh7pxtTZ3k "Loops")
## [Pre-Lecture Quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13) ## [Pre-Lecture Quiz](https://happy-mud-02d95f10f.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. 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.
@ -114,7 +114,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/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of) und [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Schreiben Sie Ihre Array-Schleife mit einer dieser Techniken neu. Es gibt andere Möglichkeiten, Arrays als for- und while-Schleifen zu durchlaufen. Es gibt [forEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of) und [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Schreiben Sie Ihre Array-Schleife mit einer dieser Techniken neu.
## [Quiz nach der Vorlesung](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14) ## [Quiz nach der Vorlesung](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14)
## Review & Selbststudium ## Review & Selbststudium

@ -8,7 +8,7 @@
[![Bucles](https://img.youtube.com/vi/Eeh7pxtTZ3k/0.jpg)](https://www.youtube.com/watch?v=Eeh7pxtTZ3k "Bucles") [![Bucles](https://img.youtube.com/vi/Eeh7pxtTZ3k/0.jpg)](https://www.youtube.com/watch?v=Eeh7pxtTZ3k "Bucles")
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13) ## [Pre-lecture prueba](https://happy-mud-02d95f10f.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. 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.
@ -110,7 +110,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/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of), y [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Vuelva a escribir su bucle de matriz utilizando una de estas técnicas. 🚀 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/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of), y [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Vuelva a escribir su bucle de matriz utilizando una de estas técnicas.
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14) ## [Post-lecture prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14)
## Revisión y autoestudio ## Revisión y autoestudio

@ -4,7 +4,7 @@
> [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट > [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट
## पूर्व व्याख्यान प्रश्नोत्तरी ## पूर्व व्याख्यान प्रश्नोत्तरी
[पूर्व व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13?loc=hi) [पूर्व व्याख्यान प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/13?loc=hi)
इस पाठ में जावास्क्रिप्ट की मूल बातें शामिल हैं, वह भाषा जो वेब पर अन्तरक्रियाशीलता प्रदान करती है। इस पाठ में, आप ऐरे और लूप्स के बारे में जानेंगे, जिनका उपयोग डेटा में हेरफेर करने के लिए किया जाता है। इस पाठ में जावास्क्रिप्ट की मूल बातें शामिल हैं, वह भाषा जो वेब पर अन्तरक्रियाशीलता प्रदान करती है। इस पाठ में, आप ऐरे और लूप्स के बारे में जानेंगे, जिनका उपयोग डेटा में हेरफेर करने के लिए किया जाता है।
@ -114,7 +114,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
लूप के अलावा और अन्य अररेस पर लूपिंग के अन्य तरीके हैं। [ForEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web) हैं /JavaScript/Reference/Statements/for...of), और [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Anray/map)। इन तकनीकों में से किसी एक का उपयोग करके अपने ऐरे लूप को फिर से लिखें। लूप के अलावा और अन्य अररेस पर लूपिंग के अन्य तरीके हैं। [ForEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web) हैं /JavaScript/Reference/Statements/for...of), और [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Anray/map)। इन तकनीकों में से किसी एक का उपयोग करके अपने ऐरे लूप को फिर से लिखें।
## व्याख्यान उपरांत प्रश्नोत्तरी ## व्याख्यान उपरांत प्रश्नोत्तरी
[व्याख्यान उपरांत प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14?loc=hi) [व्याख्यान उपरांत प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14?loc=hi)
## समीक्षा और स्व अध्ययन ## समीक्षा और स्व अध्ययन

@ -6,7 +6,7 @@
## Kuis Pra-Kuliah ## Kuis Pra-Kuliah
[Kuis pra-Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13?loc=id) [Kuis pra-Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/13?loc=id)
Pelajaran ini mencakup dasar-dasar JavaScript, bahasa yang menyediakan interaktivitas di web. Dalam pelajaran ini, Anda akan belajar tentang array dan loop, yang digunakan untuk memanipulasi data. Pelajaran ini mencakup dasar-dasar JavaScript, bahasa yang menyediakan interaktivitas di web. Dalam pelajaran ini, Anda akan belajar tentang array dan loop, yang digunakan untuk memanipulasi data.
@ -133,7 +133,7 @@ Ada cara lain untuk melakukan perulangan pada array selain perulangan for dan wh
## Kuis Pasca-Kuliah ## Kuis Pasca-Kuliah
[Kuis pasca-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14?loc=id) [Kuis pasca-kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14?loc=id)
## Review & Belajar Mandiri ## Review & Belajar Mandiri

@ -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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13?loc=it) [Quiz Pre-Lezione](https://happy-mud-02d95f10f.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. 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.
@ -117,7 +117,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. 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
[Quiz Post-Lezione](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14?loc=it) [Quiz Post-Lezione](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14?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)
## レッスン前の小テスト ## レッスン前の小テスト
[レッスン前の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13?loc=ja) [レッスン前の小テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/13?loc=ja)
このレッスンでは、Web 上でインタラクティブな機能を提供する言語である JavaScript の基礎を学びます。このレッスンでは、データを操作するために使用される配列とループについて学びます。 このレッスンでは、Web 上でインタラクティブな機能を提供する言語である JavaScript の基礎を学びます。このレッスンでは、データを操作するために使用される配列とループについて学びます。
@ -115,7 +115,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
配列をループする方法は for ループと while ループ以外にもあります。[forEach](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)、[for-of](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/for...of)、[map](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/map) があります。これらのテクニックのいずれかを使って、配列のループを書き換えてください。 配列をループする方法は for ループと while ループ以外にもあります。[forEach](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)、[for-of](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/for...of)、[map](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/map) があります。これらのテクニックのいずれかを使って、配列のループを書き換えてください。
## レッスン後の小テスト ## レッスン後の小テスト
[レッスン後の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14?loc=ja) [レッスン後の小テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14?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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13?loc=ko) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/13?loc=ko)
이 강의에서는 웹에서 상호 작용을 제공하는 언어인 JavaScript의 기본 사항을 다룹니다. 데이터를 컨트롤하는 데 사용하는 배열과 반복문에 대해 알아 봅니다. 이 강의에서는 웹에서 상호 작용을 제공하는 언어인 JavaScript의 기본 사항을 다룹니다. 데이터를 컨트롤하는 데 사용하는 배열과 반복문에 대해 알아 봅니다.
@ -115,7 +115,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
for문과 while문 외에 배열을 반복하는 다른 방법이 있습니다. [forEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of) 그리고 [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map)도 있습니다. 해당 기술 중 하나를 사용하여 배열 반복을 다시 작성하십시오. for문과 while문 외에 배열을 반복하는 다른 방법이 있습니다. [forEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of) 그리고 [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map)도 있습니다. 해당 기술 중 하나를 사용하여 배열 반복을 다시 작성하십시오.
## 강의 후 퀴즈 ## 강의 후 퀴즈
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14?loc=ko) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14?loc=ko)
## 리뷰 & 자기주도 학습 ## 리뷰 & 자기주도 학습

@ -4,7 +4,7 @@
> Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
## Kuiz Pra Kuliah ## Kuiz Pra Kuliah
[Kuiz Pra Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13) [Kuiz Pra Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/13)
Pelajaran ini merangkumi asas-asas JavaScript, bahasa yang menyediakan interaktiviti di web. Dalam pelajaran ini, anda akan belajar tentang array dan loop, yang digunakan untuk memanipulasi data. Pelajaran ini merangkumi asas-asas JavaScript, bahasa yang menyediakan interaktiviti di web. Dalam pelajaran ini, anda akan belajar tentang array dan loop, yang digunakan untuk memanipulasi data.
@ -114,7 +114,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
Terdapat cara lain untuk mengulangi tatasusunan selain untuk dan semasa gelung. Terdapat [forEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of), dan [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Tulis semula array loop anda menggunakan salah satu teknik ini. Terdapat cara lain untuk mengulangi tatasusunan selain untuk dan semasa gelung. Terdapat [forEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of), dan [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Tulis semula array loop anda menggunakan salah satu teknik ini.
## Kuiz Pasca Kuliah ## Kuiz Pasca Kuliah
[Kuiz Pasca Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14) [Kuiz Pasca Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14)
## Mengkaji and Belajar Sendiri ## Mengkaji and Belajar Sendiri

@ -4,7 +4,7 @@
> 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac) > 涂鸦笔记作者:[Tomomi Imura](https://twitter.com/girlie_mac)
## 课前小测 ## 课前小测
[课前小测](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13?loc=zh_cn) [课前小测](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/13?loc=zh_cn)
这节课将会介绍 JavaScript 的基础知识,正是它为网页提供了可交互性。这节课中,你将学习数组和循环,它们会被用于操控数据。 这节课将会介绍 JavaScript 的基础知识,正是它为网页提供了可交互性。这节课中,你将学习数组和循环,它们会被用于操控数据。
@ -115,7 +115,7 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
除了 for 和 while 循环,还有一些用于遍历数组的办法。比如 [forEach](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)、[for-of](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/for...of) 和 [map](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map)。用这些办法重写一下你的数组遍历代码。 除了 for 和 while 循环,还有一些用于遍历数组的办法。比如 [forEach](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)、[for-of](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/for...of) 和 [map](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map)。用这些办法重写一下你的数组遍历代码。
## 课后小测 ## 课后小测
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14?loc=zh_cn) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14?loc=zh_cn)
## 复习 & 自学 ## 复习 & 自学

@ -4,7 +4,7 @@
> 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製 > 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
## 課前測驗 ## 課前測驗
[課前測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13?loc=zh_tw) [課前測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/13?loc=zh_tw)
這堂課會包含程式語言 JavaScript建立互動式網頁的基礎。課程中你會學到用來操作資料的矩陣與迴圈。 這堂課會包含程式語言 JavaScript建立互動式網頁的基礎。課程中你會學到用來操作資料的矩陣與迴圈。
@ -115,7 +115,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)。 用上列其中一種語法改寫你的迴圈。 除了 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)。 用上列其中一種語法改寫你的迴圈。
## 課後測驗 ## 課後測驗
[課後測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14?loc=zh_tw) [課後測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/14?loc=zh_tw)
## 複習與自學 ## 複習與自學

@ -5,7 +5,7 @@
## Pre-Lecture Quiz ## Pre-Lecture Quiz
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/15)
### Introduction ### Introduction
@ -217,7 +217,7 @@ There are some wild 'older' tags in HTML that are still fun to play with, though
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/16)
## Review & Self Study ## Review & Self Study

@ -3,7 +3,7 @@
![Introducción a HTML](/sketchnotes/webdev101-html.png) ![Introducción a HTML](/sketchnotes/webdev101-html.png)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15) ## [Pre-lecture prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/15)
### Introducción: ### 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/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) 🚀 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/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](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16) ## [Post-lecture prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/16)
## Revisión y autoestudio ## Revisión y autoestudio

@ -5,7 +5,7 @@
## पूर्व व्याख्यान प्रश्नोत्तरी ## पूर्व व्याख्यान प्रश्नोत्तरी
[पूर्व व्याख्यान प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15?loc=hi) [पूर्व व्याख्यान प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/15?loc=hi)
### परिचय ### परिचय
@ -216,7 +216,7 @@ HTML में कुछ जंगली 'पुराने' टैग है
## व्याख्यान उपरांत प्रश्नोत्तरी ## व्याख्यान उपरांत प्रश्नोत्तरी
[व्याख्यान उपरांत प्रश्नोत्तरी](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16?loc=hi) [व्याख्यान उपरांत प्रश्नोत्तरी](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/16?loc=hi)
## समीक्षा और स्व अध्ययन ## समीक्षा और स्व अध्ययन

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

@ -5,7 +5,7 @@
## レッスン前の小テスト ## レッスン前の小テスト
[レッスン前の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15?loc=ja) [レッスン前の小テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/15?loc=ja)
### イントロダクション ### イントロダクション
@ -217,7 +217,7 @@ HTMLに はまだ遊んで楽しいワイルドな「古い」タグがいくつ
## レッスン後の小テスト ## レッスン後の小テスト
[レッスン後の小テスト](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16?loc=ja) [レッスン後の小テスト](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/16?loc=ja)
## 復習と自己学習 ## 復習と自己学習

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

@ -5,7 +5,7 @@
## Kuiz Pra Kuliah ## Kuiz Pra Kuliah
[Kuiz Pra Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15) [Kuiz Pra Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/15)
### Pengenalan ### Pengenalan
@ -217,7 +217,7 @@ Terdapat beberapa tag 'lawas' liar dalam HTML yang masih menyeronokkan untuk dim
## Kuiz Pasca Kuliah ## Kuiz Pasca Kuliah
[Kuiz Pasca Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16) [Kuiz Pasca Kuliah](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/16)
## Mengkaji dan Belajar Sendiri ## Mengkaji dan Belajar Sendiri

@ -5,7 +5,7 @@
## 课前测试 ## 课前测试
[课前测试](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15?loc=zh_cn) [课前测试](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/15?loc=zh_cn)
### 介绍 ### 介绍
@ -217,7 +217,7 @@ HTML 中还有一些狂野的'旧'标签,玩起来仍然很有趣。虽然[这
## 课后测试 ## 课后测试
[课后测试](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16?loc=zh_ch) [课后测试](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/16?loc=zh_ch)
## 复习 & 预习 ## 复习 & 预习

@ -5,7 +5,7 @@
## 課前測驗 ## 課前測驗
[課前測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15?loc=zh_tw) [課前測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/15?loc=zh_tw)
### 大綱 ### 大綱
@ -217,7 +217,7 @@ HTML 文件中 'head' 的區域包含很多網頁的重要資訊,也被稱作[
## 課後測驗 ## 課後測驗
[課後測驗](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16?loc=zh_tw) [課後測驗](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/16?loc=zh_tw)
## 複習與自學 ## 複習與自學

@ -5,7 +5,7 @@
## Pre-Lecture Quiz ## Pre-Lecture Quiz
[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/17) [Pre-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/17)
### Introduction ### Introduction
@ -254,7 +254,7 @@ To complete the post-lecture quiz, go through this Learn module: [Style your HTM
## Post-Lecture Quiz ## Post-Lecture Quiz
[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/18) [Post-lecture quiz](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/18)
## Review & Self Study ## Review & Self Study

@ -3,7 +3,7 @@
![Introducción a CSS](/sketchnotes/webdev101-css.png) ![Introducción a CSS](/sketchnotes/webdev101-css.png)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
## [Pre-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/17) ## [Pre-lecture prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/17)
### Introducción: ### Introducción:
@ -244,7 +244,7 @@ Tenga en cuenta el uso de porcentajes aquí. Si reduce la escala de su navegador
![terrario terminado](../images/terrarium-final.png) ![terrario terminado](../images/terrarium-final.png)
## [Post-lecture prueba](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/18) ## [Post-lecture prueba](https://happy-mud-02d95f10f.azurestaticapps.net/quiz/18)
## Revisión y autoestudio ## Revisión y autoestudio

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save