From 760b37797f472cbdcacf3a6afd88ce23539cbc8f Mon Sep 17 00:00:00 2001 From: hexatester Date: Wed, 18 Nov 2020 12:44:53 +0700 Subject: [PATCH 01/89] add indonesian translations --- .../.github/post-lecture-quiz.id.md | 18 ++ .../.github/pre-lecture-quiz.id.md | 17 ++ .../1-data-types/translations/README.id.md | 195 ++++++++++++++++++ .../translations/assignment.id.md | 11 + 4 files changed, 241 insertions(+) create mode 100644 2-js-basics/1-data-types/translations/.github/post-lecture-quiz.id.md create mode 100644 2-js-basics/1-data-types/translations/.github/pre-lecture-quiz.id.md create mode 100644 2-js-basics/1-data-types/translations/README.id.md create mode 100644 2-js-basics/1-data-types/translations/assignment.id.md 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 new file mode 100644 index 00000000..61a8df5c --- /dev/null +++ b/2-js-basics/1-data-types/translations/.github/post-lecture-quiz.id.md @@ -0,0 +1,18 @@ +*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 new file mode 100644 index 00000000..f29ae535 --- /dev/null +++ b/2-js-basics/1-data-types/translations/.github/pre-lecture-quiz.id.md @@ -0,0 +1,17 @@ +*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 new file mode 100644 index 00000000..283bc44b --- /dev/null +++ b/2-js-basics/1-data-types/translations/README.id.md @@ -0,0 +1,195 @@ +# JavaScript Basics: Data Types + +![Dasar-dasar JavaScript - Tipe data](../images/webdev101-js-datatypes.png) +> Catatan sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac) + +## Kuis Pra-Kuliah +[Kuis pra-Kuliah](.github/pre-lecture-quiz.id.md) + +Pelajaran ini mencakup dasar-dasar JavaScript, bahasa yang menyediakan interaktivitas di web. + +[![Jenis data di JavaScript](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Jenis data di JavaScript") + +Mari kita mulai dengan variabel dan tipe data yang mengisinya! + +## Variabel + +Variabel menyimpan nilai yang dapat digunakan dan diubah di seluruh kode Anda. + +Membuat dan **mendeklarasikan** variabel memiliki sintaks berikut **[kata kunci] [nama]**. Itu terdiri dari dua bagian: + +- **Kata kunci (Keywords)**. Kata kunci bisa `let` atau `var`. + + > Catatan, Mereka kata kunci `let` diperkenalkan di ES6 dan memberi variabel Anda apa yang disebut _block scope_. Anda disarankan untuk menggunakan `let` di atas `var`. Kami akan membahas cakupan blok lebih mendalam di bagian mendatang. +- **Nama variabel**, ini adalah nama yang Anda pilih sendiri. + +### Tugas - bekerja dengan variabel + +1. **Deklarasikan variabel**. Mari kita deklarasikan variabel menggunakan kata kunci `let`: + + ```javascript + let variabelSaya; + ``` + + `variabelSaya` sekarang telah dideklarasikan menggunakan kata kunci `let`. Saat ini tidak memiliki nilai. + +1. **Tetapkan nilai**. Simpan nilai dalam variabel dengan operator `=`, diikuti dengan nilai yang diharapkan. + + ```javascript + variabelSaya = 123; + ``` + + > Catatan: penggunaan `=` dalam pelajaran ini berarti kita menggunakan "operator penugasan (assignment operator)", yang digunakan untuk menetapkan nilai ke variabel. Itu *tidak menunjukkan kesetaraan*. + + `variabelSaya` sekarang telah *diinisialisasi (initialized)* dengan nilai 123. + +1. **Refaktor**. Ganti kode Anda dengan pernyataan berikut. + + ```javascript + let variabelSaya = 123; + ``` + + Di atas disebut inisialisasi _explisit_ saat variabel dideklarasikan dan diberi nilai pada saat yang sama. + +1. **Ubah nilai variabel**. Ubah nilai variabel dengan cara berikut: + + ```javascript + variabelSaya = 321; + ``` + + Setelah variabel dideklarasikan, Anda dapat mengubah nilainya di titik mana pun dalam kode Anda dengan operator `=` dan nilai baru. + + ✅ Cobalah! Anda dapat menulis JavaScript langsung di browser Anda. Buka jendela browser dan arahkan ke Alat Pengembang. Di konsol, Anda akan menemukan prompt; ketik `let variabelSaya = 123`, tekan enter, lalu ketik `variabelSaya`. Apa yang terjadi? Catatan, Anda akan mempelajari lebih lanjut tentang konsep ini di pelajaran berikutnya. + +## Konstanta (Constants) + +Deklarasi dan inisialisasi konstanta mengikuti konsep yang sama sebagai variabel, dengan pengecualian kata kunci `const`. Konstanta biasanya dideklarasikan dengan semua huruf besar. + +```javascript +const VARIABEL_SAYA = 123; +``` + +Konstanta mirip dengan variabel, dengan dua pengecualian: + +- **Harus punya nilai**. Konstanta harus diinisialisasi, atau kesalahan akan terjadi saat menjalankan kode. +- **Referensi tidak dapat diubah**. Referensi konstanta tidak dapat diubah setelah diinisialisasi, atau kesalahan akan terjadi saat menjalankan kode. Mari kita lihat dua contoh: + - **Nilai sederhana**. Berikut ini TIDAK diperbolehkan: + + ```javascript + const PI = 3; + PI = 4; // tidak diperbolehkan + ``` + + - **Referensi objek dilindungi**. Berikut ini TIDAK diperbolehkan. + + ```javascript + const obj = { a: 3 }; + obj = { b: 5 } // tidak diperbolehkan + ``` + + - **Nilai objek tidak dilindungi**. Berikut diperbolehkan: + + ```javascript + const obj = { a: 3 }; + obj.a = 5; // diperbolehkan + ``` + + Di atas Anda mengubah nilai objek tetapi bukan referensi itu sendiri, yang membuatnya diizinkan. + + > Catatan, `const` berarti referensi dilindungi dari penugasan ulang. Nilainya tidak _immutable_ dan bisa berubah, terutama jika itu adalah konstruksi kompleks seperti sebuah objek. + +## Tipe Data + +Variabel dapat menyimpan berbagai jenis nilai, seperti angka dan teks. Berbagai jenis nilai ini dikenal sebagai **tipe data**. Tipe data adalah bagian penting dari pengembangan perangkat lunak karena membantu pengembang membuat keputusan tentang bagaimana kode harus ditulis dan bagaimana perangkat lunak harus dijalankan. Selain itu, beberapa tipe data memiliki fitur unik yang membantu mengubah atau mengekstrak informasi tambahan dalam sebuah nilai. + +✅ Tipe Data juga disebut sebagai data primitif JavaScript, karena mereka adalah tipe data tingkat terendah yang disediakan oleh bahasa. Ada 6 tipe data primitif: string, number, bigint, boolean, undefined, dan symbol. Luangkan waktu sebentar untuk memvisualisasikan apa yang mungkin diwakili oleh masing-masing primitif ini. Apa itu `zebra`? Bagaimana dengan `0`? `true`? + +### Angka (Numbers) + +Pada bagian sebelumnya nilai `variabelSaya` adalah tipe data angka. + +`let variabelSaya = 123;` + +Variabel dapat menyimpan semua jenis angka, termasuk desimal atau angka negatif. Angka juga dapat digunakan dengan operator aritmatika, yang dibahas di [bagian selanjutnya](#Operator-Aritmatika). + +### Operator Aritmatika + +Ada beberapa jenis operator untuk digunakan saat menjalankan fungsi aritmatika, dan beberapa di antaranya tercantum di sini: + +| Simbol | Deskripsi | Contoh | +|--------|-----------------------------------------------------|--------------------------------------------| +| `+` | **Penjumlahan**: Menghitung jumlah dari dua angka | `1 + 2 //hasil yang diharapkan adalah 3` | +| `-` | **Pengurangan**: Menghitung selisih dua angka | `1 - 2 //hasil yang diharapkan adalah -1` | +| `*` | **Perkalian**: Menghitung hasil kali dua angka | `1 * 2 //hasil yang diharapkan adalah 2` | +| `/` | **Pembagian**: Menghitung hasil bagi dari dua angka | `1 / 2 //hasil yang diharapkan adalah 0.5` | +| `%` | **Sisa**: Menghitung sisa dari pembagian dua angka | `3 % 2 //hasil yang diharapkan adalah 1` | + +✅ Cobalah! Coba operasi aritmatika di konsol browser Anda. Apakah hasilnya mengejutkan Anda? + +### String + +String adalah kumpulan karakter yang berada di antara tanda kutip tunggal atau ganda. + +- `'Ini string'` +- `"Ini juga string"` +- `let myString = 'Ini adalah nilai string yang disimpan dalam variabel';` + +Ingatlah untuk menggunakan tanda kutip saat menulis string, atau JavaScript akan menganggapnya sebagai nama variabel. + +### Memformat String + +String bersifat tekstual, dan akan membutuhkan pemformatan dari waktu ke waktu. + +Untuk **menggabungkan (concatenate)** dua string atau lebih, atau menggabungkannya, gunakan operator `+`. + +```javascript +let myString1 = "Hello"; +let myString2 = "World"; + +myString1 + myString2 + "!"; //HelloWorld! +myString1 + " " + myString2 + "!"; //Hello World! +myString1 + ", " + myString2 + "!"; //Hello, World! + +``` + +✅ Mengapa `1 + 1 = 2` di JavaScript, tetapi` '1' + '1' = 11? `Pikirkanlah. Bagaimana dengan `'1' + 1`? + +**Template literals** adalah cara lain untuk memformat string, kecuali sebagai pengganti tanda kutip, digunakan backtick. Apa pun yang bukan teks biasa harus ditempatkan di dalam placeholder `${ }`. Ini termasuk variabel apa pun yang mungkin berupa string. + +```javascript +let myString1 = "Hello"; +let myString2 = "World"; + +`${myString1} ${myString2}!` //Hello World! +`${myString1}, ${myString2}!` //Hello World! +``` + +Anda dapat mencapai tujuan pemformatan Anda dengan salah satu metode, tetapi template literal akan menghormati spasi dan jeda baris apa pun. + +✅ Kapan Anda akan menggunakan template literal dibanding string biasa? + +### Boolean + +Boolean hanya dapat berupa dua nilai: `true` atau `false`. Boolean dapat membantu membuat keputusan tentang baris kode mana yang harus dijalankan ketika kondisi tertentu terpenuhi. Dalam banyak kasus, [operator](#operator) membantu pengaturan nilai Boolean dan Anda akan sering melihat dan menulis variabel yang diinisialisasi atau nilainya diperbarui dengan operator. + +- `let myTrueBool = true` +- `let myFalseBool = false` + +✅ Variabel dapat dianggap 'benar (truthy)' jika dievaluasi ke boolean `true`. Menariknya, di JavaScript, [semua nilai adalah benar (truthy) kecuali jika didefinisikan sebagai salah](https://developer.mozilla.org/en-US/docs/Glossary/Truthy). + +--- + +## 🚀 Tantangan + +JavaScript terkenal karena cara yang mengejutkan dalam menangani tipe data pada kesempatan tertentu. Lakukan sedikit riset tentang 'kejutaan' ini. Misalnya: sensitivitas kasus bisa menggigit! Coba ini di konsol Anda: `let usia = 1; let Usia = 2; usia == Usia` (meghasilkan `false` - kenapa?). Kejutan lain apa yang bisa kamu temukan? + +## Kuis Pasca-Kuliah +[Kuis pasca-kuliah](.github/post-lecture-quiz.id.md) + +## Review & Belajar Mandiri + +Lihat [daftar latihan JavaScript ini](https://css-tricks.com/snippets/javascript/) dan coba salah satunya. Apa yang kamu pelajari? + +## Tugas + +[Praktek Tipe Data](assignment.id.md) diff --git a/2-js-basics/1-data-types/translations/assignment.id.md b/2-js-basics/1-data-types/translations/assignment.id.md new file mode 100644 index 00000000..c36652d6 --- /dev/null +++ b/2-js-basics/1-data-types/translations/assignment.id.md @@ -0,0 +1,11 @@ +# Data Types Practice + +## Instructions + +Imagine you are building a shopping cart. Write some documentation on the data types that you would need to complete your shopping experience. How did you arrive at your choices? + +## Rubric + +| Kriteria | Teladan | Memenuhi Syarat | Perlu Perbaikan | +|----------|----------------------------------------------------------------------------------------|------------------------------|----------------------------| +| | Enam tipe data didaftar dan dieksplorasi secara rinci, mendokumentasikan penggunaannya | Empat tipe data dieksplorasi | Dua tipe data dieksplorasi | From bfe7a7b8220358de173d58496e40139893f40f43 Mon Sep 17 00:00:00 2001 From: hexatester Date: Wed, 18 Nov 2020 12:51:37 +0700 Subject: [PATCH 02/89] update 2-1 assignment.id --- 2-js-basics/1-data-types/translations/assignment.id.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/2-js-basics/1-data-types/translations/assignment.id.md b/2-js-basics/1-data-types/translations/assignment.id.md index c36652d6..7dd07a01 100644 --- a/2-js-basics/1-data-types/translations/assignment.id.md +++ b/2-js-basics/1-data-types/translations/assignment.id.md @@ -1,10 +1,10 @@ -# Data Types Practice +# Praktek Tipe Data -## Instructions +## Instruksi -Imagine you are building a shopping cart. Write some documentation on the data types that you would need to complete your shopping experience. How did you arrive at your choices? +Bayangkan Anda sedang membuat keranjang belanja. Tulislah beberapa dokumentasi tentang tipe data yang Anda perlukan untuk melengkapi pengalaman berbelanja Anda. Bagaimana Anda sampai pada pilihan Anda? -## Rubric +## Rubrik | Kriteria | Teladan | Memenuhi Syarat | Perlu Perbaikan | |----------|----------------------------------------------------------------------------------------|------------------------------|----------------------------| From ac02f557db99f1be3301585e66162f19310ec0da Mon Sep 17 00:00:00 2001 From: hexatester Date: Sun, 27 Dec 2020 19:17:48 +0700 Subject: [PATCH 03/89] add indonesian translations for functions-methods --- .../.github/post-lecture-quiz.id.md | 12 ++ .../.github/pre-lecture-quiz.id.md | 12 ++ .../translations/README.id.md | 192 ++++++++++++++++++ .../translations/assignment.id.md | 13 ++ 4 files changed, 229 insertions(+) create mode 100644 2-js-basics/2-functions-methods/translations/.github/post-lecture-quiz.id.md create mode 100644 2-js-basics/2-functions-methods/translations/.github/pre-lecture-quiz.id.md create mode 100644 2-js-basics/2-functions-methods/translations/README.id.md create mode 100644 2-js-basics/2-functions-methods/translations/assignment.id.md 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 new file mode 100644 index 00000000..74126c1f --- /dev/null +++ b/2-js-basics/2-functions-methods/translations/.github/post-lecture-quiz.id.md @@ -0,0 +1,12 @@ +*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 new file mode 100644 index 00000000..c6ea25df --- /dev/null +++ b/2-js-basics/2-functions-methods/translations/.github/pre-lecture-quiz.id.md @@ -0,0 +1,12 @@ +*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 new file mode 100644 index 00000000..205b6e22 --- /dev/null +++ b/2-js-basics/2-functions-methods/translations/README.id.md @@ -0,0 +1,192 @@ +# Dasar-dasar JavaScript: Metode dan Fungsi + +![Dasar-dasar JavaScript - Fungsi](../images/webdev101-js-functions.png) +> Catatan sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac) + +## Kuis Pra-Kuliah +[Kuis pra-Kuliah](./.github/pre-lecture-quiz.id.md) + +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)**. + +[![Metode dan Fungsi](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Metode dan Fungsi") + +## Fungsi + +Pada intinya, fungsi adalah sekumpulan kode yang dapat kita jalankan sesuai permintaan. Ini sempurna untuk skenario di mana kita perlu melakukan tugas yang sama beberapa kali; daripada menduplikasi logika di beberapa lokasi (yang akan menyulitkan pembaruan saat waktunya tiba), kita dapat memusatkannya di satu lokasi, dan memanggilnya kapan pun kita membutuhkan operasi dilakukan - Anda bahkan dapat memanggil fungsi dari fungsi lain!. + +Sama pentingnya adalah kemampuan untuk menamai suatu fungsi. Meskipun ini mungkin tampak sepele, nama tersebut memberikan cara cepat untuk mendokumentasikan bagian kode. Anda bisa menganggap ini sebagai label pada sebuah tombol. Jika saya mengklik tombol yang bertuliskan "Batalkan pengatur waktu", saya tahu itu akan berhenti menjalankan jam. + +## Membuat dan memanggil suatu fungsi + +Sintaks untuk suatu fungsi terlihat seperti berikut: + +```javascript +function nameOfFunction() { // definisi fungsi + // definisi fungsi/tubuh +} +``` + +Jika saya ingin membuat fungsi untuk menampilkan salam, mungkin akan terlihat seperti ini: + +```javascript +function tampilkanSapaan() { + console.log('Hello, world!'); +} +``` + +Kapanpun kita ingin memanggil (atau memanggil) fungsi kita, kita menggunakan nama fungsi yang diikuti dengan `()`. Perlu diperhatikan fakta bahwa fungsi kita dapat didefinisikan sebelum atau sesudah kita memutuskan untuk memanggilnya; kompilator JavaScript (JavaScript compiler) akan menemukannya untuk Anda. + +```javascript +// memanggil fungsi kita +tampilkanSapaan(); +``` + +> **CATATAN:** Ada jenis fungsi khusus yang dikenal sebagai **method**, yang telah Anda gunakan! Faktanya, kita melihat ini di demo kita di atas ketika kita menggunakan `console.log`. Apa yang membuat metode berbeda dari fungsi adalah metode dilampirkan ke objek (`konsol` dalam contoh kita), sementara fungsi mengambang bebas. Anda akan mendengar banyak pengembang menggunakan istilah ini secara bergantian. + +### Praktik terbaik fungsi + +Ada beberapa praktik terbaik yang perlu diperhatikan saat membuat fungsi + +- Seperti biasa, gunakan nama deskriptif agar Anda tahu fungsinya +- Gunakan **camelCasing** untuk menggabungkan kata-kata +- Jaga agar fungsi Anda tetap fokus pada tugas tertentu + +## Memasukkan informasi ke suatu fungsi + +Agar suatu fungsi lebih dapat digunakan kembali, Anda sering kali ingin menyampaikan informasi ke dalamnya. Jika kita mempertimbangkan contoh `tampilkanSapaan` di atas, itu hanya akan menampilkan **Halo, dunia!**. Bukan fungsi paling berguna yang bisa dibuat seseorang. Jika kita ingin membuatnya sedikit lebih fleksibel, seperti mengizinkan seseorang untuk menentukan nama orang yang akan disapa, kita dapat menambahkan **parameter**. Parameter (juga terkadang disebut **argumen**), adalah informasi tambahan yang dikirim ke suatu fungsi. + +Parameter dicantumkan di bagian definisi dalam tanda kurung dan dipisahkan dengan koma seperti ini: + +```javascript +function nama(param, param2, param3) { + +} +``` + +Kita dapat memperbarui `tampilkanSapaan` kita untuk menerima sebuah nama dan menampilkannya. + +```javascript +function tampilkanSapaan(nama) { + const pesan = `Hello, ${nama}!`; + console.log(pesan); +} +``` + +Ketika kita ingin memanggil fungsi kita dan memasukkan parameternya, kita tentukan di dalam tanda kurung. + +```javascript +tampilkanSapaan('Christopher'); +// Menampilkan "Hello, Christopher!" ketika dijalankan +``` + +## Nilai dasar (Nilai Default) + +Kita dapat membuat fungsi kita lebih fleksibel dengan menambahkan lebih banyak parameter. Tetapi bagaimana jika kita tidak ingin setiap nilai ditentukan? Sesuai dengan contoh sapaan kita, kita bisa membiarkan nama sesuai kebutuhan (kita perlu tahu siapa yang kita sapa), tapi kita ingin membiarkan sapaan itu sendiri disesuaikan sesuai keinginan. Jika seseorang tidak ingin menyesuaikannya, kita memberikan nilai default sebagai gantinya. Untuk memberikan nilai default ke parameter, kita menyetelnya dengan cara yang sama seperti kita menyetel nilai untuk variabel - `namaParameter = 'nilaiDefault'`. Berikut contoh lengkapnya: + +```javascript +function tampilkanSapaan(nama, salam='Hello') { + console.log(`${salam}, ${nama}`); +} +``` + +Ketika kita memanggil fungsi tersebut, kita kemudian dapat memutuskan apakah kita ingin menetapkan nilai dari `salam`. + +```javascript +tampilkanSapaan('Christopher'); +// menampilkan "Hello, Christopher" + +tampilkanSapaan('Christopher', 'Hi'); +// menampilkan "Hi, Christopher" +``` + +## Nilai Kembali (Return values) + +Hingga saat ini fungsi yang kita buat akan selalu menghasilkan [konsol](https://developer.mozilla.org/en-US/docs/Web/API/console). Terkadang ini persis seperti yang kita cari, terutama saat kita membuat fungsi yang akan memanggil layanan lain. Tetapi bagaimana jika saya ingin membuat fungsi pembantu untuk melakukan kalkulasi dan memberikan nilai kembali sehingga saya dapat menggunakannya di tempat lain? + +Kita bisa melakukan ini dengan menggunakan **nilai kembali (return value)**. Nilai kembali dikembalikan oleh fungsi, dan dapat disimpan dalam variabel sama seperti kita dapat menyimpan nilai literal seperti string atau angka. + +Jika suatu fungsi mengembalikan sesuatu maka kata kunci `return` digunakan. Kata kunci `return` mengharapkan nilai atau referensi dari apa yang dikembalikan seperti: + +```javascript +return variabelSaya; +``` + +Kita bisa membuat fungsi untuk membuat pesan ucapan dan mengembalikan nilainya ke pemanggil + +```javascript +function buatPesanSapaan(nama) { + const pesan = `Hello, ${nama}`; + return pesan; +} +``` + +Saat memanggil fungsi ini, kita akan menyimpan nilai dalam variabel. Ini hampir sama dengan cara kita menetapkan variabel ke nilai statis (seperti `const nama = 'Christopher'`). + +```javascript +const pesanSapaan = buatPesanSapaan('Christopher'); +``` + +## Fungsi sebagai parameter untuk fungsi + +Saat Anda maju dalam karir pemrograman Anda, Anda akan menemukan fungsi yang menerima fungsi sebagai parameter. Trik rapi ini biasanya digunakan ketika kita tidak tahu kapan sesuatu akan terjadi atau selesai, tetapi kita tahu kita perlu melakukan operasi sebagai tanggapan. + +Sebagai contoh, pertimbangkan [setTimeout](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout), yang memulai timer dan akan mengeksekusi kode setelah selesai. Kita perlu memberi tahu kode apa yang ingin kita jalankan. Kedengarannya seperti pekerjaan yang sempurna untuk suatu fungsi! + +Jika Anda menjalankan kode di bawah ini, setelah 3 detik Anda akan melihat pesan **3 detik telah berlalu**. + +```javascript +function tampilkanSelesai() { + console.log('3 detik telah berlalu'); +} +// nilai timer dalam milidetik +setTimeout(3000, tampilkanSelesai); +``` + +### Fungsi anonim + +Mari kita lihat lagi apa yang telah kita bangun. Kita membuat fungsi dengan nama yang akan digunakan satu kali. Saat aplikasi kita menjadi lebih kompleks, kita dapat melihat diri kita sendiri membuat banyak fungsi yang hanya akan dipanggil sekali. Ini tidak ideal. Ternyata, kita tidak selalu perlu memberi nama! + +Saat kita mengirimkan fungsi sebagai parameter, kita dapat mengabaikan pembuatannya terlebih dahulu dan sebagai gantinya membuatnya sebagai bagian dari parameter. Kita menggunakan kata kunci `function` yang sama, tetapi kita membuatnya sebagai parameter. + +Mari tulis ulang kode di atas untuk menggunakan fungsi anonim: + +```javascript +setTimeout(3000, function() { + console.log('3 detik telah berlalu'); +}); +``` + +Jika Anda menjalankan kode baru kita, Anda akan melihat kita mendapatkan hasil yang sama. Kita telah membuat fungsi, tetapi tidak harus memberinya nama! + +### Fungsi panah gemuk + +Satu pintasan yang umum di banyak bahasa pemrograman (termasuk JavaScript) adalah kemampuan untuk menggunakan apa yang disebut fungsi **panah (arrow)** atau **panah gemuk (fat arrow)**. Ini menggunakan indikator khusus `=>`, yang terlihat seperti panah - demikian namanya! Dengan menggunakan `=>`, kita dapat melewati kata kunci `function`. + +Mari kita tulis ulang kode kita sekali lagi untuk menggunakan fungsi panah gemuk: + +```javascript +setTimeout(3000, () => { + console.log('3 detik telah berlalu'); +}); +``` + +### Kapan menggunakan setiap strategi + +Anda sekarang telah melihat bahwa kita memiliki tiga cara untuk meneruskan fungsi sebagai parameter dan mungkin bertanya-tanya kapan harus menggunakannya. Jika Anda tahu Anda akan menggunakan fungsi tersebut lebih dari sekali, buatlah seperti biasa. Jika Anda akan menggunakannya hanya untuk satu lokasi, biasanya yang terbaik adalah menggunakan fungsi anonim. Apakah Anda menggunakan fungsi panah gemuk atau tidak atau sintaks `function` yang lebih tradisional terserah Anda, tetapi Anda akan melihat sebagian besar pengembang modern lebih memilih` => `. + +--- + +## 🚀 Tantangan + +Bisakah Anda mengartikulasikan dalam satu kalimat perbedaan antara fungsi dan metode? Cobalah! + +## Kuis Pasca-Kuliah +[Kuis pasca-kuliah](./.github/post-lecture-quiz.id.md) + +## Review & Belajar Mandiri + +Layak [membaca lebih banyak tentang fungsi panah](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions), karena semakin sering digunakan dalam basis kode. Berlatihlah menulis fungsi, lalu menulis ulang dengan sintaks ini. + +## Assignment + +[Fun with Functions](./assignment.id.md) diff --git a/2-js-basics/2-functions-methods/translations/assignment.id.md b/2-js-basics/2-functions-methods/translations/assignment.id.md new file mode 100644 index 00000000..4ed72824 --- /dev/null +++ b/2-js-basics/2-functions-methods/translations/assignment.id.md @@ -0,0 +1,13 @@ +# Bersenang-senang dengan Fungsi + +## Instruksi + +Buat fungsi yang berbeda, baik fungsi yang mengembalikan sesuatu maupun fungsi yang tidak mengembalikan apa pun. + +Lihat apakah Anda dapat membuat fungsi yang memiliki campuran parameter dan parameter dengan nilai default. + +## Rubrik + +| Kriteria | Contoh | Memenuhi Syarat | Perlu Perbaikan | +|----------|---------------------------------------------------------------------------------------------------|-------------------------------------------------------------------|---------------------| +| | Solusi ditawarkan dengan dua atau lebih fungsi yang berkinerja baik dengan parameter yang beragam | Solusi kerja ditawarkan dengan satu fungsi dan beberapa parameter | Solusi memiliki bug | From eb39dcaaa3532b329e73e76f83e4cb1c5af03684 Mon Sep 17 00:00:00 2001 From: Yuuki Ebihara Date: Mon, 28 Dec 2020 22:06:21 +0900 Subject: [PATCH 04/89] translate 1-getting-started-lesson --- .../translations/assignment.ja.md | 11 + .../3-accessibility/translations/README.ja.md | 229 ++++++++++++++++++ .../translations/assignment.ja.md | 11 + .../translations/README.ja.md | 17 ++ 4 files changed, 268 insertions(+) create mode 100644 1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.ja.md create mode 100644 1-getting-started-lessons/3-accessibility/translations/README.ja.md create mode 100644 1-getting-started-lessons/3-accessibility/translations/assignment.ja.md create mode 100644 1-getting-started-lessons/translations/README.ja.md diff --git a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.ja.md b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.ja.md new file mode 100644 index 00000000..a5057354 --- /dev/null +++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.ja.md @@ -0,0 +1,11 @@ +# ドキュメントを読む + +## 説明書 + +Web 開発者が必要とする可能性のあるツールは、[クライアントサイドツールの MDN ドキュメント](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview)に記載されているものが多くあります。このレッスンでカバーされていないツールを3つ選び、Web 開発者がそれを使う理由を説明し、このカテゴリに該当するツールを検索し、そのドキュメントを共有してください。同じツールの例を MDN ドキュメント上で使用しないでください。 + +## ルーブリック + +模範的な例 | 適切な | 改善が必要 +--- | --- | -- | +|Web 開発者がツールを使う理由を説明| 開発者がツールを使用する理由ではなく、どのように使用するかを説明しました。| 開発者がツールを使用する方法や理由については言及していません。 | \ No newline at end of file diff --git a/1-getting-started-lessons/3-accessibility/translations/README.ja.md b/1-getting-started-lessons/3-accessibility/translations/README.ja.md new file mode 100644 index 00000000..8121caf3 --- /dev/null +++ b/1-getting-started-lessons/3-accessibility/translations/README.ja.md @@ -0,0 +1,229 @@ +# アクセシブルな Web ページの作成 + +![All About Accessibility](webdev101-a11y.png) +> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) + +## レクチャー前クイズ +[レクチャー前クイズ](.github/pre-lecture-quiz.md) + +> Web の力は、その普遍性にあります。障害の有無に関わらず、誰もがアクセスできることが重要です。 +> +> \- Sir Timothy Berners-Lee, W3C 理事、World Wide Web の発明者 + +この引用は、アクセシブルな Web サイトを作成することの重要性を完璧に強調しています。すべての人がアクセスできないアプリケーションは、定義上、排除的なものです。Web 開発者として、私たちは常にアクセシビリティを念頭に置くべきです。最初からこのことに焦点を当てることで、あなたが作成したページに誰もがアクセスできるようにすることができるようになります。このレッスンでは、Web 資産がアクセシブルであることを確実にするのに役立つツールと、アクセシビリティを念頭に置いて構築する方法について学びます。 + +## 使用するツール + +### スクリーンリーダー + +よく知られているアクセシビリティツールの一つにスクリーンリーダーがあります。 + +[スクリーンリーダー](https://ja.wikipedia.org/wiki/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC)は、視覚障害のある方のために一般的に使用されているクライアントです。ブラウザが共有したい情報を適切に伝えることに時間を費やしているので、スクリーンリーダーも同じように情報を伝えるようにしなければなりません。 + +スクリーンリーダーは、最も基本的には、ページを上から下まで音声で読み上げます。あなたのページがすべてテキストである場合、リーダーはブラウザと同様の方法で情報を伝えます。もちろん、ウェブページが純粋なテキストであることはほとんどなく、リンク、グラフィック、カラー、その他の視覚的な要素が含まれます。これらの情報がスクリーンリーダーに正しく読まれるように注意を払わなければなりません。 + +すべてのウェブ開発者は、スクリーンリーダーに慣れる必要があります。上で強調したように、ユーザーが利用するのはクライアントです。ブラウザの操作方法を熟知しているのと同じように、スクリーンリーダーの操作方法を学ぶべきです。幸いなことに、スクリーンリーダーはほとんどのオペレーティングシステムに組み込まれています。 + +ブラウザの中には、テキストを音読したり、基本的なナビゲーション機能を提供したりするツールや拡張機能を内蔵しているものもありますが、[これらはアクセシビリティに焦点を当てたEdgeブラウザツール](https://support.microsoft.com/ja-jp/microsoft-edge/microsoft-edge-%E3%81%AE%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E6%A9%9F%E8%83%BD-4c696192-338e-9465-b2cd-bd9b698ad19a)のようなものです。これらも重要なアクセシビリティツールですが、スクリーンリーダーとは機能が大きく異なるため、スクリーンリーダーのテストツールと勘違いしてはいけません。 + +✅ スクリーンリーダーやブラウザのテキストリーダーを試してみましょう。Windows ではデフォルトで [Narrator](https://support.microsoft.com/ja-jp/windows/%E3%83%8A%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%81%AA%E3%82%AC%E3%82%A4%E3%83%89-e4397a0d-ef4f-b386-d8ae-c172f109bdb1) が搭載されており、[JAWS](https://webaim.org/articles/jaws/) や [NVDA](https://www.nvaccess.org/about-nvda/) もインストールできます。macOS と iOS では、[VoiceOver](https://support.apple.com/guide/voiceover/welcome/10) がデフォルトでインストールされています。 + +### ズーム + +視覚障害のある人がよく使うもう一つのツールは、ズームです。ズームの最も基本的なタイプは静的ズームで、`コントロール + プラス記号 (+)` で制御するか、画面の解像度を下げることで制御します。このタイプのズームではページ全体のサイズが変更されるため、[レスポンシブデザイン](https://developer.mozilla.org/ja/docs/Learn/CSS/CSS_layout/Responsive_Design)を使用することは、ズームレベルを上げても良いユーザー体験を提供するために重要です。 + +もう一つのタイプのズームは、特殊なソフトウェアを使用して、実際の虫眼鏡を使用するのと同じように、画面のある領域を拡大してパンすることを目的としています。Windows では、[Magnifier](https://support.microsoft.com/ja-jp/windows/%E7%94%BB%E9%9D%A2%E4%B8%8A%E3%81%AE%E9%A0%85%E7%9B%AE%E3%82%92%E8%A6%8B%E3%82%84%E3%81%99%E3%81%8F%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AB-%E6%8B%A1%E5%A4%A7%E9%8F%A1%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B-414948ba-8b1c-d3bd-8615-0e5e32204198) が内蔵されており、[ZoomText](https://www.freedomscientific.com/training/zoomtext/getting-started/) は、より多くの機能を持ち、より多くのユーザーベースを持つサードパーティ製の拡大表示ソフトウェアです。macOS と iOS の両方には、[Zoom](https://www.apple.com/accessibility/mac/vision/) と呼ばれる拡大鏡ソフトが内蔵されています。 + +### コントラストチェッカー + +Webサイトの色は、色覚障害者やコントラストの低い色が見えにくい人のニーズに応えるために、慎重に選ぶ必要があります。 + +✅ [WCAG のカラーチェッカー](https://microsoftedge.microsoft.com/addons/detail/wcag-color-contrast-check/idahaggnlnekelhgplklhfpchbfdmkjp?hl=ja-JP)などのブラウザ拡張機能を使って、色使いを楽しむ Web サイトをテストしてみましょう。何がわかりますか？ + +### Lighthouse + +ブラウザの開発者ツールエリアには、Lighthouse ツールがあります。このツールは、Web サイトのアクセシビリティ (他の分析と同様に) を最初に見るために重要です。Lighthouse だけに頼らないことが重要ですが、100% のスコアはベースラインとして非常に役立ちます。 + +✅ ブラウザの開発者ツールパネルで Lighthouse を見つけて、任意のサイトで分析を実行してください。何を発見しましたか？ + +## アクセシビリティを考慮した設計 + +アクセシビリティは比較的大きなテーマです。あなたを助けるために、多くのリソースが用意されています。 + +- [Accessible U - University of Minnesota](https://accessibility.umn.edu/your-role/web-developers) + +アクセシブルなサイトを作成するためのすべての側面をカバーすることはできませんが、以下は、あなたが実装したいと思う中核的な原則のいくつかです。アクセシブルなページを最初からデザインすることは、既存のページに戻ってアクセシブルにするよりも**常に**簡単です。 + +## 良い表示の原則 + +### カラーセーフパレット + +人はさまざまな方法で世界を見ていますが、これには色も含まれます。サイトの配色を選択する際には、誰もがアクセスできるようにする必要があります。[カラーパレットを生成するための素晴らしいツールの1つが Color Safe ](http://colorsafe.co/)です。 + +✅ 色の使用に非常に問題のある Web サイトを特定してください。なぜですか？ + +### 正しい HTML を使用する + +CSS と JavaScript を使えば、あらゆる要素をあらゆるタイプのコントロールのように見せることができます。`` を使って ` +

