diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/.github/post-lecture-quiz.id.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/.github/post-lecture-quiz.id.md deleted file mode 100644 index 40a002b9..00000000 --- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/.github/post-lecture-quiz.id.md +++ /dev/null @@ -1,18 +0,0 @@ -*Selesaikan kuis ini bersama dengan kiriman Anda dengan memeriksa satu jawaban per pertanyaan.* - -1. Bahasa apa yang kemungkinan besar akan Anda gunakan untuk membuat situs web? - -- [ ] Machine Code (Kode Mesin) -- [ ] JavaScript -- [ ] Bash - -2. Lingkungan pengembangan unik untuk setiap pengembang - -- [ ] Benar -- [ ] Salah - -3. Apa yang akan dilakukan pengembang untuk memperbaiki kode buggy (mudah rusak)? - -- [ ] Syntax highlighting (Penyorotan sintaks) -- [ ] Debugging -- [ ] Code formatting (Pemformatan kode) diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/.github/pre-lecture-quiz.id.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/.github/pre-lecture-quiz.id.md deleted file mode 100644 index 6846d246..00000000 --- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/.github/pre-lecture-quiz.id.md +++ /dev/null @@ -1,18 +0,0 @@ -*Selesaikan kuis ini di kelas* - -1. Sebuah program dapat dibuat tanpa pembuatnya menulis kode apapun - -- [ ] Benar -- [ ] Salah - -2. Bahasa tingkat rendah adalah pilihan populer untuk: - -- [ ] Website -- [ ] Hardware -- [ ] Perangkat lunak permainan video - -3. Manakah dari alat berikut yang kemungkinan besar ada di lingkungan pengembang web? - -- [ ] Hardware, like a Raspberry Pi -- [ ] Browser DevTools -- [ ] Operating system documentation diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.id.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.id.md index 36800646..086ce446 100644 --- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.id.md +++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.id.md @@ -6,7 +6,8 @@ Pelajaran ini mencakup dasar-dasar bahasa pemrograman. Topik yang dibahas di sin > Catatan sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac) ## Kuis Pra-Kuliah -[Kuis pra-kuliah](.github/pre-lecture-quiz.id.md) + +[Kuis pra-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/1) ## Pengantar @@ -179,6 +180,10 @@ Ketika pengembang ingin mempelajari sesuatu yang baru, mereka kemungkinan besar Bandingkan beberapa bahasa pemrograman. Apa saja ciri-ciri unik JavaScript vs. Java? Bagaimana dengan COBOL vs. Go? +## Kuis Pasca-Kuliah + +[Kuis pasca-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/2) + ## Ulasan & Belajar Mandiri Pelajari sedikit tentang berbagai bahasa yang tersedia untuk programmer. Cobalah untuk menulis baris dalam satu bahasa, dan kemudian mengulanginya pada dua bahasa lainnya. Apa yang Anda pelajari? diff --git a/1-getting-started-lessons/2-github-basics/translations/.github/post-lecture-quiz.id.md b/1-getting-started-lessons/2-github-basics/translations/.github/post-lecture-quiz.id.md deleted file mode 100644 index d76b1db5..00000000 --- a/1-getting-started-lessons/2-github-basics/translations/.github/post-lecture-quiz.id.md +++ /dev/null @@ -1,19 +0,0 @@ -*Selesaikan kuis ini dengan mencentang satu jawaban per pertanyaan.* - -1. Tempat untuk membandingkan dan mendiskusikan perbedaan yang diperkenalkan pada cabang dengan review, komentar, tes terintegrasi, dan banyak lagi adalah: - -- [ ] GitHub -- [ ] Pull Request (Tarik Permintaan) -- [ ] Feature branch (Cabang fitur) - -2. Bagaimana Anda mendapatkan semua komit dari cabang remote (jarak jauh)? - -- [ ] `git fetch` -- [ ] `git pull` -- [ ] `git commits -r` - -3. Bagaimana Anda beralih ke sebuah cabang (branch)? - -- [ ] `git switch [branch-name]` -- [ ] `git checkout [branch-name]` -- [ ] `git load [branch-name]` diff --git a/1-getting-started-lessons/2-github-basics/translations/.github/pre-lecture-quiz.id.md b/1-getting-started-lessons/2-github-basics/translations/.github/pre-lecture-quiz.id.md deleted file mode 100644 index 920d8332..00000000 --- a/1-getting-started-lessons/2-github-basics/translations/.github/pre-lecture-quiz.id.md +++ /dev/null @@ -1,13 +0,0 @@ -*Selesaikan kuis ini di kelas* - -1. Bagaimana Anda membuat repo Git? - -- [ ] git create -- [ ] git start -- [ ] git init - -2. Apa fungsi `git add`? - -- [ ] Commit (menyerahkan) kode Anda -- [ ] Menambahkan file Anda ke area pementasan (staging area) untuk dilacak -- [ ] Menambahkan file Anda ke GitHub diff --git a/1-getting-started-lessons/2-github-basics/translations/README.id.md b/1-getting-started-lessons/2-github-basics/translations/README.id.md index bb7d570b..0a420251 100644 --- a/1-getting-started-lessons/2-github-basics/translations/README.id.md +++ b/1-getting-started-lessons/2-github-basics/translations/README.id.md @@ -6,7 +6,8 @@ Pelajaran ini mencakup dasar-dasar GitHub, platform untuk menghosting dan mengel > Catatan sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac) ## Kuis Pra-Kuliah -[Kuis pra-kuliah](.github/pre-lecture-quiz.id.md) + +[Kuis pra-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/3) ## Pengantar @@ -272,7 +273,8 @@ Proyek mungkin juga memiliki diskusi di forum, milis, atau saluran obrolan seper Sandingkan dengan seorang teman untuk mengerjakan kode satu sama lain. Buat proyek secara kolaboratif, buat kode, buat cabang, dan gabungkan perubahan. ## Kuis Pasca Kuliah -[Kuis pasca kuliah](.github/post-lecture-quiz.id.md) + +[Kuis pasca kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/4) ## Review & Belajar Mandiri @@ -288,4 +290,4 @@ Anda juga akan menemukan lab yang lebih canggih. ## Tugas -Selesaikan [Minggu Pertama di lab pelatihan GitHub](https://lab.github.com/githubtraining/first-week-on-github) \ No newline at end of file +Selesaikan [Minggu Pertama di lab pelatihan GitHub](https://lab.github.com/githubtraining/first-week-on-github) diff --git a/1-getting-started-lessons/3-accessibility/translations/.github/post-lecture-quiz.id.md b/1-getting-started-lessons/3-accessibility/translations/.github/post-lecture-quiz.id.md deleted file mode 100644 index 07bd77ec..00000000 --- a/1-getting-started-lessons/3-accessibility/translations/.github/post-lecture-quiz.id.md +++ /dev/null @@ -1,17 +0,0 @@ -*Selesaikan kuis ini dengan mencentang satu jawaban per pertanyaan.* - -1. Lighthouse hanya memeriksa masalah aksesibilitas - -- [ ] benar -- [ ] salah - -2. Palet warna aman membantu orang dengan - -- [ ] buta warna -- [ ] gangguan penglihatan -- [ ] keduanya di atas - -3. Tautan deskriptif sangat penting untuk situs web yang dapat diakses - -- [ ] benar -- [ ] salah diff --git a/1-getting-started-lessons/3-accessibility/translations/.github/pre-lecture-quiz.id.md b/1-getting-started-lessons/3-accessibility/translations/.github/pre-lecture-quiz.id.md deleted file mode 100644 index 4043378c..00000000 --- a/1-getting-started-lessons/3-accessibility/translations/.github/pre-lecture-quiz.id.md +++ /dev/null @@ -1,17 +0,0 @@ -*Selesaikan kuis ini di kelas* - -1. Situs web yang dapat diakses dapat diperiksa di alat browser mana - -- [ ] Lighthouse -- [ ] Deckhouse -- [ ] Cleanhouse - -2. Anda memerlukan pembaca layar fisik untuk menguji aksesibilitas bagi pengguna dengan gangguan penglihatan - -- [ ] benar -- [ ] salah - -3. Aksesibilitas hanya penting di situs web pemerintah - -- [ ] benar -- [ ] salah diff --git a/1-getting-started-lessons/3-accessibility/translations/README.id.md b/1-getting-started-lessons/3-accessibility/translations/README.id.md index d9475ec7..f3515dd4 100644 --- a/1-getting-started-lessons/3-accessibility/translations/README.id.md +++ b/1-getting-started-lessons/3-accessibility/translations/README.id.md @@ -4,7 +4,8 @@ > Catatan sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac) ## Kuis Pra-Kuliah -[Kuis pra-kuliah](.github/pre-lecture-quiz.id.md) + +[Kuis pra-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/5) > Kekuatan Web ada dalam universalitasnya. Akses oleh semua orang tanpa memandang disabilitas merupakan aspek penting. > @@ -208,7 +209,8 @@ Ambil HTML ini dan tulis ulang agar dapat diakses semaksimal mungkin, dengan str ``` ## Kuis Pasca Kuliah -[Kuis pasca kuliah](.github/post-lecture-quiz.id.md) + +[Kuis pasca kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/6) ## Review & Belajar Mandiri diff --git a/2-js-basics/1-data-types/translations/.github/post-lecture-quiz.id.md b/2-js-basics/1-data-types/translations/.github/post-lecture-quiz.id.md deleted file mode 100644 index 0857af21..00000000 --- a/2-js-basics/1-data-types/translations/.github/post-lecture-quiz.id.md +++ /dev/null @@ -1,18 +0,0 @@ -*Complete this quiz after the lesson by checking one answer per question.* - -1. Konstanta sama dengan `let` dan `var` untuk mendeklarasikan variabel kecuali - -- [ ] Konstanta harus diinisialisasi -- [ ] Konstanta dapat diubah -- [ ] Konstanta dapat ditetapkan kembali - -2. Numbers dan ____ adalah primitif JavaScript yang menangani data numerik - -- [ ] bigint -- [ ] boolean -- [ ] star - -3. String dapat berada di antara tanda kutip tunggal dan ganda - -- [ ] benar -- [ ] salah diff --git a/2-js-basics/1-data-types/translations/.github/pre-lecture-quiz.id.md b/2-js-basics/1-data-types/translations/.github/pre-lecture-quiz.id.md deleted file mode 100644 index f29ae535..00000000 --- a/2-js-basics/1-data-types/translations/.github/pre-lecture-quiz.id.md +++ /dev/null @@ -1,17 +0,0 @@ -*Selesaikan kuis ini di kelas* - -1. Boolean adalah tipe data yang dapat Anda gunakan untuk menguji panjang string - -- [ ] benar -- [ ] salah - -2. Berikut ini adalah operasi yang dapat Anda lakukan pada string - -- [ ] concatenation -- [ ] appending -- [ ] splicing - -3. `==` dan `===` dapat dipertukarkan - -- [ ] benar -- [ ] salah diff --git a/2-js-basics/1-data-types/translations/README.id.md b/2-js-basics/1-data-types/translations/README.id.md index 9e483a5d..fa14e04f 100644 --- a/2-js-basics/1-data-types/translations/README.id.md +++ b/2-js-basics/1-data-types/translations/README.id.md @@ -6,7 +6,7 @@ ## Kuis Pra-Kuliah -[Kuis pra-Kuliah](.github/pre-lecture-quiz.id.md) +[Kuis pra-Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/7) 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](.github/post-lecture-quiz.id.md) +[Kuis pasca-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/8) ## Review & Belajar Mandiri diff --git a/2-js-basics/2-functions-methods/translations/.github/post-lecture-quiz.id.md b/2-js-basics/2-functions-methods/translations/.github/post-lecture-quiz.id.md deleted file mode 100644 index 74126c1f..00000000 --- a/2-js-basics/2-functions-methods/translations/.github/post-lecture-quiz.id.md +++ /dev/null @@ -1,12 +0,0 @@ -*Selesaikan kuis ini dengan mencentang satu jawaban per pertanyaan.* - -1. Argumen harus disediakan untuk semua parameter dalam suatu fungsi - -- [ ] benar -- [ ] salah - -2. Apa fungsi nilai default? - -- [ ] Menetapkan nilai yang benar -- [ ] Memberikan nilai awal untuk parameter sehingga kode Anda tetap berfungsi jika Anda menghilangkan argumen untuk itu -- [ ] Tidak memiliki utilitas diff --git a/2-js-basics/2-functions-methods/translations/.github/pre-lecture-quiz.id.md b/2-js-basics/2-functions-methods/translations/.github/pre-lecture-quiz.id.md deleted file mode 100644 index c6ea25df..00000000 --- a/2-js-basics/2-functions-methods/translations/.github/pre-lecture-quiz.id.md +++ /dev/null @@ -1,12 +0,0 @@ -*Selesaikan kuis ini di kelas* - -1. Apa itu argumen? - -- [ ] Itu adalah sesuatu yang Anda deklarasikan dalam definisi fungsi -- [ ] Itu adalah sesuatu yang Anda berikan ke suatu fungsi pada waktu pemanggilan -- [ ] Itu adalah sesuatu yang Anda miliki dengan orang yang Anda kenal - -2. Benar atau salah: suatu fungsi harus mengembalikan sesuatu - -- [ ] benar -- [ ] salah diff --git a/2-js-basics/2-functions-methods/translations/README.id.md b/2-js-basics/2-functions-methods/translations/README.id.md index c978e52c..85dea8f6 100644 --- a/2-js-basics/2-functions-methods/translations/README.id.md +++ b/2-js-basics/2-functions-methods/translations/README.id.md @@ -6,7 +6,7 @@ ## Kuis Pra-Kuliah -[Kuis pra-Kuliah](./.github/pre-lecture-quiz.id.md) +[Kuis pra-Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/9) 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](./.github/post-lecture-quiz.id.md) +[Kuis pasca-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10) ## Review & Belajar Mandiri diff --git a/2-js-basics/3-making-decisions/translations/.github/post-lecture-quiz.id.md b/2-js-basics/3-making-decisions/translations/.github/post-lecture-quiz.id.md deleted file mode 100644 index ad2a7449..00000000 --- a/2-js-basics/3-making-decisions/translations/.github/post-lecture-quiz.id.md +++ /dev/null @@ -1,12 +0,0 @@ -*Selesaikan kuis ini dengan mencentang satu jawaban per pertanyaan.* - -1. Apa yang akan dikembalikan kode berikut: `'1' == 1` - -- [ ] true -- [ ] false - -2. Pilih operator yang benar untuk mengekspresikan logika _or_ - -- [] `a | b` -- [] `a || b` -- [] `a atau b` diff --git a/2-js-basics/3-making-decisions/translations/.github/pre-lecture-quiz.id.md b/2-js-basics/3-making-decisions/translations/.github/pre-lecture-quiz.id.md deleted file mode 100644 index 42873bf4..00000000 --- a/2-js-basics/3-making-decisions/translations/.github/pre-lecture-quiz.id.md +++ /dev/null @@ -1,13 +0,0 @@ -*Selesaikan kuis ini di kelas* - -1. Operator berikut `==` dipanggil - -- [ ] Kesetaraan -- [ ] Kesetaraan yang ketat -- [ ] Penugasan - -2. Perbandingan dalam JavaScript mengembalikan tipe apa? - -- [ ] boolean -- [ ] null -- [ ] string diff --git a/2-js-basics/3-making-decisions/translations/README.id.md b/2-js-basics/3-making-decisions/translations/README.id.md index c6f98e46..16a323b9 100644 --- a/2-js-basics/3-making-decisions/translations/README.id.md +++ b/2-js-basics/3-making-decisions/translations/README.id.md @@ -6,7 +6,7 @@ ## Kuis Pra-Kuliah -[Kuis pra-Kuliah](./.github/pre-lecture-quiz.id.md) +[Kuis pra-Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/11) 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](.github/post-lecture-quiz.md) +[Kuis pasca-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12) ## Review & Belajar Mandiri diff --git a/2-js-basics/4-arrays-loops/translations/.github/post-lecture-quiz.id.md b/2-js-basics/4-arrays-loops/translations/.github/post-lecture-quiz.id.md deleted file mode 100644 index 0834f76e..00000000 --- a/2-js-basics/4-arrays-loops/translations/.github/post-lecture-quiz.id.md +++ /dev/null @@ -1,18 +0,0 @@ -*Selesaikan kuis ini dengan mencentang satu jawaban per pertanyaan.* - -1. Bagian for-loop manakah yang perlu Anda modifikasi untuk menambah iterasinya sebesar 5 - -- [ ] kondisi -- [ ] counter -- [ ] ekspresi-iterasi - -2. Apa perbedaan antara `while` dan `for-loop` - -- [ ] Sebuah `for-loop` memiliki penghitung dan ekspresi-iterasi, di mana `while` hanya memiliki kondisi -- [ ] A `while` memiliki penghitung dan ekspresi-iterasi di mana `for-loop` hanya memiliki kondisi -- [ ] Mereka sama, hanya alias untuk satu sama lain - -3. Diberikan kode `for (let i = 1; i <5; i ++)`, berapa banyak iterasi yang akan dilakukan? - -- [ ] 5 -- [ ] 4 diff --git a/2-js-basics/4-arrays-loops/translations/.github/pre-lecture-quiz.id.md b/2-js-basics/4-arrays-loops/translations/.github/pre-lecture-quiz.id.md deleted file mode 100644 index b04f6fc2..00000000 --- a/2-js-basics/4-arrays-loops/translations/.github/pre-lecture-quiz.id.md +++ /dev/null @@ -1,13 +0,0 @@ -*Selesaikan kuis ini di kelas* - -1. Untuk merujuk ke item tertentu dalam sebuah array, Anda akan menggunakan a - -- [ ] kurung siku `[]` -- [ ] indeks -- [ ] kurung kurawal `{}` - -2. Bagaimana Anda mendapatkan jumlah item dalam sebuah array - -- [ ] Metode `len(array)` -- [ ] Properti `size` pada array -- [ ] Properti `length` pada array diff --git a/2-js-basics/4-arrays-loops/translations/README.id.md b/2-js-basics/4-arrays-loops/translations/README.id.md index 0080b7c0..974da4e7 100644 --- a/2-js-basics/4-arrays-loops/translations/README.id.md +++ b/2-js-basics/4-arrays-loops/translations/README.id.md @@ -6,7 +6,7 @@ ## Kuis Pra-Kuliah -[Kuis pra-Kuliah](./.github/pre-lecture-quiz.id.md) +[Kuis pra-Kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/13)) 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. @@ -130,7 +130,7 @@ Ada cara lain untuk melakukan perulangan pada array selain perulangan for dan wh ## Kuis Pasca-Kuliah -[Kuis pasca-kuliah](./.github/post-lecture-quiz.id.md) +[Kuis pasca-kuliah](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14) ## Review & Belajar Mandiri diff --git a/quiz-app/src/App.vue b/quiz-app/src/App.vue index 99a48cd1..4bbb1cc0 100644 --- a/quiz-app/src/App.vue +++ b/quiz-app/src/App.vue @@ -6,6 +6,7 @@
diff --git a/quiz-app/src/assets/translations/id.json b/quiz-app/src/assets/translations/id.json new file mode 100644 index 00000000..116651ec --- /dev/null +++ b/quiz-app/src/assets/translations/id.json @@ -0,0 +1,2509 @@ +[ + { + "title": "Pengembangan Web untuk Pemula: Kuis", + "complete": "Selamat, Anda telah menyelesaikan kuisnya!", + "error": "Maaf coba lagi", + "quizzes": [ + { + "id": 1, + "title": "Pelajaran 1 - Pengantar Bahasa Pemrograman: Kuis Pra-Kuliah", + "quiz": [ + { + "questionText": "Sebuah program dapat dibuat tanpa pembuatnya menulis kode apapun", + "answerOptions": [ + { + "answerText": "Benar", + "isCorrect": "true" + }, + { + "answerText": "Salah", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Bahasa tingkat rendah adalah pilihan populer untuk", + "answerOptions": [ + { + "answerText": "Website", + "isCorrect": "false" + }, + { + "answerText": "Hardware", + "isCorrect": "true" + }, + { + "answerText": "Perangkat lunak permainan video", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Manakah dari alat berikut yang kemungkinan besar ada di lingkungan pengembang web?", + "answerOptions": [ + { + "answerText": "Hardware, like a Raspberry Pi", + "isCorrect": "false" + }, + { + "answerText": "Browser DevTools", + "isCorrect": "true" + }, + { + "answerText": "Operating system documentation", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 2, + "title": "Pelajaran 1 - Pengantar Bahasa Pemrograman: Kuis Pasca-Kuliah", + "quiz": [ + { + "questionText": "Bahasa apa yang kemungkinan besar akan Anda gunakan untuk membuat situs web?", + "answerOptions": [ + { + "answerText": "Machine Code (Kode Mesin)", + "isCorrect": "false" + }, + { + "answerText": "JavaScript", + "isCorrect": "true" + }, + { + "answerText": "Bash", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Lingkungan pengembangan unik untuk setiap pengembang", + "answerOptions": [ + { + "answerText": "Benar", + "isCorrect": "true" + }, + { + "answerText": "Salah", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Apa yang akan dilakukan pengembang untuk memperbaiki kode buggy (mudah rusak)?", + "answerOptions": [ + { + "answerText": "Syntax highlighting (Penyorotan sintaks)", + "isCorrect": "false" + }, + { + "answerText": "Debugging", + "isCorrect": "true" + }, + { + "answerText": "Code formatting (Pemformatan kode)", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 3, + "title": "Pelajaran 2 - Pengantar GitHub: Kuis Pra-Kuliah", + "quiz": [ + { + "questionText": "Bagaimana Anda membuat repo Git?", + "answerOptions": [ + { + "answerText": "git create", + "isCorrect": "false" + }, + { + "answerText": "git start", + "isCorrect": "false" + }, + { + "answerText": "git init", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Apa fungsi git add?", + "answerOptions": [ + { + "answerText": "Commit (menyerahkan) kode Anda", + "isCorrect": "false" + }, + { + "answerText": "Menambahkan file Anda ke area pementasan (staging area) untuk dilacak", + "isCorrect": "true" + }, + { + "answerText": "Menambahkan file Anda ke GitHub", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Bagaimana Anda memeriksa apakah git terinstal di komputer Anda?", + "answerOptions": [ + { + "answerText": "ketik git --version", + "isCorrect": "true" + }, + { + "answerText": "ketik git --installed", + "isCorrect": "false" + }, + { + "answerText": "ketik git --init", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 4, + "title": "Pelajaran 2 - Pengantar GitHub: Kuis Pasca-Kuliah", + "quiz": [ + { + "questionText": "Tempat untuk membandingkan dan mendiskusikan perbedaan yang diperkenalkan pada cabang dengan review, komentar, tes terintegrasi, dan banyak ", + "answerOptions": [ + { + "answerText": "GitHub", + "isCorrect": "false" + }, + { + "answerText": "Pull Request (Permintaan Tarik)", + "isCorrect": "true" + }, + { + "answerText": "Feature branch (Cabang fitur)", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Bagaimana Anda mendapatkan semua komit dari cabang remote (jarak jauh)?", + "answerOptions": [ + { + "answerText": "git fetch", + "isCorrect": "false" + }, + { + "answerText": "git pull", + "isCorrect": "true" + }, + { + "answerText": "git commits -r", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Bagaimana Anda beralih ke sebuah cabang (branch)?", + "answerOptions": [ + { + "answerText": "git switch [branch-name]", + "isCorrect": "false" + }, + { + "answerText": "git checkout [branch-name]", + "isCorrect": "true" + }, + { + "answerText": "git load [branch-name]", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 5, + "title": "Pelajaran 3 - Membuat Halaman Web yang Dapat Diakses: Kuis Pra-Kuliah", + "quiz": [ + { + "questionText": "Situs web yang dapat diakses dapat diperiksa di alat browser mana", + "answerOptions": [ + { + "answerText": "Lighthouse", + "isCorrect": "true" + }, + { + "answerText": "Deckhouse", + "isCorrect": "false" + }, + { + "answerText": "Cleanhouse", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Anda memerlukan pembaca layar fisik untuk menguji aksesibilitas bagi pengguna dengan gangguan penglihatan", + "answerOptions": [ + { + "answerText": "benar", + "isCorrect": "false" + }, + { + "answerText": "salah", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Aksesibilitas hanya penting di situs web pemerintah", + "answerOptions": [ + { + "answerText": "benar", + "isCorrect": "false" + }, + { + "answerText": "salah", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 6, + "title": "Pelajaran 3 - Membuat Halaman Web yang Dapat Diakses: Kuis Pasca-Kuliah", + "quiz": [ + { + "questionText": "Lighthouse hanya memeriksa masalah aksesibilitas", + "answerOptions": [ + { + "answerText": "benar", + "isCorrect": "false" + }, + { + "answerText": "salah", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Palet warna aman membantu orang dengan", + "answerOptions": [ + { + "answerText": "buta warna", + "isCorrect": "false" + }, + { + "answerText": "gangguan penglihatan", + "isCorrect": "false" + }, + { + "answerText": "keduanya di atas", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Tautan deskriptif sangat penting untuk situs web yang dapat diakses", + "answerOptions": [ + { + "answerText": "benar", + "isCorrect": "true" + }, + { + "answerText": "salah", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 7, + "title": "Pelajaran 4 - Dasar-dasar JavaScript - Tipe Data: Kuis Pra-Kuliah", + "quiz": [ + { + "questionText": "Boolean adalah tipe data yang dapat Anda gunakan untuk menguji panjang string", + "answerOptions": [ + { + "answerText": "benar", + "isCorrect": "false" + }, + { + "answerText": "salah", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Berikut ini adalah operasi yang dapat Anda lakukan pada string", + "answerOptions": [ + { + "answerText": "concatenation", + "isCorrect": "true" + }, + { + "answerText": "appending", + "isCorrect": "false" + }, + { + "answerText": "splicing", + "isCorrect": "false" + } + ] + }, + { + "questionText": "== dan === dapat dipertukarkan", + "answerOptions": [ + { + "answerText": "benar", + "isCorrect": "false" + }, + { + "answerText": "salah", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 8, + "title": "Pelajaran 4 - Dasar-dasar JavaScript - Tipe Data: Kuis Pasca-Kuliah", + "quiz": [ + { + "questionText": "Konstanta sama dengan let dan var untuk mendeklarasikan variabel kecuali", + "answerOptions": [ + { + "answerText": "Konstanta harus diinisialisasi", + "isCorrect": "true" + }, + { + "answerText": "Konstanta dapat diubah", + "isCorrect": "false" + }, + { + "answerText": "Konstanta dapat ditetapkan kembali", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Numbers dan ____ adalah primitif JavaScript yang menangani data numerik", + "answerOptions": [ + { + "answerText": "bigint", + "isCorrect": "true" + }, + { + "answerText": "boolean", + "isCorrect": "false" + }, + { + "answerText": "star", + "isCorrect": "false" + } + ] + }, + { + "questionText": "String dapat berada di antara tanda kutip tunggal dan ganda", + "answerOptions": [ + { + "answerText": "benar", + "isCorrect": "true" + }, + { + "answerText": "salah", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 9, + "title": "Pelajaran 5 - Dasar-Dasar JavaScript - Metode dan Fungsi: Kuis Pra-Kuliah", + "quiz": [ + { + "questionText": "Apa itu argumen?", + "answerOptions": [ + { + "answerText": "Itu adalah sesuatu yang Anda deklarasikan dalam definisi fungsi", + "isCorrect": "false" + }, + { + "answerText": "Itu adalah sesuatu yang Anda berikan ke suatu fungsi pada waktu pemanggilan", + "isCorrect": "true" + }, + { + "answerText": "Itu adalah sesuatu yang Anda miliki dengan orang yang Anda kenal", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Suatu fungsi harus mengembalikan sesuatu", + "answerOptions": [ + { + "answerText": "benar", + "isCorrect": "false" + }, + { + "answerText": "salah", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Anda dapat memberi nama fungsi apa saja", + "answerOptions": [ + { + "answerText": "benar", + "isCorrect": "false" + }, + { + "answerText": "salah", + "isCorrect": "false" + }, + { + "answerText": "benar, tetapi harus merupakan nama deskriptif", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 10, + "title": "Pelajaran 5 - Dasar-Dasar JavaScript - Metode dan Fungsi: Kuis Pasca-Kuliah", + "quiz": [ + { + "questionText": "Argumen harus disediakan untuk semua parameter dalam suatu fungsi", + "answerOptions": [ + { + "answerText": "benar", + "isCorrect": "false" + }, + { + "answerText": "salah", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Apa fungsi nilai default?", + "answerOptions": [ + { + "answerText": "Menetapkan nilai yang benar", + "isCorrect": "false" + }, + { + "answerText": "Memberikan nilai awal untuk parameter sehingga kode Anda tetap berfungsi jika Anda menghilangkan argumen untuk itu", + "isCorrect": "true" + }, + { + "answerText": "Tidak memiliki utilitas", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Fungsi panah gemuk memungkinkan Anda melakukan", + "answerOptions": [ + { + "answerText": "Ciptakan fungsi yang berat", + "isCorrect": "false" + }, + { + "answerText": "Hilangkan kata kunci function", + "isCorrect": "true" + }, + { + "answerText": "Membuat fungsi anonim", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 11, + "title": "Pelajaran 6 - Dasar-dasar JavaScript - Membuat Keputusan: Kuis Pra-Kuliah", + "quiz": [ + { + "questionText": "Operator berikut == dipanggil", + "answerOptions": [ + { + "answerText": "Kesetaraan", + "isCorrect": "true" + }, + { + "answerText": "Kesetaraan yang ketat", + "isCorrect": "false" + }, + { + "answerText": "Penugasan", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Perbandingan dalam JavaScript mengembalikan tipe apa?", + "answerOptions": [ + { + "answerText": "boolean", + "isCorrect": "true" + }, + { + "answerText": "null", + "isCorrect": "false" + }, + { + "answerText": "string", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Simbol ! dalam JavaScript artinya:", + "answerOptions": [ + { + "answerText": "Logika Not", + "isCorrect": "true" + }, + { + "answerText": "Penting", + "isCorrect": "false" + }, + { + "answerText": "Sama", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 12, + "title": "Pelajaran 6 - Dasar-dasar JavaScript - Membuat Keputusan: Kuis Pasca-Kuliah", + "quiz": [ + { + "questionText": "Apa yang akan dikembalikan kode berikut: '1' == 1", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + }, + { + "answerText": "null", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Apa yang akan dikembalikan kode berikut: '1' === 1", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + }, + { + "answerText": "null", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Pilih operator yang benar untuk mengekspresikan logika _or_", + "answerOptions": [ + { + "answerText": "a | b", + "isCorrect": "false" + }, + { + "answerText": "a || b", + "isCorrect": "true" + }, + { + "answerText": "a or b", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 13, + "title": "Pelajaran 7 - Dasar-dasar JavaScript - Array dan Loop: Kuis Pra-Kuliah", + "quiz": [ + { + "questionText": "Untuk merujuk ke item tertentu dalam sebuah array, Anda akan menggunakan a", + "answerOptions": [ + { + "answerText": "kurung siku []", + "isCorrect": "false" + }, + { + "answerText": "indeks", + "isCorrect": "true" + }, + { + "answerText": "kurung kurawal {}", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Bagaimana Anda mendapatkan jumlah item dalam sebuah array", + "answerOptions": [ + { + "answerText": "Metode `len(array)`", + "isCorrect": "false" + }, + { + "answerText": "Properti `size` pada array", + "isCorrect": "false" + }, + { + "answerText": "Properti `length` pada array", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Di JavaScript, indeks dimulai dari", + "answerOptions": [ + { + "answerText": "0", + "isCorrect": "true" + }, + { + "answerText": "1", + "isCorrect": "false" + }, + { + "answerText": "2", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 14, + "title": "Pelajaran 7 - Dasar-dasar JavaScript - Array dan Loop: Kuis Pasca-Kuliah", + "quiz": [ + { + "questionText": "Bagian for-loop manakah yang perlu Anda modifikasi untuk menambah iterasinya sebesar 5", + "answerOptions": [ + { + "answerText": "kondisi", + "isCorrect": "true" + }, + { + "answerText": "counter", + "isCorrect": "false" + }, + { + "answerText": "ekspresi-iterasi", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Apa perbedaan antara while dan for-loop", + "answerOptions": [ + { + "answerText": "Sebuah for-loop memiliki penghitung dan ekspresi-iterasi, di mana while hanya memiliki kondisi", + "isCorrect": "true" + }, + { + "answerText": "Sebuah while memiliki penghitung dan ekspresi-iterasi di mana for-loop hanya memiliki kondisi", + "isCorrect": "false" + }, + { + "answerText": "Mereka sama, hanya alias untuk satu sama lain", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Diberikan kode for (let i = 1; i <5; i ++), berapa banyak iterasi yang akan dilakukan?", + "answerOptions": [ + { + "answerText": "5", + "isCorrect": "false" + }, + { + "answerText": "4", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 15, + "title": "Lesson 8 - Terrarium Project - Introduction to HTML: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "HTML stands for 'HyperText Mockup Language'", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "All HTML tags need both opening and closing tags", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Using semantic markup is most important for", + "answerOptions": [ + { + "answerText": "code readability", + "isCorrect": "false" + }, + { + "answerText": "screen readers", + "isCorrect": "true" + }, + { + "answerText": "maintenance", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 16, + "title": "Lesson 8 - Terrarium Project - Introduction to HTML: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "Spans and Divs are interchangeable", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "The head of an HTML doc can contain:", + "answerOptions": [ + { + "answerText": "the title tag", + "isCorrect": "false" + }, + { + "answerText": "metadata", + "isCorrect": "false" + }, + { + "answerText": "all the above", + "isCorrect": "true" + } + ] + }, + { + "questionText": "You can't use deprecated tags in your markup", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "false" + }, + { + "answerText": "false, but they have been deprecated for good reason", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 17, + "title": "Lesson 9 - Terrarium Project - Introduction to CSS: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "HTML elements must have either a class or an id in order to be styled", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "CSS stands for 'Complete Style Sheets'", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "CSS can be used to create animations", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 18, + "title": "Lesson 9 - Terrarium Project - Introduction to CSS: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "You can write CSS directly in the head section of your HTML file", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "It's always necessary to include CSS in your app", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "false" + }, + { + "answerText": "false, but if you want it to look good you probably need CSS", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Which browser tool can be used to inspect CSS?", + "answerOptions": [ + { + "answerText": "Elements", + "isCorrect": "false" + }, + { + "answerText": "Styles", + "isCorrect": "true" + }, + { + "answerText": "Network", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 19, + "title": "Lesson 10 - Terrarium Project - DOM Manipulation and a Closure: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "The DOM stands for 'Document Object Management'", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "The DOM can be thought of as a tree", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Using the Web API, you can manipulate the DOM", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 20, + "title": "Lesson 10 - Terrarium Project - DOM Manipulation and a Closure: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "The DOM is a model to represent a document on the web", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Use JavaScript closures to perform the following:", + "answerOptions": [ + { + "answerText": "write functions within functions", + "isCorrect": "true" + }, + { + "answerText": "enclose the DOM", + "isCorrect": "false" + }, + { + "answerText": "close script blocks", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Fill in the blank: Closures are useful when one or more functions need to access an outer function's...", + "answerOptions": [ + { + "answerText": "arrays", + "isCorrect": "false" + }, + { + "answerText": "scope", + "isCorrect": "true" + }, + { + "answerText": "functions", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 21, + "title": "Lesson 11 - Typing Game: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "Event-driven programming is when a user", + "answerOptions": [ + { + "answerText": "clicks on a button", + "isCorrect": "false" + }, + { + "answerText": "changes a value", + "isCorrect": "false" + }, + { + "answerText": "interacts with the page", + "isCorrect": "false" + }, + { + "answerText": "any of the above", + "isCorrect": "true" + } + ] + }, + { + "questionText": "In procedural programming, functions are called", + "answerOptions": [ + { + "answerText": "any time", + "isCorrect": "false" + }, + { + "answerText": "in a specific order", + "isCorrect": "true" + }, + { + "answerText": "left to right", + "isCorrect": "false" + } + ] + }, + { + "questionText": "The universal method exposed in the DOM for registering event handlers is called", + "answerOptions": [ + { + "answerText": "addEventListener", + "isCorrect": "true" + }, + { + "answerText": "addListener", + "isCorrect": "false" + }, + { + "answerText": "addEvent", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 22, + "title": "Lesson 11 - Typing Game: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "Just about anything a user does on a page raises an event", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Common events include", + "answerOptions": [ + { + "answerText": "click_event", + "isCorrect": "false" + }, + { + "answerText": "select_event", + "isCorrect": "false" + }, + { + "answerText": "input_event", + "isCorrect": "false" + }, + { + "answerText": "all of these", + "isCorrect": "true" + } + ] + }, + { + "questionText": "You can use anonymous functions to create event handlers", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 23, + "title": "Lesson 12 - Browser Extension Project - All about Browsers: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "You can get browser extensions from", + "answerOptions": [ + { + "answerText": "WalMart", + "isCorrect": "false" + }, + { + "answerText": "The browser's extension store", + "isCorrect": "true" + }, + { + "answerText": "The App store", + "isCorrect": "false" + } + ] + }, + { + "questionText": "NPM stands for", + "answerOptions": [ + { + "answerText": "Node Package Manager", + "isCorrect": "true" + }, + { + "answerText": "Netscape Primary Mix", + "isCorrect": "false" + }, + { + "answerText": "Natural Processing Manager", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Your browser can serve web pages both securely and insecurely", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 24, + "title": "Lesson 12 - Browser Extension Project - All about Browsers: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "The World Wide Web was invented by", + "answerOptions": [ + { + "answerText": "Tom Barnard-Loft", + "isCorrect": "false" + }, + { + "answerText": "Tim Berners-Lee", + "isCorrect": "true" + }, + { + "answerText": "Trish Berth-Pool", + "isCorrect": "false" + } + ] + }, + { + "questionText": "The first browser was called", + "answerOptions": [ + { + "answerText": "WorldWideWeb", + "isCorrect": "true" + }, + { + "answerText": "Mozilla", + "isCorrect": "false" + }, + { + "answerText": "Netscape", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Browsers can store a user's browsing history", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 25, + "title": "Lesson 13 - Browser Extension Project - Call an API, use Local Storage: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "APIs stand for", + "answerOptions": [ + { + "answerText": "Application Programming Interfaces", + "isCorrect": "true" + }, + { + "answerText": "A Programming Inference", + "isCorrect": "false" + }, + { + "answerText": "Anti Proven Intentions", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Use an API to interact with", + "answerOptions": [ + { + "answerText": "Another web-connected asset", + "isCorrect": "false" + }, + { + "answerText": "A database", + "isCorrect": "false" + }, + { + "answerText": "Either of the above", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Anyone can create an API", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 26, + "title": "Lesson 13 - Browser Extension Project - Call an API, use Local Storage: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "LocalStorage is cleared every time you close the browser window", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "The main browser window controls a browser's extension's LocalStorage", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "REST in an API context stands for", + "answerOptions": [ + { + "answerText": "Representational State Transfer", + "isCorrect": "true" + }, + { + "answerText": "Returning State Tasks", + "isCorrect": "false" + }, + { + "answerText": "Rendering State To Browser", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 27, + "title": "Lesson 14 - Browser Extension Project - Learn about Background Tasks and Performance: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "Test the performance of your app", + "answerOptions": [ + { + "answerText": "Using the browser's tools", + "isCorrect": "true" + }, + { + "answerText": "Using a separate software package", + "isCorrect": "false" + }, + { + "answerText": "Manually", + "isCorrect": "false" + } + ] + }, + { + "questionText": "The 'performance' of a web site is an analysis of", + "answerOptions": [ + { + "answerText": "How fast it loads", + "isCorrect": "false" + }, + { + "answerText": "How fast the code on it runs", + "isCorrect": "false" + }, + { + "answerText": "Both of the above", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Overall, the 'weight' of web pages over the past few years has", + "answerOptions": [ + { + "answerText": "gotten lighter", + "isCorrect": "false" + }, + { + "answerText": "gotten heavier", + "isCorrect": "true" + }, + { + "answerText": "stayed the same", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 28, + "title": "Lesson 14 - Browser Extension Project - Learn about Background Tasks and Performance: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "To get a better view of your site's performance, clear its cache and reload in the profiler", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Browser extensions are inherently performant", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Analyze the following for performance bottlenecks", + "answerOptions": [ + { + "answerText": "DOM traversals", + "isCorrect": "false" + }, + { + "answerText": "JavaScript optimizations", + "isCorrect": "false" + }, + { + "answerText": "Asset management", + "isCorrect": "false" + }, + { + "answerText": "All the above", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 29, + "title": "Lesson 15 - Space Game - Introduction: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "JavaScript is an unpopular language for building games", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Pub/Sub is a preferred pattern for managing the game's assets and flow", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Object inheritance can be handled by either using classes or composition", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 30, + "title": "Lesson 15 - Space Game - Introduction: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "Classes rely on inheritance to ascribe to behaviors", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "Composition is the preferred design pattern for game objects", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Pub/Sub stands for:", + "answerOptions": [ + { + "answerText": "Publish/Subscribe", + "isCorrect": "true" + }, + { + "answerText": "Print/Staple", + "isCorrect": "false" + }, + { + "answerText": "Publish/Sanitize", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 31, + "title": "Lesson 16 - Space Game - Draw Hero and Monsters to Canvas: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "The Canvas element is what you use to draw on a screen", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "You can only draw simple geometric shapes using the Canvas API", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "The point 0,0 is in the bottom left", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 32, + "title": "Lesson 16 - Space Game - Draw Hero and Monsters to Canvas: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "You can perform drawing operations directly on the Canvas", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "You listen to the onload event to know when an image has loaded asynchronously", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "You draw images onto a screen with an operation called:", + "answerOptions": [ + { + "answerText": "paintImage()", + "isCorrect": "false" + }, + { + "answerText": "drawImage()", + "isCorrect": "true" + }, + { + "answerText": "draw()", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 33, + "title": "Lesson 17 - Space Game - Adding Motion: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "Any object on the screen can receive keyboard events", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "You can use the same method to listen to key events and mouse events", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "To make things happen at a regular interval, you use what function?", + "answerOptions": [ + { + "answerText": "setInterval()", + "isCorrect": "true" + }, + { + "answerText": "setTimeout()", + "isCorrect": "false" + }, + { + "answerText": "sleep()", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 34, + "title": "Lesson 17 - Space Game - Adding Motion: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "You always need to redraw the screen", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "What is a game loop?", + "answerOptions": [ + { + "answerText": "A function that ensures the game can be restarted", + "isCorrect": "false" + }, + { + "answerText": "A function that decided how fast the game should run", + "isCorrect": "false" + }, + { + "answerText": "A function that is invoked at regular intervals and draws what the user should see", + "isCorrect": "true" + } + ] + }, + { + "questionText": "A good case for redrawing the screen is", + "answerOptions": [ + { + "answerText": "A user interaction happened", + "isCorrect": "false" + }, + { + "answerText": "Something has moved", + "isCorrect": "true" + }, + { + "answerText": "Time has passed", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 35, + "title": "Lesson 18 - Space Game - Adding A Laser and Detecting Collisions: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "Collision detection is how we detect if two things have collided", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "How can we remove an item from the screen?", + "answerOptions": [ + { + "answerText": "Call the garbage collector", + "isCorrect": "false" + }, + { + "answerText": "Mark it as dead, only paint not dead objects next time we draw the screen", + "isCorrect": "true" + }, + { + "answerText": "Place the item on a negative coordinate", + "isCorrect": "false" + } + ] + }, + { + "questionText": "A good way to simulate firing a laser in JavaScript is:", + "answerOptions": [ + { + "answerText": "make a visual element respond to a key event", + "isCorrect": "true" + }, + { + "answerText": "create animated gifs", + "isCorrect": "false" + }, + { + "answerText": "make enemies blow up at intervals", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 36, + "title": "Lesson 18 - Space Game - Adding A Laser and Detecting Collisions: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "In collision detection you compare two", + "answerOptions": [ + { + "answerText": "circles and whether they intersect", + "isCorrect": "false" + }, + { + "answerText": "rectangles and whether they intersect", + "isCorrect": "true" + }, + { + "answerText": "distances between two points", + "isCorrect": "false" + } + ] + }, + { + "questionText": "The reason for implementing a cooldown effect is because", + "answerOptions": [ + { + "answerText": "Making the game harder as you can't repeatedly fire a laser to destroy enemies", + "isCorrect": "false" + }, + { + "answerText": "JavaScript can only produce a certain number of events per time unit, so you need to limit them", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Constants are identifiable in code because", + "answerOptions": [ + { + "answerText": "they are written in capital letters", + "isCorrect": "true" + }, + { + "answerText": "they have specific names", + "isCorrect": "false" + }, + { + "answerText": "they are written in kebab-case like-this", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 37, + "title": "Lesson 19 - Space Game - Scoring and Lives: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "How do you draw text on a screen using the Canvas element?", + "answerOptions": [ + { + "answerText": "Place text inside a div or span element", + "isCorrect": "false" + }, + { + "answerText": "Call drawText() on the Canvas element", + "isCorrect": "false" + }, + { + "answerText": "Call fillText() on the context object", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Why do you have the concept of 'lives' in a game?", + "answerOptions": [ + { + "answerText": "To show how much damage you can take", + "isCorrect": "false" + }, + { + "answerText": "So that the game doesn't end straight away, but you have n number of chances before the game is over", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Add color to text on Canvas using", + "answerOptions": [ + { + "answerText": "fillColor", + "isCorrect": "false" + }, + { + "answerText": "fillStyle", + "isCorrect": "true" + }, + { + "answerText": "textAlign", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 38, + "title": "Lesson 19 - Space Game - Scoring and Lives: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "What's a fun way to show how many lives a player has left?", + "answerOptions": [ + { + "answerText": "a number of ships", + "isCorrect": "false" + }, + { + "answerText": "a points system", + "isCorrect": "true" + } + ] + }, + { + "questionText": "How do you center text in the middle of the screen using the Canvas element?", + "answerOptions": [ + { + "answerText": "You use Flexbox", + "isCorrect": "false" + }, + { + "answerText": "You instruct the text to be drawn at the x coordinate of the client window width/2", + "isCorrect": "true" + }, + { + "answerText": "You set the textAlign property to the value center on the context object", + "isCorrect": "false" + } + ] + }, + { + "questionText": "In code, deduct a life like this:", + "answerOptions": [ + { + "answerText": "this.life-", + "isCorrect": "false" + }, + { + "answerText": "this.life--", + "isCorrect": "true" + }, + { + "answerText": "this.life++", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 39, + "title": "Lesson 20 - Space Game - End and Restart: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "When is a good time to restart a game", + "answerOptions": [ + { + "answerText": "when a player wins or loses", + "isCorrect": "true" + }, + { + "answerText": "whenever", + "isCorrect": "false" + } + ] + }, + { + "questionText": "When should a game end", + "answerOptions": [ + { + "answerText": "when an enemy ship is destroyed", + "isCorrect": "false" + }, + { + "answerText": "when a hero ship is destroyed", + "isCorrect": "true" + }, + { + "answerText": "when points are collected", + "isCorrect": "false" + } + ] + }, + { + "questionText": "A good way to add a level to your game is:", + "answerOptions": [ + { + "answerText": "Increment the amount of points necessary to complete a given level", + "isCorrect": "true" + }, + { + "answerText": "Add more players to the game", + "isCorrect": "false" + }, + { + "answerText": "Add more graphics to the game", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 40, + "title": "Lesson 20 - Space Game - End and Restart: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "What is a good pattern to use when a game end condition has been met?", + "answerOptions": [ + { + "answerText": "Display a suitable message", + "isCorrect": "false" + }, + { + "answerText": "Quit the game", + "isCorrect": "false" + }, + { + "answerText": "Display a suitable message, offer the player to restart, and display what key to hit for that action", + "isCorrect": "true" + } + ] + }, + { + "questionText": "You should offer a restart only when the game has ended", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "A good way to clear the EventEmitter when ending a game is:", + "answerOptions": [ + { + "answerText": "clearing listeners", + "isCorrect": "true" + }, + { + "answerText": "clearing the screen", + "isCorrect": "false" + }, + { + "answerText": "closing the game window", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 41, + "title": "Lesson 21 - Bank Project - HTML Templates and Routes in a Web App: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "You need to create multiple HTML files to display different screens in a web app", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "You can store and persist data locally in a web app", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "What's the best data provider for a web app?", + "answerOptions": [ + { + "answerText": "A local database", + "isCorrect": "false" + }, + { + "answerText": "A JavaScript object", + "isCorrect": "false" + }, + { + "answerText": "A server with a JSON API", + "isCorrect": "true" + } + ] + } + ] + }, + { + "id": 42, + "title": "Lesson 21 - Bank Project HTML Templates and Routes in a Web App: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "HTML templates are part of the DOM by default", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "false" + }, + { + "answerText": "false", + "isCorrect": "true" + } + ] + }, + { + "questionText": "Which part of the URL is needed for routing?", + "answerOptions": [ + { + "answerText": "window.location.pathname", + "isCorrect": "false" + }, + { + "answerText": "window.location.origin", + "isCorrect": "false" + }, + { + "answerText": "both", + "isCorrect": "true" + } + ] + }, + { + "questionText": "What's the name of the event triggered when calling the history.pushState() function?", + "answerOptions": [ + { + "answerText": "pushstate", + "isCorrect": "false" + }, + { + "answerText": "popstate", + "isCorrect": "true" + }, + { + "answerText": "navigate", + "isCorrect": "false" + } + ] + } + ] + }, + { + "id": 43, + "title": "Lesson 22 - Bank Project - Build a Login and Registration Form: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "HTML forms allow to send user input to a server without using JavaScript", + "answerOptions": [ + { + "answerText": "true", + "isCorrect": "true" + }, + { + "answerText": "false", + "isCorrect": "false" + } + ] + }, + { + "questionText": "