{{ $t("message.complete") }}

+
+

{{ $t("message.error") }}

+

+ {{ q.quiz[currentQuestion].questionText }} +

+
+ +
@@ -22,39 +25,38 @@ \ No newline at end of file From cd709a8602f1223d02cbed9670d340838be8682f Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 16:34:51 -0500 Subject: [PATCH 17/89] removing extraneous brackets in quiz --- .../1-intro-to-html/.github/pre-lecture-quiz.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/3-terrarium/1-intro-to-html/.github/pre-lecture-quiz.md b/3-terrarium/1-intro-to-html/.github/pre-lecture-quiz.md index feb8ab0b..34256529 100644 --- a/3-terrarium/1-intro-to-html/.github/pre-lecture-quiz.md +++ b/3-terrarium/1-intro-to-html/.github/pre-lecture-quiz.md @@ -4,16 +4,16 @@ Complete this quiz in class 1. HTML stands for 'HyperText Mockup Language' -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 2. All HTML tags need both opening and closing tags -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 3. Using semantic markup is most important for -- [ ] [code readability] -- [ ] [screen readers] -- [ ] [maintenance] \ No newline at end of file +- [ ] code readability +- [ ] screen readers +- [ ] maintenance From aad72a3823ae7bedbe91dcb1d7afcdefa1586243 Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 16:37:19 -0500 Subject: [PATCH 18/89] removing extraneous brackets from quiz --- .../.github/post-lecture-quiz.md | 22 +++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/3-terrarium/1-intro-to-html/.github/post-lecture-quiz.md b/3-terrarium/1-intro-to-html/.github/post-lecture-quiz.md index 34304f86..36169b05 100644 --- a/3-terrarium/1-intro-to-html/.github/post-lecture-quiz.md +++ b/3-terrarium/1-intro-to-html/.github/post-lecture-quiz.md @@ -1,17 +1,17 @@ *Complete this quiz after the lesson by checking one answer per question.* -1. [Spans and Divs are interchangeable] +1. Spans and Divs are interchangeable -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false -2. [The head of an HTML doc can contain:] +2. The head of an HTML doc can contain: -- [ ] [the title tag] -- [ ] [metadata] -- [ ] [all the above] +- [ ] the title tag +- [ ] metadata +- [ ] all the above -3. [You can't use deprecated tags in your markup] -- [ ] [true] -- [ ] [false] -- [ ] [false, but they have been deprecated for good reason] \ No newline at end of file +3. You can't use deprecated tags in your markup +- [ ] true +- [ ] false +- [ ] false, but they have been deprecated for good reason From 3edf065f1bb8e5ee1f2f0bb8dba771548f262b29 Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 16:40:02 -0500 Subject: [PATCH 19/89] removing extraneous brackets from quiz --- .../2-intro-to-css/.github/pre-lecture-quiz.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/3-terrarium/2-intro-to-css/.github/pre-lecture-quiz.md b/3-terrarium/2-intro-to-css/.github/pre-lecture-quiz.md index 39d1ba56..29fa3371 100644 --- a/3-terrarium/2-intro-to-css/.github/pre-lecture-quiz.md +++ b/3-terrarium/2-intro-to-css/.github/pre-lecture-quiz.md @@ -4,15 +4,15 @@ Complete this quiz in class 1. HTML elements must have either a class or an id in order to be styled -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 2. CSS stands for 'Complete Style Sheets' -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 3. CSS can be used to create animations -- [ ] [true] -- [ ] [false] \ No newline at end of file +- [ ] true +- [ ] false From 4ae6ba331d70a34bde42001c38fffcc7a09a0643 Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 16:41:44 -0500 Subject: [PATCH 20/89] removing extraneous brackets from quiz --- .../.github/post-lecture-quiz.md | 22 +++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/3-terrarium/2-intro-to-css/.github/post-lecture-quiz.md b/3-terrarium/2-intro-to-css/.github/post-lecture-quiz.md index 1ed542d9..9303572d 100644 --- a/3-terrarium/2-intro-to-css/.github/post-lecture-quiz.md +++ b/3-terrarium/2-intro-to-css/.github/post-lecture-quiz.md @@ -4,18 +4,18 @@ You will need to reference the following learn module to complete the quiz: [Work with CSS](https://docs.microsoft.com/en-us/learn/modules/build-simple-website/4-css-basics) -1. [You can write CSS directly in the head section of your HTML file] +1. You can write CSS directly in the head section of your HTML file -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false -1. [It's always necessary to include CSS in your app] +1. It's always necessary to include CSS in your app -- [ ] [true] -- [ ] [false] -- [ ] [false, but if you want it to look good you need CSS] +- [ ] true +- [ ] false +- [ ] false, but if you want it to look good you need CSS -1. [Which browser tool can be used to inspect CSS?] -- [ ] [Elements] -- [ ] [Styles] -- [ ] [Network] \ No newline at end of file +1. Which browser tool can be used to inspect CSS? +- [ ] Elements +- [ ] Styles +- [ ] Network From 72c2e95659fba80d8b71089d6cfe3ec995032f7e Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 16:47:26 -0500 Subject: [PATCH 21/89] removing extraneous brackets from quiz --- .../.github/pre-lecture-quiz.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/3-terrarium/3-intro-to-DOM-and-closures/.github/pre-lecture-quiz.md b/3-terrarium/3-intro-to-DOM-and-closures/.github/pre-lecture-quiz.md index 16fef69a..7212a2e8 100644 --- a/3-terrarium/3-intro-to-DOM-and-closures/.github/pre-lecture-quiz.md +++ b/3-terrarium/3-intro-to-DOM-and-closures/.github/pre-lecture-quiz.md @@ -4,15 +4,15 @@ Complete this quiz in class 1. The DOM stands for 'Document Object Management' -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 2. The DOM can be thought of as a tree -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false 3. Using the Web API, you can manipulate the DOM -- [ ] [true] -- [ ] [false] \ No newline at end of file +- [ ] true +- [ ] false From d28d1ce524d058f2821a627439a2d86eed83f7b3 Mon Sep 17 00:00:00 2001 From: dirk <818141+ddiebel@users.noreply.github.com> Date: Wed, 30 Dec 2020 22:45:05 +0100 Subject: [PATCH 22/89] fix several broken image-links --- 3-terrarium/translations/README.es.md | 2 +- 5-browser-extension/translations/README.es.md | 2 +- 6-space-game/translations/README.es.md | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/3-terrarium/translations/README.es.md b/3-terrarium/translations/README.es.md index 5f5558c6..13691012 100644 --- a/3-terrarium/translations/README.es.md +++ b/3-terrarium/translations/README.es.md @@ -2,7 +2,7 @@ Una pequeña meditación de código de arrastrar y soltar. Con un poco de HTML, JS y CSS, puede crear una interfaz web, darle estilo y agregar una interacción. -![mi terrario](screenshot_gray.png) +![mi terrario](../images/screenshot_gray.png) # Lessons diff --git a/5-browser-extension/translations/README.es.md b/5-browser-extension/translations/README.es.md index 4234139b..38600e89 100644 --- a/5-browser-extension/translations/README.es.md +++ b/5-browser-extension/translations/README.es.md @@ -14,7 +14,7 @@ Esta extensión puede ser llamada ad hoc por un usuario una vez que se ingresa u ### Créditos -![a green browser extension](extension-screenshot.png) +![a green browser extension](../extension-screenshot.png) ## Créditos diff --git a/6-space-game/translations/README.es.md b/6-space-game/translations/README.es.md index 1ed1c433..ac4bf3b6 100644 --- a/6-space-game/translations/README.es.md +++ b/6-space-game/translations/README.es.md @@ -4,7 +4,7 @@ Un juego espacial para enseñar los fundamentos de JavaScript más avanzados En esta lección aprenderás a construir tu propio juego espacial. Si alguna vez has jugado al juego "Space Invaders", este juego tiene la misma idea: dirigir una nave espacial y disparar a los monstruos que vienen desde arriba. Así es como se verá el juego terminado: -![Finished game](pewpew.gif) +![Finished game](../images/pewpew.gif) En estas seis lecciones aprenderá lo siguiente: @@ -23,4 +23,4 @@ En estas seis lecciones aprenderá lo siguiente: - [Mover elementos por la pantalla](moving-elements-around/README.md) - [Detección de colisiones](collision-detection/README.md) - [Manteniendo la puntuación](keeping-score/README.md) - - [Finalizar y reiniciar el juego](end-condition/README.md) \ No newline at end of file + - [Finalizar y reiniciar el juego](end-condition/README.md) From 40e146233940dfaefc8bb60c8b7247591802ba2c Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 16:49:26 -0500 Subject: [PATCH 23/89] removing extraneous brackets from quiz --- .../.github/post-lecture-quiz.md | 22 +++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/3-terrarium/3-intro-to-DOM-and-closures/.github/post-lecture-quiz.md b/3-terrarium/3-intro-to-DOM-and-closures/.github/post-lecture-quiz.md index 932f55e2..5fc1e548 100644 --- a/3-terrarium/3-intro-to-DOM-and-closures/.github/post-lecture-quiz.md +++ b/3-terrarium/3-intro-to-DOM-and-closures/.github/post-lecture-quiz.md @@ -1,18 +1,18 @@ *Complete this quiz after the lesson by checking one answer per question.* -1. [The DOM is a model to represent a document on the web] +1. The DOM is a model to represent a document on the web -- [ ] [true] -- [ ] [false] +- [ ] true +- [ ] false -2. [Use JavaScript closures to perform the following:] +2. Use JavaScript closures to perform the following: -- [ ] [write functions within functions] -- [ ] [enclose the DOM] -- [ ] [close script blocks] +- [ ] write functions within functions +- [ ] enclose the DOM +- [ ] close script blocks -3. [Fill in the blank: Closures are useful when one or more functions need to access an outer function's ______] +3. Fill in the blank: Closures are useful when one or more functions need to access an outer function's... -- [ ] [arrays] -- [ ] [scope] -- [ ] [functions] \ No newline at end of file +- [ ] arrays +- [ ] scope +- [ ] functions From 96d31c764e687ed88bf30721c46781a1c1b8803b Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 16:51:38 -0500 Subject: [PATCH 24/89] quizzes through terrarium project --- quiz-app/src/assets/translations/en.json | 504 ++++++++++------------- 1 file changed, 224 insertions(+), 280 deletions(-) diff --git a/quiz-app/src/assets/translations/en.json b/quiz-app/src/assets/translations/en.json index 3d586483..55e05a8a 100644 --- a/quiz-app/src/assets/translations/en.json +++ b/quiz-app/src/assets/translations/en.json @@ -429,53 +429,49 @@ "title": "Lesson 5: Pre-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "What's an argument?", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "It's something you declare in the function definition", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "It's something you pass into a function at invocation time", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "It's something you have with people you know", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "A function must return something", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "You can name a function anything", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "true, but it should be a descriptive name", + "isCorrect": "true" } ] } @@ -486,53 +482,49 @@ "title": "Lesson 5: Post-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "Arguments must be provided for all parameters in a function", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "What does a default value do?", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Sets a correct value", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Gives a starter value for a parameter so your code still behaves if you omit an argument for it", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Has no utility", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "A fat arrow function allows you to", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Create heavy functions", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Omit the function keyword", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Create an anonymous function", + "isCorrect": "false" } ] } @@ -543,53 +535,53 @@ "title": "Lesson 6: Pre-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "The following operator == is called", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Equality", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Strict equality", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Assignment", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "A comparison in JavaScript returns what type?", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "boolean", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "null", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "string", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "The ! symbol in JavaScript means:", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Logical Not", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Important", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Equals", + "isCorrect": "false" } ] } @@ -600,53 +592,53 @@ "title": "Lesson 6: Post-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "What would the following code return: '1' == 1", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "null", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "What would the following code return: '1' === 1", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "null", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "Choose the correct operator to express 'or' logic", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "a | b", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "a || b", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "a or b", + "isCorrect": "false" } ] } @@ -657,53 +649,53 @@ "title": "Lesson 7: Pre-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "To refer to a specific item in an array, you would use a", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "square bracket []", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "index", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "curly braces {}", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "How do you get the number of items in an array?", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "The 'len(array)' method", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "The property size on the array", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "The length property on the array", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "In JavaScript, indexes start at", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "0", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "1", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "2", + "isCorrect": "false" } ] } @@ -714,53 +706,49 @@ "title": "Lesson 7: Post-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "What part of a for-loop would you need to modify to increment its iteration by 5?", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "condition", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "counter", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "iteration-expression", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "What's the difference between a while and a for-loop", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "A for-loop has a counter and iteration-expression, where while only has a condition", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "A while has a counter and iteration-expression where for-loop only has a condition", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "They are the same, just an alias for one another", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "Given the code for (let i=1; i < 5; i++), how many iterations will it perform?", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "5", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "4", + "isCorrect": "true" } ] } @@ -771,53 +759,45 @@ "title": "Lesson 8: Pre-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "HTML stands for 'HyperText Mockup Language'", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "All HTML tags need both opening and closing tags", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "Using semantic markup is most important for", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "code readability", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "screen readers", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "maintenance", + "isCorrect": "false" } ] } @@ -828,53 +808,49 @@ "title": "Lesson 8: Post-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "Spans and Divs are interchangeable", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "The head of an HTML doc can contain:", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "the title tag", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "metadata", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "all the above", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "You can't use deprecated tags in your markup", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false, but they have been deprecated for good reason", + "isCorrect": "true" } ] } @@ -885,53 +861,41 @@ "title": "Lesson 9: Pre-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "HTML elements must have either a class or an id in order to be styled", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "CSS stands for 'Complete Style Sheets'", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "CSS can be used to create animations", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] } @@ -942,53 +906,49 @@ "title": "Lesson 9: Post-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "You can write CSS directly in the head section of your HTML file", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "It's always necessary to include CSS in your app", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false, but if you want it to look good you probably need CSS", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "Which browser tool can be used to inspect CSS?", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Elements", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Styles", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Network", + "isCorrect": "false" } ] } @@ -999,53 +959,41 @@ "title": "Lesson 10: Pre-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "The DOM stands for 'Document Object Management'", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "The DOM can be thought of as a tree", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "Using the Web API, you can manipulate the DOM", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] } @@ -1056,53 +1004,49 @@ "title": "Lesson 10: Post-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "The DOM is a model to represent a document on the web", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "Use JavaScript closures to perform the following:", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "write functions within functions", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "enclose the DOM", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "close script blocks", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "Fill in the blank: Closures are useful when one or more functions need to access an outer function's...", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "arrays", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "scope", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "functions", + "isCorrect": "false" } ] } From da88a46c7b10d8aa597b1ea806b68d990332446a Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 17:02:34 -0500 Subject: [PATCH 25/89] edits to quiz in english --- quiz-app/src/assets/translations/en.json | 40 ++++++++++++------------ 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/quiz-app/src/assets/translations/en.json b/quiz-app/src/assets/translations/en.json index 55e05a8a..108c34c0 100644 --- a/quiz-app/src/assets/translations/en.json +++ b/quiz-app/src/assets/translations/en.json @@ -6,7 +6,7 @@ "quizzes": [ { "id": 1, - "title": "Lesson 1: Pre-Lecture Quiz", + "title": "Lesson 1 - Intro to Programming Languages: Pre-Lecture Quiz", "quiz": [ { "questionText": "A program can be created without the creator writing any code", @@ -59,7 +59,7 @@ }, { "id": 2, - "title": "Lesson 1: Post-Lecture Quiz", + "title": "Lesson 1 - Intro to Programming Languages: Post-Lecture Quiz", "quiz": [ { "questionText": "What language would you most likely use to create a website?", @@ -112,7 +112,7 @@ }, { "id": 3, - "title": "Lesson 2: Pre-Lecture Quiz", + "title": "Lesson 2 - Introduction to GitHub: Pre-Lecture Quiz", "quiz": [ { "questionText": "How do you create a Git repo?", @@ -169,7 +169,7 @@ }, { "id": 4, - "title": "Lesson 2: Post-Lecture Quiz", + "title": "Lesson 2 - Introduction to GitHub: Post-Lecture Quiz", "quiz": [ { "questionText": "A place to compare and discuss the differences introduced on a branch with reviews, comments, integrated tests, and more is:", @@ -226,7 +226,7 @@ }, { "id": 5, - "title": "Lesson 3: Pre-Lecture Quiz", + "title": "Lesson 3 - Creating Accessible Webpages: Pre-Lecture Quiz", "quiz": [ { "questionText": "An accessible web site can be checked in which browser tool", @@ -275,7 +275,7 @@ }, { "id": 6, - "title": "Lesson 3: Post-Lecture Quiz", + "title": "Lesson 3 - Creating Accessible Webpages: Post-Lecture Quiz", "quiz": [ { "questionText": "Lighthouse only checks for accessibility problems", @@ -324,7 +324,7 @@ }, { "id": 7, - "title": "Lesson 4: Pre-Lecture Quiz", + "title": "Lesson 4 - JavaScript Basics - Data Types: Pre-Lecture Quiz", "quiz": [ { "questionText": "Booleans are a data type you can use to test the length of a string", @@ -373,7 +373,7 @@ }, { "id": 8, - "title": "Lesson 4: Post-Lecture Quiz", + "title": "Lesson 4 - JavaScript Basics - Data Types: Post-Lecture Quiz", "quiz": [ { "questionText": "Constants are the same as let and var to declare variables except", @@ -426,7 +426,7 @@ }, { "id": 9, - "title": "Lesson 5: Pre-Lecture Quiz", + "title": "Lesson 5 - JavaScript Basics - Methods and Functions: Pre-Lecture Quiz", "quiz": [ { "questionText": "What's an argument?", @@ -479,7 +479,7 @@ }, { "id": 10, - "title": "Lesson 5: Post-Lecture Quiz", + "title": "Lesson 5 - JavaScript Basics - Methods and Functions: Post-Lecture Quiz", "quiz": [ { "questionText": "Arguments must be provided for all parameters in a function", @@ -532,7 +532,7 @@ }, { "id": 11, - "title": "Lesson 6: Pre-Lecture Quiz", + "title": "Lesson 6 - JavaScript Basics - Making Decisions: Pre-Lecture Quiz", "quiz": [ { "questionText": "The following operator == is called", @@ -589,7 +589,7 @@ }, { "id": 12, - "title": "Lesson 6: Post-Lecture Quiz", + "title": "Lesson 6 - JavaScript Basics - Making Decisions: Post-Lecture Quiz", "quiz": [ { "questionText": "What would the following code return: '1' == 1", @@ -646,7 +646,7 @@ }, { "id": 13, - "title": "Lesson 7: Pre-Lecture Quiz", + "title": "Lesson 7 - JavaScript Basics - Arrays and Loops: Pre-Lecture Quiz", "quiz": [ { "questionText": "To refer to a specific item in an array, you would use a", @@ -703,7 +703,7 @@ }, { "id": 14, - "title": "Lesson 7: Post-Lecture Quiz", + "title": "Lesson 7 - JavaScript Basics - Arrays and Loops: Post-Lecture Quiz", "quiz": [ { "questionText": "What part of a for-loop would you need to modify to increment its iteration by 5?", @@ -756,7 +756,7 @@ }, { "id": 15, - "title": "Lesson 8: Pre-Lecture Quiz", + "title": "Lesson 8 - Terrarium Project - Introduction to HTML: Pre-Lecture Quiz", "quiz": [ { "questionText": "HTML stands for 'HyperText Mockup Language'", @@ -805,7 +805,7 @@ }, { "id": 16, - "title": "Lesson 8: Post-Lecture Quiz", + "title": "Lesson 8 - Terrarium Project - Introduction to HTML: Post-Lecture Quiz", "quiz": [ { "questionText": "Spans and Divs are interchangeable", @@ -858,7 +858,7 @@ }, { "id": 17, - "title": "Lesson 9: Pre-Lecture Quiz", + "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", @@ -903,7 +903,7 @@ }, { "id": 18, - "title": "Lesson 9: Post-Lecture Quiz", + "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", @@ -956,7 +956,7 @@ }, { "id": 19, - "title": "Lesson 10: Pre-Lecture Quiz", + "title": "Lesson 10 - Terrarium Project - DOM Manipulation and a Closure: Pre-Lecture Quiz", "quiz": [ { "questionText": "The DOM stands for 'Document Object Management'", @@ -1001,7 +1001,7 @@ }, { "id": 20, - "title": "Lesson 10: Post-Lecture Quiz", + "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", From 5c15446cf5fda9b07045c207223caa3504582047 Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 17:39:58 -0500 Subject: [PATCH 26/89] fixing numbering of quizzes --- quiz-app/src/assets/translations/en.json | 1376 +++++++++++++++++++++- 1 file changed, 1372 insertions(+), 4 deletions(-) diff --git a/quiz-app/src/assets/translations/en.json b/quiz-app/src/assets/translations/en.json index 108c34c0..c4691940 100644 --- a/quiz-app/src/assets/translations/en.json +++ b/quiz-app/src/assets/translations/en.json @@ -1054,7 +1054,7 @@ }, { "id": 21, - "title": "Lesson 11: Pre-Lecture Quiz", + "title": "Lesson 11 - Typing Game: Pre-Lecture Quiz", "quiz": [ { "questionText": "", @@ -1111,7 +1111,7 @@ }, { "id": 22, - "title": "Lesson 11: Post-Lecture Quiz", + "title": "Lesson 11 - Typing Game: Post-Lecture Quiz", "quiz": [ { "questionText": "", @@ -1168,7 +1168,7 @@ }, { "id": 23, - "title": "Lesson 12: Pre-Lecture Quiz", + "title": "Lesson 12 - Browser Extension Project - All about Browsers: Pre-Lecture Quiz", "quiz": [ { "questionText": "", @@ -1225,7 +1225,1375 @@ }, { "id": 24, - "title": "Lesson 12: Post-Lecture Quiz", + "title": "Lesson 12 - Browser Extension Project - All about Browsers: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 25, + "title": "Lesson 13 - Browser Extension Project - Call an API, use Local Storage: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 26, + "title": "Lesson 13 - Browser Extension Project - Call an API, use Local Storage: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 27, + "title": "Lesson 14 - Browser Extension Project - Learn about Background Tasks and Performance: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 28, + "title": "Lesson 14 - Browser Extension Project - Learn about Background Tasks and Performance: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 29, + "title": "Lesson 15 - Space Game: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 30, + "title": "Lesson 15 - Space Game: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 31, + "title": "Lesson 16 - Space Game: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 32, + "title": "Lesson 16 - Space Game: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 33, + "title": "Lesson 17 - Space Game: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 34, + "title": "Lesson 17 - Space Game: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 35, + "title": "Lesson 18 - Space Game: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 36, + "title": "Lesson 18 - Space Game: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 37, + "title": "Lesson 19 - Space Game: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 38, + "title": "Lesson 19 - Space Game: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 39, + "title": "Lesson 20 - Space Game: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 40, + "title": "Lesson 20 - Space Game: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 41, + "title": "Lesson 21 - Bank Project: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 42, + "title": "Lesson 21 - Bank Project: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 43, + "title": "Lesson 22 - Bank Project: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 44, + "title": "Lesson 22 - Bank Project: Post-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 45, + "title": "Lesson 23 - Bank Project: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 46, + "title": "Lesson 23 - Bank Project: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 47, + "title": "Lesson 24 - Bank Project: Pre-Lecture Quiz", + "quiz": [ + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + }, + { + "questionText": "", + "answerOptions": [ + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + }, + { + "answerText": "", + "isCorrect": "" + } + ] + } + ] + }, + { + "id": 48, + "title": "Lesson 24 - Bank Project: Post-Lecture Quiz", "quiz": [ { "questionText": "", From 4578a263c0b06bc75d91e4f7d2c2db62e4d59f08 Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 19:50:55 -0500 Subject: [PATCH 27/89] typing game quizzes --- quiz-app/src/assets/translations/en.json | 92 ++++++++++++------------ 1 file changed, 46 insertions(+), 46 deletions(-) diff --git a/quiz-app/src/assets/translations/en.json b/quiz-app/src/assets/translations/en.json index c4691940..dfc95a35 100644 --- a/quiz-app/src/assets/translations/en.json +++ b/quiz-app/src/assets/translations/en.json @@ -1057,53 +1057,57 @@ "title": "Lesson 11 - Typing Game: Pre-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "Event-driven programming is when a user", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "clicks on a button", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "changes a value", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "interacts with the page", + "isCorrect": "false" + }, + { + "answerText": "any of the above", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "In procedural programming, functions are called", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "any time", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "in a specific order", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "left to right", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "The universal method exposed in the DOM for registering event handlers is called", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "addEventListener", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "addListener", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "addEvent", + "isCorrect": "false" } ] } @@ -1114,53 +1118,49 @@ "title": "Lesson 11 - Typing Game: Post-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "Just about anything a user does on a page raises an event", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "Common events include", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "click_event", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "select_event", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "input_event", + "isCorrect": "false" + }, + { + "answerText": "all of these", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "You can use anonymous functions to create event handlers", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] } From 0bcd2042d0f55fa849de0870da45867f1c1c72df Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 20:00:57 -0500 Subject: [PATCH 28/89] browser extension quizzes, typing game quiz --- quiz-app/src/assets/translations/en.json | 256 ++++++++++------------- 1 file changed, 116 insertions(+), 140 deletions(-) diff --git a/quiz-app/src/assets/translations/en.json b/quiz-app/src/assets/translations/en.json index dfc95a35..84c5189d 100644 --- a/quiz-app/src/assets/translations/en.json +++ b/quiz-app/src/assets/translations/en.json @@ -1171,53 +1171,49 @@ "title": "Lesson 12 - Browser Extension Project - All about Browsers: Pre-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "You can get browser extensions from", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "WalMart", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "The browser's extension store", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "The App store", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "NPM stands for", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Node Package Manager", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Netscape Primary Mix", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Natural Processing Manager", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "Your browser can serve web pages both securely and insecurely", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] } @@ -1228,53 +1224,49 @@ "title": "Lesson 12 - Browser Extension Project - All about Browsers: Post-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "The World Wide Web was invented by", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Tom Barnard-Loft", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Tim Berners-Lee", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Trish Berth-Pool", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "The first browser was called", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "WorldWideWeb", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Mozilla", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Netscape", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "Browsers can store a user's browsing history", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] } @@ -1285,53 +1277,49 @@ "title": "Lesson 13 - Browser Extension Project - Call an API, use Local Storage: Pre-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "APIs stand for", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Application Programming Interfaces", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "A Programming Inference", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Anti Proven Intentions", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "Use an API to interact with", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Another web-connected asset", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "A database", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Either of the above", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "Anyone can create an API", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] } @@ -1342,53 +1330,45 @@ "title": "Lesson 13 - Browser Extension Project - Call an API, use Local Storage: Post-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "LocalStorage is cleared every time you close the browser window", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "The main browser window controls a browser's extension's LocalStorage", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "REST in an API context stands for", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Representational State Transfer", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Returning State Tasks", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Rendering State To Browser", + "isCorrect": "false" } ] } @@ -1399,53 +1379,53 @@ "title": "Lesson 14 - Browser Extension Project - Learn about Background Tasks and Performance: Pre-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "Test the performance of your app", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "Using the browser's tools", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Using a separate software package", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Manually", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "The 'performance' of a web site is an analysis of", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "How fast it loads", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "How fast the code on it runs", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Both of the above", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "Overall, the 'weight' of web pages over the past few years has", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "gotten lighter", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "gotten heavier", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "stayed the same", + "isCorrect": "false" } ] } @@ -1456,53 +1436,49 @@ "title": "Lesson 14 - Browser Extension Project - Learn about Background Tasks and Performance: Post-Lecture Quiz", "quiz": [ { - "questionText": "", + "questionText": "To get a better view of your site's performance, clear its cache and reload in the profiler", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "true" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "false" } ] }, { - "questionText": "", + "questionText": "Browser extensions are inherently performant", "answerOptions": [ { - "answerText": "", - "isCorrect": "" - }, - { - "answerText": "", - "isCorrect": "" + "answerText": "true", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "false", + "isCorrect": "true" } ] }, { - "questionText": "", + "questionText": "Analyze the following for performance bottlenecks", "answerOptions": [ { - "answerText": "", - "isCorrect": "" + "answerText": "DOM traversals", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "JavaScript optimizations", + "isCorrect": "false" }, { - "answerText": "", - "isCorrect": "" + "answerText": "Asset management", + "isCorrect": "false" + }, + { + "answerText": "All the above", + "isCorrect": "true" } ] } From 003153af0da6ff9e43a4531bc56d4e1f748ec6c7 Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 20:14:50 -0500 Subject: [PATCH 29/89] relinking quizzes through browser extension to quiz app --- 2-js-basics/2-functions-methods/README.md | 4 ++-- 2-js-basics/3-making-decisions/README.md | 12 ++++++------ 2-js-basics/4-arrays-loops/README.md | 4 ++-- 3-terrarium/1-intro-to-html/README.md | 4 ++-- 3-terrarium/2-intro-to-css/README.md | 4 ++-- 3-terrarium/3-intro-to-DOM-and-closures/README.md | 4 ++-- 4-typing-game/typing-game/README.md | 4 ++-- 5-browser-extension/1-about-browsers/README.md | 4 ++-- .../2-forms-browsers-local-storage/README.md | 4 ++-- .../3-background-tasks-and-performance/README.md | 4 ++-- 10 files changed, 24 insertions(+), 24 deletions(-) diff --git a/2-js-basics/2-functions-methods/README.md b/2-js-basics/2-functions-methods/README.md index 4c75ca35..f65109dd 100644 --- a/2-js-basics/2-functions-methods/README.md +++ b/2-js-basics/2-functions-methods/README.md @@ -4,7 +4,7 @@ > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.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**. @@ -181,7 +181,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! ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/10) ## Review & Self Study diff --git a/2-js-basics/3-making-decisions/README.md b/2-js-basics/3-making-decisions/README.md index 18a28f1f..43c6debf 100644 --- a/2-js-basics/3-making-decisions/README.md +++ b/2-js-basics/3-making-decisions/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.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 @@ -28,10 +28,10 @@ Operators are used to evaluate conditions by making comparisons that will create | Symbol | Description | Example | | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | -| `<` | **Less than**: Compares two values and returns the `true` Boolean data type if the value on the left side is less than the right | `5 < 6 // true` | -| `<=` | **Less than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is less than or equal to the right | `5 <= 6 // true` | -| `>` | **Greater than**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than the right | `5 > 6 // false` | -| `>=` | **Greater than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than or equal to the right | `5 >= 6 // false` | +| `<` | **Less than**: Compares two values and returns the `true` Boolean data type if the value on the left side is less than the right | `5 < 6 // true` | +| `<=` | **Less than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is less than or equal to the right | `5 <= 6 // true` | +| `>` | **Greater than**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than the right | `5 > 6 // false` | +| `>=` | **Greater than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than or equal to the right | `5 >= 6 // false` | | `===` | **Strict equality**: Compares two values and returns the `true` Boolean data type if values on the right and left are equal AND are the same data type. | `5 === 6 // false` | | `!==` | **Inequality**: Compares two values and returns the opposite Boolean value of what a strict equality operator would return | `5 !== 6 // true` | @@ -162,7 +162,7 @@ Create a program that is written first with logical operators, and then rewrite ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/12) ## Review & Self Study diff --git a/2-js-basics/4-arrays-loops/README.md b/2-js-basics/4-arrays-loops/README.md index b4dc64e1..ebc4d75d 100644 --- a/2-js-basics/4-arrays-loops/README.md +++ b/2-js-basics/4-arrays-loops/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.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. @@ -114,7 +114,7 @@ There are other ways of looping over arrays other than for and while loops. Ther ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/14) ## Review & Self Study diff --git a/3-terrarium/1-intro-to-html/README.md b/3-terrarium/1-intro-to-html/README.md index 61ebfaf9..32f4d7dc 100644 --- a/3-terrarium/1-intro-to-html/README.md +++ b/3-terrarium/1-intro-to-html/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/15) ### 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](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/16) ## Review & Self Study diff --git a/3-terrarium/2-intro-to-css/README.md b/3-terrarium/2-intro-to-css/README.md index c6e25df7..6d9838a0 100644 --- a/3-terrarium/2-intro-to-css/README.md +++ b/3-terrarium/2-intro-to-css/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/17) ### Introduction @@ -252,7 +252,7 @@ To complete the post-lecture quiz, go through this Learn module: [Style your HTM ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/18) ## Review & Self Study diff --git a/3-terrarium/3-intro-to-DOM-and-closures/README.md b/3-terrarium/3-intro-to-DOM-and-closures/README.md index 7c0f93ae..329aa963 100644 --- a/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/19) ### Introduction @@ -201,7 +201,7 @@ Add new event handler to your closure to do something more to the plants; for ex ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/20) ## Review & Self Study diff --git a/4-typing-game/typing-game/README.md b/4-typing-game/typing-game/README.md index 7a10fd91..68145a62 100644 --- a/4-typing-game/typing-game/README.md +++ b/4-typing-game/typing-game/README.md @@ -2,7 +2,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](../.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/21) ## Event driven programming @@ -326,7 +326,7 @@ Add more functionality ## Post-Lecture Quiz -[Post-lecture quiz](../.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/22) ## Review & Self Study diff --git a/5-browser-extension/1-about-browsers/README.md b/5-browser-extension/1-about-browsers/README.md index aeeff00b..7a17c0b2 100644 --- a/5-browser-extension/1-about-browsers/README.md +++ b/5-browser-extension/1-about-browsers/README.md @@ -5,7 +5,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/23) ### Introduction @@ -150,7 +150,7 @@ Take a look at a browser extension store and install one to your browser. You ca ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/24) ## Review & Self Study diff --git a/5-browser-extension/2-forms-browsers-local-storage/README.md b/5-browser-extension/2-forms-browsers-local-storage/README.md index 5e75b983..078aeacc 100644 --- a/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -2,7 +2,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/25) ### Introduction @@ -210,7 +210,7 @@ We've discussed several types of API so far in these lessons. Choose a web API a ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/26) ## Review & Self Study diff --git a/5-browser-extension/3-background-tasks-and-performance/README.md b/5-browser-extension/3-background-tasks-and-performance/README.md index f05fa66e..2eb7aa82 100644 --- a/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/5-browser-extension/3-background-tasks-and-performance/README.md @@ -2,7 +2,7 @@ ## Pre-Lecture Quiz -[Pre-lecture quiz](.github/pre-lecture-quiz.md) +[Pre-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/27) ### Introduction @@ -147,7 +147,7 @@ Investigate some open source web sites have been around a long time ago, and, ba ## Post-Lecture Quiz -[Post-lecture quiz](.github/post-lecture-quiz.md) +[Post-lecture quiz](https://nice-beach-0fe9e9d0f.azurestaticapps.net/quiz/28) ## Review & Self Study From 41c74e4875be29f6b4ae09329dbfe96b4861a86d Mon Sep 17 00:00:00 2001 From: Jen Looper Date: Wed, 30 Dec 2020 20:22:16 -0500 Subject: [PATCH 30/89] adding quiz titles --- quiz-app/src/components/Quiz.vue | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/quiz-app/src/components/Quiz.vue b/quiz-app/src/components/Quiz.vue index f1f504ea..08ac27cf 100644 --- a/quiz-app/src/components/Quiz.vue +++ b/quiz-app/src/components/Quiz.vue @@ -1,7 +1,10 @@