1 00:00:01,100 --> 00:00:03,200 ‫Instruktur: Baiklah, ini adalah bagian 2 00:00:03,200 --> 00:00:05,313 ‫kedua dari Membangun Halaman Detail Halaman Wisata. 3 00:00:06,670 --> 00:00:08,820 ‫Dan kami meninggalkan video 4 00:00:08,820 --> 00:00:11,630 ‫terakhir setelah membuat bagian Fakta Cepat 5 00:00:11,630 --> 00:00:14,130 ‫ini menggunakan beberapa mixin, bukan? 6 00:00:14,130 --> 00:00:16,550 ‫Dan selanjutnya saatnya untuk membangun 7 00:00:16,550 --> 00:00:19,010 ‫bagian ini di sini dari panduan. 8 00:00:19,010 --> 00:00:21,550 ‫Sekarang kita tidak tahu sebelumnya berapa banyak pemandu 9 00:00:21,550 --> 00:00:23,950 ‫wisata sebenarnya ada di setiap tur. 10 00:00:23,950 --> 00:00:26,150 ‫Dan seperti pada halaman ikhtisar, di 11 00:00:26,150 --> 00:00:27,930 ‫sini kita perlu memiliki 12 00:00:27,930 --> 00:00:30,260 ‫loop lain untuk pada dasarnya mengulang semua 13 00:00:30,260 --> 00:00:32,423 ‫panduan yang terkait dengan tur tertentu. 14 00:00:34,030 --> 00:00:36,220 ‫Jadi, mari kita lakukan itu. 15 00:00:36,220 --> 00:00:39,900 ‫Dan sekarang kita benar-benar memiliki tiga elemen ini. 16 00:00:39,900 --> 00:00:43,210 ‫Jadi tiga kotak ini, satu untuk setiap panduan. 17 00:00:43,210 --> 00:00:47,570 ‫Tapi seperti yang baru saja kami katakan, bukan itu yang kami inginkan. 18 00:00:47,570 --> 00:00:51,970 ‫Jadi mari kita singkirkan keduanya dan kemudian buat loop di 19 00:00:51,970 --> 00:00:55,210 ‫sini, yang di setiap iterasi akan membuat 20 00:00:55,210 --> 00:00:57,620 ‫kotak, jadi elemen seperti ini. 21 00:00:57,620 --> 00:00:59,553 ‫Dan itu seharusnya cukup mudah. 22 00:01:00,460 --> 00:01:01,880 ‫Jadi sekali lagi, kita 23 00:01:03,890 --> 00:01:06,923 ‫menggunakan masing-masing dan kemudian nama variabel dalam iterasi saat 24 00:01:08,505 --> 00:01:11,580 ‫ini, di, dan kemudian array yang ingin kita ulangi. 25 00:01:11,580 --> 00:01:14,933 ‫Dan begitulah tur. panduan. 26 00:01:16,980 --> 00:01:18,230 ‫Benar? 27 00:01:18,230 --> 00:01:19,063 ‫Jadi, di 28 00:01:20,080 --> 00:01:20,913 ‫mana itu? 29 00:01:23,540 --> 00:01:26,620 ‫Ya, jadi inilah rangkaian panduan kami. 30 00:01:26,620 --> 00:01:29,810 ‫Yang tentu saja, dalam database kemudian 31 00:01:29,810 --> 00:01:34,393 ‫akan diisi dengan pengguna yang sesuai dan bukan hanya ID, bukan? 32 00:01:35,260 --> 00:01:37,803 ‫Jadi sekarang kita perlu membuat indentasi semua ini di sini. 33 00:01:38,902 --> 00:01:40,350 ‫Jadi masing-masing panduan 34 00:01:40,350 --> 00:01:43,220 ‫di sini pada dasarnya akan menjadi dokumen pengguna. 35 00:01:43,220 --> 00:01:46,010 ‫Jadi mari kita periksa dengan 36 00:01:46,010 --> 00:01:50,560 ‫cepat di Kompas karena kami tidak memiliki data semacam itu 37 00:01:50,560 --> 00:01:53,390 ‫di dokumen JSON kami karena, tentu saja, 38 00:01:53,390 --> 00:01:57,520 ‫populasi hanya terjadi di belakang layar menggunakan Mongo, bukan? 39 00:01:57,520 --> 00:01:59,600 ‫Jadi setiap panduan adalah pengguna. 40 00:01:59,600 --> 00:02:03,573 ‫Dan yang kami inginkan adalah nama dan fotonya. 41 00:02:06,100 --> 00:02:09,893 ‫Jadi di sini kita ingin fotonya, tentu saja. 42 00:02:10,890 --> 00:02:12,140 ‫Yaitu, di 43 00:02:12,140 --> 00:02:16,683 ‫halaman ini, di gambar/pengguna dan kemudian nama foto pengguna. 44 00:02:20,180 --> 00:02:22,850 ‫Jadi panduan. foto. 45 00:02:22,850 --> 00:02:25,350 ‫Yang ada di sini, sekali lagi, nama 46 00:02:25,350 --> 00:02:27,540 ‫variabel dalam iterasi saat ini. 47 00:02:27,540 --> 00:02:30,130 ‫Lalu di sini saya tidak tahu mengapa dikatakan 48 00:02:30,130 --> 00:02:33,223 ‫Panduan utama, tetapi mari kita nyatakan nama orangnya di sini. 49 00:02:37,030 --> 00:02:39,520 ‫Jadi panduan. nama. 50 00:02:39,520 --> 00:02:42,713 ‫Lalu disini kita mau nama guide lagi,. nama. 51 00:02:45,997 --> 00:02:46,850 ‫Dan kemudian kami juga menginginkan labelnya. 52 00:02:46,850 --> 00:02:49,330 ‫Jadi pada dasarnya itu akan menjadi pemandu utama ketika 53 00:02:49,330 --> 00:02:50,940 ‫itu adalah pemandu utama dan 54 00:02:50,940 --> 00:02:53,060 ‫hanya pemandu wisata ketika itu adalah pemandu biasa. 55 00:02:53,060 --> 00:02:56,810 ‫Sekarang izinkan saya menunjukkan kepada Anda apa yang terjadi ketika kita hanya 56 00:02:56,810 --> 00:02:58,270 ‫menempatkan peran di sini. 57 00:02:58,270 --> 00:03:00,223 ‫Jadi ingat bahwa peran adalah 58 00:03:02,300 --> 00:03:04,830 ‫properti di mana kita mengatakan jika pengguna adalah 59 00:03:04,830 --> 00:03:07,040 ‫pemandu atau pemandu utama atau bahkan admin. 60 00:03:07,040 --> 00:03:09,333 ‫Oke? 61 00:03:10,430 --> 00:03:11,450 ‫Jadi, sekali lagi, 62 00:03:11,450 --> 00:03:14,030 ‫mari kita lihat apa yang terjadi ketika kita mengatakannya seperti ini. 63 00:03:14,030 --> 00:03:16,130 ‫Dan dengan itu kita harus siap untuk benar-benar mengujinya. 64 00:03:16,130 --> 00:03:19,963 ‫Mari kita simpan. 65 00:03:21,450 --> 00:03:23,030 ‫Dan ini dia. 66 00:03:23,030 --> 00:03:24,700 ‫Jadi kita punya 67 00:03:24,700 --> 00:03:27,800 ‫tiga foto, namanya, tapi di sini peran 68 00:03:27,800 --> 00:03:30,440 ‫pemandunya tidak terlihat bagus, kan? 69 00:03:30,440 --> 00:03:33,020 ‫Jadi ingat bagaimana, sebenarnya, 70 00:03:33,020 --> 00:03:37,640 ‫kami ingin mengatakan pemandu utama dan pemandu wisata. 71 00:03:37,640 --> 00:03:38,883 ‫Oke, dan sekarang saatnya menggunakan conditional. 72 00:03:39,930 --> 00:03:43,270 ‫Sekarang pug sebenarnya memiliki conditional bawaan, tetapi mereka 73 00:03:43,270 --> 00:03:46,080 ‫sangat sederhana dan kita tidak dapat 74 00:03:46,080 --> 00:03:48,390 ‫melakukan banyak hal dengannya. 75 00:03:48,390 --> 00:03:50,020 ‫Misalnya, mereka bahkan tidak 76 00:03:50,020 --> 00:03:52,240 ‫mengizinkan kita untuk menguji kesetaraan, misalnya. 77 00:03:52,240 --> 00:03:54,990 ‫Tapi, hal baiknya adalah kita sebenarnya masih bisa 78 00:03:54,990 --> 00:03:56,520 ‫menggunakan JavaScript untuk itu. 79 00:03:56,520 --> 00:03:58,813 ‫Dan sekali lagi, kami menggunakan beberapa kode unbuffered untuk itu. 80 00:03:59,770 --> 00:04:03,190 ‫Jadi dengan sintaks tanda hubung lalu kita bisa menggunakan 81 00:04:03,190 --> 00:04:05,730 ‫JavaScript biasa jika di sini. 82 00:04:05,730 --> 00:04:08,023 ‫Jadi sekali lagi, seolah-olah kita baru saja menulis JavaScript. 83 00:04:08,890 --> 00:04:12,180 ‫Dan jadi panduan. peran dan sekarang kita dapat menguji dan mengatakan 84 00:04:12,180 --> 00:04:16,340 ‫apakah itu panduan utama. 85 00:04:16,340 --> 00:04:19,873 ‫Nah di sini kita ingin mengatakan 86 00:04:22,130 --> 00:04:24,340 ‫Lead guide, oke? 87 00:04:27,330 --> 00:04:28,753 ‫Dan mari kita taruh 88 00:04:32,309 --> 00:04:33,980 ‫satu lagi di sini dan 89 00:04:33,980 --> 00:04:37,320 ‫katakan jika perannya hanya pemandu, ya, maka kita ingin pemandu wisata. 90 00:04:37,320 --> 00:04:40,690 ‫Jadi beginilah cara kita menggunakan JavaScript jika menulis 91 00:04:40,690 --> 00:04:44,660 ‫di dalam pug dan kemudian menggabungkannya dengan output pug seperti ini. 92 00:04:44,660 --> 00:04:48,823 ‫Baiklah? 93 00:04:50,237 --> 00:04:51,320 ‫Jadi, mari kita lihat. 94 00:04:51,320 --> 00:04:53,720 ‫Dan memang, itu jauh lebih baik. 95 00:04:53,720 --> 00:04:56,333 ‫Oke. 96 00:04:58,660 --> 00:04:59,830 ‫Mari kita 97 00:04:59,830 --> 00:05:03,350 ‫singkirkan ruang kosong ini di sini dan beralih ke 98 00:05:03,350 --> 00:05:05,200 ‫yang berikutnya, yaitu kotak deskripsi. 99 00:05:05,200 --> 00:05:06,883 ‫Jadi pertama sampai di sini di 100 00:05:07,870 --> 00:05:09,750 ‫heading kita sebenarnya juga ada yang namanya tour. 101 00:05:09,750 --> 00:05:12,320 ‫Jadi ini dia nama turnya, jadi mari kita 102 00:05:12,320 --> 00:05:14,250 ‫buat string template, dan 103 00:05:14,250 --> 00:05:16,310 ‫di sana mari kita taruh tur. nama. 104 00:05:16,310 --> 00:05:21,220 ‫Saya pikir itu akan berhasil. 105 00:05:23,770 --> 00:05:25,070 ‫Tapi tidak. 106 00:05:26,870 --> 00:05:27,750 ‫Ini hanya berfungsi di JavaScript. 107 00:05:27,750 --> 00:05:29,250 ‫Oke, dan sebenarnya saya baru ingat 108 00:05:30,650 --> 00:05:33,040 ‫bahwa kami juga ingin memiliki tur tepat di judul utama. 109 00:05:33,040 --> 00:05:38,040 ‫Jadi, di sini sebenarnya. 110 00:05:38,600 --> 00:05:42,573 ‫Oke, jadi mari kita lakukan itu. 111 00:05:44,420 --> 00:05:45,983 ‫Oke. 112 00:05:51,040 --> 00:05:51,873 ‫Tapi bagaimanapun, 113 00:05:53,200 --> 00:05:55,500 ‫mari kita pindah ke sini dan membuat paragraf ini. 114 00:05:56,550 --> 00:05:59,010 ‫Sekarang seperti yang Anda lihat, kita sebenarnya memiliki dua 115 00:05:59,010 --> 00:06:00,670 ‫paragraf di sini untuk teks ini. 116 00:06:00,670 --> 00:06:04,090 ‫Jadi mari kita lihat bagaimana kita 117 00:06:04,090 --> 00:06:06,950 ‫memilikinya di sini dalam deskripsi. 118 00:06:06,950 --> 00:06:08,230 ‫Dan seperti yang Anda lihat, kita tentu saja hanya memiliki satu string besar. 119 00:06:08,230 --> 00:06:12,200 ‫Tapi kami membaginya di tengah dengan karakter 120 00:06:12,200 --> 00:06:14,560 ‫baris baru ini. 121 00:06:14,560 --> 00:06:16,460 ‫Baiklah? 122 00:06:16,460 --> 00:06:17,293 ‫Jadi yang 123 00:06:17,293 --> 00:06:20,230 ‫akan kita lakukan adalah membagi string dengan karakter baris baru. 124 00:06:20,230 --> 00:06:21,743 ‫Oke? 125 00:06:23,550 --> 00:06:24,750 ‫Jadi itu mudah, bukan? 126 00:06:24,750 --> 00:06:26,923 ‫Jadi, kode unbuffered untuk menulis JavaScript. 127 00:06:29,330 --> 00:06:32,743 ‫Paragraf sama dengan tur. keterangan. dipisahkan oleh karakter baris 128 00:06:35,340 --> 00:06:39,910 ‫baru. 129 00:06:45,080 --> 00:06:46,853 ‫Dan sekarang ini akan membuat sebuah array. 130 00:06:47,880 --> 00:06:50,400 ‫Jadi paragraf adalah array, di mana setiap elemen 131 00:06:50,400 --> 00:06:52,460 ‫pada dasarnya adalah satu paragraf. 132 00:06:52,460 --> 00:06:55,893 ‫Oke? 133 00:06:56,950 --> 00:06:57,840 ‫Jadi sekarang yang 134 00:06:57,840 --> 00:07:00,130 ‫perlu kita lakukan adalah mengulang semua paragraf ini dan mencetak isinya. 135 00:07:00,130 --> 00:07:03,940 ‫Jadi setiap p, misalkan, dalam paragraf 136 00:07:03,940 --> 00:07:06,520 ‫akan menjadi p. description_text sama dengan paragraf saat 137 00:07:06,520 --> 00:07:10,280 ‫ini, yaitu p. 138 00:07:13,870 --> 00:07:17,063 ‫Jadi, sederhana bukan? 139 00:07:20,920 --> 00:07:22,343 ‫Mari kita periksa. 140 00:07:23,490 --> 00:07:24,653 ‫Dan kita tidak dapat benar-benar 141 00:07:27,560 --> 00:07:30,160 ‫melihat apakah itu berbeda karena saya hanya menggunakan teks buta ini di sini. 142 00:07:30,160 --> 00:07:32,870 ‫Tetapi saya dapat memberi tahu Anda bahwa ini di 143 00:07:32,870 --> 00:07:34,760 ‫sini harus menjadi teks yang benar. 144 00:07:34,760 --> 00:07:36,340 ‫Dan jika kita pergi ke wisata 145 00:07:36,340 --> 00:07:38,630 ‫penjelajah hutan, sebenarnya di sini di Kompas, jadi 146 00:07:38,630 --> 00:07:39,880 ‫di mana itu? 147 00:07:42,320 --> 00:07:43,620 ‫Disini. 148 00:07:45,370 --> 00:07:46,480 ‫Jadi jika kita 149 00:07:46,480 --> 00:07:48,613 ‫pergi ke deskripsi dan mencoba mengeditnya, jadi mari 150 00:07:49,637 --> 00:07:51,173 ‫tambahkan karakter baris baru di sini. 151 00:07:53,140 --> 00:07:58,140 ‫Kemudian mari kita perbarui dan kita akan melihat paragraf 152 00:07:58,660 --> 00:08:03,460 ‫baru muncul di suatu tempat di sini. 153 00:08:03,460 --> 00:08:05,460 ‫Mari kita ubah itu. 154 00:08:05,460 --> 00:08:07,090 ‫Dan itu tidak berjalan dengan baik. 155 00:08:07,090 --> 00:08:09,143 ‫Saya tidak yakin mengapa. 156 00:08:09,143 --> 00:08:10,800 ‫Saya tidak pernah mencoba melakukannya, jadi yang 157 00:08:10,800 --> 00:08:12,680 ‫baru saja saya lakukan adalah pertama kali saya mencobanya. 158 00:08:12,680 --> 00:08:16,560 ‫Jadi saya tidak yakin apa yang salah di sini. 159 00:08:16,560 --> 00:08:19,875 ‫Mungkin kita benar-benar hanya perlu membuat 160 00:08:19,875 --> 00:08:23,860 ‫baris baru dengan menekan enter, tapi itu juga 161 00:08:23,860 --> 00:08:25,190 ‫tidak berhasil. 162 00:08:25,190 --> 00:08:28,910 ‫Jadi mari kita lihat apakah kita benar-benar memiliki karakter baris 163 00:08:28,910 --> 00:08:30,550 ‫baru di sini. 164 00:08:30,550 --> 00:08:32,223 ‫Dan mungkin yang satu ini di sini. 165 00:08:33,460 --> 00:08:35,360 ‫Yah, tapi tidak apa-apa, percayalah padaku tentang ini. 166 00:08:35,360 --> 00:08:38,723 ‫Dan sekarang baris baru kami masih ada, 167 00:08:41,450 --> 00:08:43,610 ‫apa yang terjadi? 168 00:08:43,610 --> 00:08:44,833 ‫Baiklah, ini dia, mari kita perbarui. 169 00:08:49,740 --> 00:08:52,463 ‫Baiklah, sekarang baris baru kami yang lain 170 00:08:57,830 --> 00:09:01,460 ‫yang kami miliki di sini sebelumnya juga menghilang, tapi tidak apa-apa. 171 00:09:01,460 --> 00:09:04,440 ‫Saya kira saya seharusnya tidak menggunakan Kompas untuk mengedit 172 00:09:04,440 --> 00:09:05,920 ‫teks ini di sini. 173 00:09:05,920 --> 00:09:09,430 ‫Oke? 174 00:09:09,430 --> 00:09:10,690 ‫Bagaimanapun, sekarang mari kita beralih ke gambar. 175 00:09:10,690 --> 00:09:13,630 ‫Dan sekarang kita tidak melihat mereka di sini, 176 00:09:13,630 --> 00:09:15,960 ‫tapi seperti inilah seharusnya, oke? 177 00:09:15,960 --> 00:09:19,710 ‫Jadi kami memiliki tiga gambar di sini yang ditampilkan 178 00:09:19,710 --> 00:09:21,410 ‫berdampingan seperti ini. 179 00:09:21,410 --> 00:09:23,603 ‫Dan ini sebenarnya adalah 180 00:09:24,670 --> 00:09:28,390 ‫gambar yang ada di suatu tempat di sini. 181 00:09:29,690 --> 00:09:31,530 ‫Jadi ya, di bidang gambar 182 00:09:31,530 --> 00:09:33,670 ‫kami memiliki susunan ketiga gambar ini. 183 00:09:33,670 --> 00:09:36,800 ‫Jadi sekali lagi kita akan menggunakan 184 00:09:36,800 --> 00:09:39,160 ‫loop untuk mengulangnya. 185 00:09:40,120 --> 00:09:42,360 ‫Jadi, cukup sederhana. 186 00:09:42,360 --> 00:09:43,933 ‫Jadi, setiap gambar dalam tur. gambar-gambar. 187 00:09:44,890 --> 00:09:49,890 ‫Dan untuk masing-masing dari mereka kami ingin membuat ini. 188 00:09:51,190 --> 00:09:54,423 ‫Jadi di sini sumbernya. 189 00:09:56,690 --> 00:09:58,703 ‫Dan itu gambar/wisata, sebenarnya. 190 00:10:00,680 --> 00:10:03,963 ‫Dan kemudian nama gambar saat ini, yang 191 00:10:07,800 --> 00:10:10,360 ‫tentu saja adalah gambar. 192 00:10:10,360 --> 00:10:13,730 ‫Dan kemudian di sini di teks alt kami sebenarnya memiliki jumlah 193 00:10:13,730 --> 00:10:15,760 ‫tur, dan yang lebih penting juga di 194 00:10:15,760 --> 00:10:17,500 ‫sini di nama kelas CSS. 195 00:10:17,500 --> 00:10:21,700 ‫Jadi Anda melihat bahwa yang berikutnya memiliki gambar dua 196 00:10:21,700 --> 00:10:23,250 ‫dan gambar tiga. 197 00:10:23,250 --> 00:10:25,693 ‫Oke? 198 00:10:26,750 --> 00:10:27,940 ‫Jadi bagaimana kita akan melakukannya? 199 00:10:27,940 --> 00:10:29,900 ‫Nah, dalam loop pug 200 00:10:29,900 --> 00:10:32,250 ‫kita sebenarnya bisa mendefinisikan variabel kedua. 201 00:10:32,250 --> 00:10:34,350 ‫Dan variabel kedua itu akan menjadi index. 202 00:10:34,350 --> 00:10:37,723 ‫Jadi sebut saja aku, sangat sederhana. 203 00:10:38,880 --> 00:10:41,280 ‫Dan itu adalah indeks berbasis nol, 204 00:10:41,280 --> 00:10:43,750 ‫yang akan menjadi nol untuk elemen pertama 205 00:10:43,750 --> 00:10:46,660 ‫dan satu dan dua untuk dua elemen lainnya. 206 00:10:46,660 --> 00:10:49,023 ‫Jadi mari kita mulai dengan meletakkannya di sana. 207 00:10:49,890 --> 00:10:53,233 ‫Jadi itu i, yang merupakan indeks, ditambah 208 00:10:58,360 --> 00:11:02,460 ‫1, karena kita ingin ini menjadi 1 dan bukan nol. 209 00:11:02,460 --> 00:11:05,560 ‫Dan sekarang bagian ini sedikit lebih rumit, 210 00:11:05,560 --> 00:11:07,940 ‫karena kita tidak dapat menggunakan 211 00:11:07,940 --> 00:11:11,420 ‫sintaks ini, dan kita juga tidak dapat menggunakan sintaks 212 00:11:11,420 --> 00:11:14,580 ‫interpolasi lain di sini dalam nama kelas. 213 00:11:14,580 --> 00:11:16,330 ‫Dan alih-alih apa yang 214 00:11:16,330 --> 00:11:20,270 ‫akan kita lakukan adalah menyalin ini, dan benar-benar mendefinisikannya sebagai atribut kelas. 215 00:11:20,270 --> 00:11:23,143 ‫Oke, dan itu persis sama. 216 00:11:25,610 --> 00:11:28,140 ‫Tapi di sini kita kemudian dapat 217 00:11:28,140 --> 00:11:30,860 ‫menggunakan string template untuk mengisinya di sini. 218 00:11:30,860 --> 00:11:33,363 ‫Jadi saya + 1. 219 00:11:34,870 --> 00:11:37,393 ‫Baiklah, mari kita singkirkan ini. 220 00:11:39,360 --> 00:11:41,990 ‫Dan mari kita uji. 221 00:11:46,222 --> 00:11:47,122 ‫Wah, ada yang tidak beres di sini. 222 00:11:49,420 --> 00:11:51,473 ‫Jadi, kami memiliki gambar kami, tetapi mereka tidak terlihat benar. 223 00:11:53,490 --> 00:11:57,450 ‫Tapi nama kelasnya sebenarnya benar. 224 00:11:57,450 --> 00:11:59,850 ‫Dan juga Anda melihatnya di sini diterapkan. 225 00:11:59,850 --> 00:12:02,010 ‫Tetapi untuk beberapa alasan tidak menemukan gambar-gambar ini. 226 00:12:02,010 --> 00:12:05,990 ‫Atau sebenarnya memang begitu. 227 00:12:05,990 --> 00:12:07,940 ‫Di bawah sini dikatakan tidak. 228 00:12:07,940 --> 00:12:10,150 ‫Ah, tapi ini sebenarnya gambar lain. 229 00:12:10,150 --> 00:12:12,057 ‫Tetapi ini adalah beberapa yang lain yang sedikit lebih jauh ke bawah. 230 00:12:12,057 --> 00:12:16,460 ‫Bagaimanapun, apa yang saya kira tidak benar di sini adalah bahwa gambar ini seharusnya 231 00:12:16,460 --> 00:12:19,590 ‫berada di dalam kotak gambar ini, jadi saya kira ada 232 00:12:19,590 --> 00:12:22,340 ‫sesuatu dalam lekukan kita di sini yang salah. 233 00:12:22,340 --> 00:12:26,690 ‫Dan ya, memang begitu. 234 00:12:26,690 --> 00:12:29,681 ‫Jadi Anda melihat gambar ini berada pada level 235 00:12:29,681 --> 00:12:32,040 ‫yang sama dengan elemen div ini. 236 00:12:32,040 --> 00:12:33,820 ‫Jadi tentu saja, ada lekukan yang hilang. 237 00:12:33,820 --> 00:12:36,613 ‫Baiklah. 238 00:12:38,090 --> 00:12:38,930 ‫Dan itu sekarang harus diperbaiki. 239 00:12:38,930 --> 00:12:40,530 ‫Dan ini dia. 240 00:12:43,470 --> 00:12:44,973 ‫Baiklah. 241 00:12:46,100 --> 00:12:47,050 ‫Jadi, hanya untuk melihat bahwa inilah masalahnya. 242 00:12:47,050 --> 00:12:49,973 ‫Sekarang memang gambar itu ada di dalam kotak gambar. 243 00:12:51,316 --> 00:12:53,916 ‫Sangat bagus. 244 00:12:55,380 --> 00:12:56,580 ‫Selanjutnya adalah peta. 245 00:12:56,580 --> 00:12:57,720 ‫Yang perlu diingat, 246 00:12:57,720 --> 00:13:02,170 ‫saya akan pergi untuk kuliah berikutnya, sehingga untuk saat ini kita bisa khawatir tentang menempatkan 247 00:13:02,170 --> 00:13:04,330 ‫ulasan tur di sini di elemen ini. 248 00:13:04,330 --> 00:13:08,140 ‫Oke. 249 00:13:08,140 --> 00:13:09,600 ‫Jadi, sekali lagi, kita sekarang beralih ke bagian ini di sini. 250 00:13:09,600 --> 00:13:14,190 ‫Sekarang dari mana ulasan ini sebenarnya berasal. 251 00:13:14,190 --> 00:13:16,953 ‫Nah, ingat bagaimana di viewController kami mengisi 252 00:13:17,810 --> 00:13:19,140 ‫kolom ulasan 253 00:13:19,140 --> 00:13:21,390 ‫dengan data ulasan yang sebenarnya. 254 00:13:21,390 --> 00:13:24,410 ‫Jadi sekarang kami memiliki tur. ulasan, yang merupakan larik dari 255 00:13:24,410 --> 00:13:27,420 ‫semua ulasan. 256 00:13:27,420 --> 00:13:29,766 ‫Dan seperti yang mungkin bisa 257 00:13:29,766 --> 00:13:32,320 ‫Anda tebak, sekarang kita akan membuat loop 258 00:13:32,320 --> 00:13:35,460 ‫lain di sini, di dalam elemen ulasan ini. 259 00:13:35,460 --> 00:13:37,763 ‫Jadi, setiap ulasan dalam tur. ulasan. 260 00:13:39,640 --> 00:13:44,640 ‫Dan kemudian di masing-masing dari mereka kita akan memiliki kartu ulasan ini. 261 00:13:47,670 --> 00:13:52,670 ‫Baiklah. 262 00:13:53,150 --> 00:13:54,150 ‫Sekarang ini ada banyak 263 00:13:54,150 --> 00:13:56,460 ‫kode, yang agak mengganggu kita di sini dari konten utama kita. 264 00:13:56,460 --> 00:13:59,870 ‫Jadi mari kita lagi, benar-benar membuat mixin di sini. 265 00:13:59,870 --> 00:14:02,943 ‫Baiklah. 266 00:14:04,550 --> 00:14:05,383 ‫Jadi, mari kita 267 00:14:06,630 --> 00:14:07,780 ‫letakkan di sini di atas. 268 00:14:07,780 --> 00:14:09,230 ‫Dan Anda akan melihat mengapa dalam sedetik. 269 00:14:11,040 --> 00:14:12,590 ‫Jadi reviewCard. 270 00:14:14,080 --> 00:14:15,520 ‫Dan di sini kami melewati ulasan itu sendiri. 271 00:14:16,760 --> 00:14:20,193 ‫Baiklah. 272 00:14:21,480 --> 00:14:22,330 ‫Dan sekarang kita benar-benar perlu memperbaiki lekukan ini. 273 00:14:22,330 --> 00:14:25,330 ‫Dan daripada melakukannya secara manual, ingat, saya akan 274 00:14:25,330 --> 00:14:26,870 ‫menggunakan paket VS Code 275 00:14:26,870 --> 00:14:28,370 ‫yang kita miliki. 276 00:14:28,370 --> 00:14:30,610 ‫Dan perintah shift p 277 00:14:30,610 --> 00:14:35,230 ‫atau control shift p pada Windows dan kemudian Beautify pug. 278 00:14:35,230 --> 00:14:37,193 ‫Dan itu memperbaikinya. 279 00:14:38,580 --> 00:14:41,110 ‫Jadi sekarang kita perlu membuat 280 00:14:41,110 --> 00:14:43,960 ‫ulasan ini di sini berdasarkan data. 281 00:14:43,960 --> 00:14:45,540 ‫Tapi sebelum kita melakukannya, 282 00:14:45,540 --> 00:14:48,790 ‫mari kita panggil mixin di sini di setiap iterasi ulasan. 283 00:14:48,790 --> 00:14:50,890 ‫Jadi +reviewCard dengan ulasan saat ini, bukan? 284 00:14:50,890 --> 00:14:55,890 ‫Jadi, mari kita lihat seperti apa 285 00:15:01,030 --> 00:15:03,090 ‫ulasan sebenarnya. 286 00:15:03,090 --> 00:15:05,970 ‫Dan kami memiliki ulasan di sini. 287 00:15:05,970 --> 00:15:07,820 ‫Tapi memang, mereka tidak akan 288 00:15:07,820 --> 00:15:10,140 ‫terlalu berguna karena pengguna tidak terisi di sini. 289 00:15:10,140 --> 00:15:12,773 ‫Jadi, mari kita pergi ke Tukang 290 00:15:13,860 --> 00:15:17,160 ‫Pos dan melihat ulasan terakhir yang diisi di sana. 291 00:15:17,160 --> 00:15:21,830 ‫Jadi katakanlah mendapatkan ulasan tentang tur. 292 00:15:21,830 --> 00:15:24,923 ‫Karena itu nantinya akan menjadi review lengkap. 293 00:15:29,250 --> 00:15:32,170 ‫Jadi kami memiliki bidang ulasan, peringkat, dan kemudian pengguna. 294 00:15:32,170 --> 00:15:35,890 ‫Dan yang kami minati di sini 295 00:15:35,890 --> 00:15:37,370 ‫adalah pengguna. nama dan pengguna. foto. 296 00:15:37,370 --> 00:15:40,593 ‫Baiklah, dan nama pengguna akan ditinjau. pengguna. nama. 297 00:15:41,440 --> 00:15:45,973 ‫Benar? 298 00:15:48,010 --> 00:15:48,843 ‫Jadi ulasan. pengguna. nama. 299 00:15:51,130 --> 00:15:55,830 ‫Jadi semua ini diperlukan 300 00:15:55,830 --> 00:15:58,490 ‫karena tentu saja kita sekarang memiliki beberapa kumpulan 301 00:15:58,490 --> 00:16:02,340 ‫data yang terkait satu sama lain dan dengan fungsi populasi, mereka semua 302 00:16:02,340 --> 00:16:04,050 ‫sekarang bersarang satu sama lain. 303 00:16:04,050 --> 00:16:07,850 ‫Jadi mari kita gunakan namanya di sini juga. 304 00:16:07,850 --> 00:16:11,413 ‫Baiklah. 305 00:16:18,110 --> 00:16:19,080 ‫Dan kemudian di sini 306 00:16:19,080 --> 00:16:20,130 ‫kita tidak akan menggunakan namanya. 307 00:16:23,240 --> 00:16:24,940 ‫Oh dan 308 00:16:24,940 --> 00:16:29,790 ‫saya lupa interpolasinya, lalu ini dia fotonya. 309 00:16:29,790 --> 00:16:32,683 ‫Baiklah. 310 00:16:33,554 --> 00:16:34,387 ‫Berikut ini akan menjadi deskripsi. 311 00:16:34,387 --> 00:16:37,063 ‫Dan itu sebenarnya ulasan. ulasan, saya percaya. 312 00:16:39,350 --> 00:16:43,113 ‫Jadi, ya. 313 00:16:45,390 --> 00:16:46,790 ‫Jadi ulasan. tinjauan. 314 00:16:46,790 --> 00:16:48,980 ‫Dan ini 315 00:16:48,980 --> 00:16:52,510 ‫adalah bagian yang mudah dan bagian yang sulit selanjutnya adalah 316 00:16:52,510 --> 00:16:55,760 ‫menampilkan peringkat sebenarnya, karena kita harus menampilkan salah satu 317 00:16:55,760 --> 00:16:59,610 ‫elemen ini di sini untuk setiap jumlah bintang yang dimiliki ulasan. 318 00:16:59,610 --> 00:17:02,730 ‫Jadi ulasan bintang lima membutuhkan semua bintang lima ini. 319 00:17:02,730 --> 00:17:06,330 ‫Tetapi ulasan bintang empat hanya membutuhkan empat dari mereka dan kemudian 320 00:17:06,330 --> 00:17:09,130 ‫ditambah bahwa kami juga menginginkan bintang abu-abu. 321 00:17:09,130 --> 00:17:12,420 ‫Jadi pada dasarnya untuk mengatakan empat dari lima, oke? 322 00:17:12,420 --> 00:17:15,860 ‫Tapi pertama-tama mari kita lihat, apakah ini benar-benar berfungsi. 323 00:17:15,860 --> 00:17:18,993 ‫Jadi semuanya kecuali peringkat. 324 00:17:19,900 --> 00:17:21,993 ‫Jadi mari kita muat ulang, dan 325 00:17:23,500 --> 00:17:27,290 ‫memang, inilah kita, dengan pengguna, lalu nama, dan teks ulasan itu sendiri. 326 00:17:27,290 --> 00:17:31,680 ‫Dan sekarang mari kita berhati-hati untuk benar-benar 327 00:17:31,680 --> 00:17:34,190 ‫menampilkan peringkat juga. 328 00:17:34,190 --> 00:17:36,550 ‫Jadi yang akan kita lakukan di sini adalah mencetak 329 00:17:36,550 --> 00:17:38,270 ‫jumlah bintang dalam satu lingkaran. 330 00:17:38,270 --> 00:17:40,880 ‫Jadi ada lima kemungkinan bintang dan jadi kita 331 00:17:40,880 --> 00:17:42,920 ‫mengulang dari satu sampai lima. 332 00:17:42,920 --> 00:17:45,660 ‫Kemudian di setiap bintang kami menguji apakah 333 00:17:45,660 --> 00:17:49,270 ‫peringkat tur lebih tinggi atau sama dengan bintang saat ini. 334 00:17:49,270 --> 00:17:52,260 ‫Dan jika demikian, kami mencetak bintang hijau, yang 335 00:17:52,260 --> 00:17:54,630 ‫merupakan singkatan dari bintang yang sebenarnya. 336 00:17:54,630 --> 00:17:56,540 ‫Dan jika tidak, itu adalah bintang abu-abu. 337 00:17:56,540 --> 00:17:58,600 ‫Jadi sekali lagi, yang hanya bintang yang tidak ada. 338 00:17:58,600 --> 00:18:01,700 ‫Misalnya, untuk menunjukkan tiga dari lima, oke? 339 00:18:01,700 --> 00:18:06,120 ‫Dan itu mungkin terdengar agak abstrak, jadi mari 340 00:18:06,120 --> 00:18:08,130 ‫kita terapkan saja. 341 00:18:08,130 --> 00:18:10,261 ‫Jadi setiap bintang masuk. 342 00:18:10,261 --> 00:18:15,261 ‫Dan sekarang kita belum memiliki array, jadi kita 343 00:18:15,580 --> 00:18:17,500 ‫cukup membuatnya. 344 00:18:17,500 --> 00:18:19,000 ‫Jadi 1, 2, 345 00:18:19,000 --> 00:18:23,240 ‫3, 4, dan 5, yang merupakan semua kemungkinan bintang. 346 00:18:23,240 --> 00:18:25,003 ‫Selanjutnya, mari kita salin ini di sini. 347 00:18:27,510 --> 00:18:31,160 ‫Dan sekarang perbedaan antara bintang hijau dan bintang 348 00:18:31,160 --> 00:18:34,380 ‫abu-abu adalah bahwa hijau memiliki pengubah 349 00:18:34,380 --> 00:18:38,210 ‫aktif di sini, dan yang abu-abu tidak aktif. 350 00:18:38,210 --> 00:18:40,600 ‫Jadi kita akan mengubahnya dengan string template, oke? 351 00:18:40,600 --> 00:18:44,280 ‫Dan seperti sebelumnya, kita sebenarnya membutuhkan nama kelas 352 00:18:44,280 --> 00:18:47,880 ‫ini sebagai atribut kelas di sini. 353 00:18:47,880 --> 00:18:51,443 ‫Baiklah. 354 00:18:53,850 --> 00:18:54,683 ‫Maka ini juga harus ada di sini. 355 00:18:56,830 --> 00:18:58,470 ‫Mari kita singkirkan ini. 356 00:18:58,470 --> 00:18:59,743 ‫Jadi sekarang mari kita lakukan tes yang baru saja kita sebutkan. 357 00:19:02,630 --> 00:19:05,570 ‫Dan lagi, outputnya adalah 358 00:19:05,570 --> 00:19:08,650 ‫tahun ini aktif atau tidak aktif. 359 00:19:08,650 --> 00:19:10,770 ‫Jadi mari kita menempatkan beberapa JavaScript tepat pada saat ini. 360 00:19:10,770 --> 00:19:14,083 ‫Jadi apa yang akan kita lakukan di sini adalah 361 00:19:16,360 --> 00:19:18,090 ‫untuk menguji apakah ulasannya. rating, yang merupakan 362 00:19:18,090 --> 00:19:22,130 ‫tempat rating disimpan, lebih besar atau 363 00:19:22,130 --> 00:19:23,930 ‫sama dengan bintang saat ini. 364 00:19:25,230 --> 00:19:28,483 ‫Jadi pada dasarnya kami sedang menulis operator turnery di sini. 365 00:19:30,010 --> 00:19:33,810 ‫Jadi jika ya, maka di sini kita 366 00:19:33,810 --> 00:19:37,233 ‫ingin mengatakan, aktif, dan jika tidak, 367 00:19:38,640 --> 00:19:40,210 ‫maka tidak 368 00:19:40,210 --> 00:19:41,063 ‫aktif. 369 00:19:43,450 --> 00:19:44,653 ‫Dan ini terlihat agak aneh, aku tahu. 370 00:19:46,370 --> 00:19:49,790 ‫Jadi mari kita contohkan itu dengan contoh sederhana. 371 00:19:49,790 --> 00:19:53,530 ‫Jadi katakanlah kita memiliki tiga bintang dari lima, oke? 372 00:19:53,530 --> 00:19:58,530 ‫Jadi pada iterasi pertama, bintang adalah satu. 373 00:19:58,660 --> 00:20:02,212 ‫Jadi satu tentu saja kurang dari tiga. 374 00:20:02,212 --> 00:20:06,330 ‫Dan bintang pertama tentu saja harus berwarna hijau, dan 375 00:20:06,330 --> 00:20:08,630 ‫itulah mengapa di sini 376 00:20:08,630 --> 00:20:12,360 ‫kami mengaktifkannya, yang kemudian akan menghasilkan ulasan_bintang--aktif. 377 00:20:12,360 --> 00:20:16,610 ‫Oke? 378 00:20:16,610 --> 00:20:17,443 ‫Kemudian hal yang sama dengan bintang kedua dan ketiga. 379 00:20:17,443 --> 00:20:20,910 ‫Jadi pada saat itu kami memiliki tiga bintang hijau. 380 00:20:20,910 --> 00:20:23,320 ‫Tapi yang keempat dan kelima harus berwarna abu-abu. 381 00:20:23,320 --> 00:20:26,410 ‫Oke? 382 00:20:26,410 --> 00:20:27,243 ‫Dan pada iterasi keempat di sini bintang adalah empat. 383 00:20:27,243 --> 00:20:30,270 ‫Jadi tesnya adalah tiga lebih besar dari empat? 384 00:20:30,270 --> 00:20:33,580 ‫Tidak, itu salah dan karenanya tidak aktif. 385 00:20:33,580 --> 00:20:36,350 ‫Dan itu akan menjadi bintang abu-abu, dan hal yang 386 00:20:36,350 --> 00:20:38,820 ‫sama untuk yang terakhir, jadi bintang kelima. 387 00:20:38,820 --> 00:20:42,683 ‫Baiklah, jadi mari kita uji itu. 388 00:20:43,720 --> 00:20:47,200 ‫Dan sebenarnya kami tidak dapat mengujinya di sini, karena 389 00:20:47,200 --> 00:20:49,480 ‫pejalan kaki hutan ini memiliki peringkat 390 00:20:49,480 --> 00:20:51,410 ‫lima dari lima yang 391 00:20:51,410 --> 00:20:53,900 ‫sempurna dan semua ulasan adalah lima bintang. 392 00:20:53,900 --> 00:20:57,390 ‫Jadi kita harus datang ke sini untuk semua tur. 393 00:20:57,390 --> 00:21:00,490 ‫Dan sementara tautan ini belum 394 00:21:00,490 --> 00:21:03,970 ‫benar-benar berfungsi, jadi Anda melihatnya hanya 395 00:21:03,970 --> 00:21:07,460 ‫mengedit seperti ini, hash ini di sini. 396 00:21:07,460 --> 00:21:08,677 ‫Jadi mari kita cepat-cepat melanjutkan dan memperbaikinya. 397 00:21:08,677 --> 00:21:12,270 ‫Dan itu ada di header, jadi di sini. 398 00:21:12,270 --> 00:21:15,830 ‫Tapi kami tidak menginginkan itu. 399 00:21:15,830 --> 00:21:17,200 ‫Kami hanya ingin pergi ke halaman root kami. 400 00:21:17,200 --> 00:21:20,330 ‫Jadi itu hanya garis miring. 401 00:21:20,330 --> 00:21:23,123 ‫Jadi isi ulang. 402 00:21:24,690 --> 00:21:25,963 ‫Dan sekarang di bawah 403 00:21:26,810 --> 00:21:29,340 ‫tautan itu Anda melihat bahwa itulah yang kami miliki. 404 00:21:29,340 --> 00:21:31,597 ‫Dan memang, kami kembali ke halaman ikhtisar kami. 405 00:21:31,597 --> 00:21:34,853 ‫Jadi mari kita pergi ke halaman dengan rata-rata yang lebih rendah. 406 00:21:35,800 --> 00:21:39,220 ‫Dan itulah pecinta olahraga. 407 00:21:39,220 --> 00:21:40,843 ‫Ayo lihat. 408 00:21:42,390 --> 00:21:43,463 ‫Dan tentu saja Anda 409 00:21:44,510 --> 00:21:46,790 ‫melihat bahwa semua data sekarang sudah benar untuk tur khusus ini. 410 00:21:46,790 --> 00:21:49,410 ‫Jadi sekali lagi Anda melihat ini 3. 9 rata-rata. 411 00:21:49,410 --> 00:21:52,190 ‫Anda melihat semua 412 00:21:52,190 --> 00:21:54,430 ‫pemandu wisata yang berbeda ini, gambar yang berbeda, 413 00:21:54,430 --> 00:21:55,823 ‫dan Anda melihat semua ulasan. 414 00:21:56,850 --> 00:21:59,110 ‫Dan Anda juga melihat bahwa bintang-bintang benar-benar bekerja. 415 00:21:59,110 --> 00:22:03,420 ‫Jadi ulasan pertama ini adalah ulasan bintang lima. 416 00:22:03,420 --> 00:22:05,660 ‫Jadi Anda melihat lima, empat, satu, 417 00:22:05,660 --> 00:22:08,053 ‫dan kemudian sekelompok ulasan bintang empat di sini. 418 00:22:09,570 --> 00:22:13,633 ‫Oke, jadi, ini sedikit lebih membingungkan, 419 00:22:15,290 --> 00:22:20,290 ‫bagian ini, tapi kami masih berhasil membuatnya bekerja, kan? 420 00:22:20,490 --> 00:22:24,740 ‫Sekarang satu hal yang ingin saya tunjukkan kepada Anda adalah bahwa kita 421 00:22:24,740 --> 00:22:27,030 ‫sebenarnya juga dapat mengekspor, pada 422 00:22:27,030 --> 00:22:29,420 ‫dasarnya sebuah mixin ke dalam file terpisah. 423 00:22:29,420 --> 00:22:32,490 ‫Jadi mari kita salin ini dan buat 424 00:22:32,490 --> 00:22:34,100 ‫mixin baru di 425 00:22:34,100 --> 00:22:36,600 ‫sini, atau sebenarnya file baru. 426 00:22:36,600 --> 00:22:37,973 ‫Dan karena kita kemudian akan 427 00:22:39,410 --> 00:22:41,760 ‫memasukkannya, saya akan kembali mengawali ini dengan garis bawah ini. 428 00:22:41,760 --> 00:22:44,343 ‫Dan sebut saja reviewCard. pesek 429 00:22:45,610 --> 00:22:49,423 ‫Kemudian tempel di sini. 430 00:22:50,720 --> 00:22:52,600 ‫Dan semua lekukan 431 00:22:52,600 --> 00:22:55,300 ‫masih benar, dan sekarang yang perlu 432 00:22:55,300 --> 00:22:57,923 ‫kita lakukan hanyalah mengatakan, sertakan 433 00:22:59,140 --> 00:22:59,973 ‫_reviewCard. 434 00:23:01,670 --> 00:23:02,670 ‫Jadi jika kita 435 00:23:03,850 --> 00:23:06,120 ‫mencobanya sekarang, itu seharusnya masih berfungsi, dan memang berhasil. 436 00:23:06,120 --> 00:23:09,123 ‫Baiklah. 437 00:23:11,090 --> 00:23:12,230 ‫Jadi kami menulis 438 00:23:12,230 --> 00:23:14,660 ‫banyak kode sejauh ini dan kami hampir selesai. 439 00:23:14,660 --> 00:23:16,090 ‫Yang tersisa untuk dilakukan adalah bagian ajakan bertindak ini. 440 00:23:16,090 --> 00:23:20,010 ‫Dan di sini yang benar-benar perlu kita ubah adalah 441 00:23:20,010 --> 00:23:22,360 ‫durasi ini di sini. 442 00:23:22,360 --> 00:23:24,340 ‫Jadi kami memiliki slogan yang bagus 443 00:23:24,340 --> 00:23:25,820 ‫seperti, 10 hari. 444 00:23:25,820 --> 00:23:26,653 ‫1 petualangan. 445 00:23:26,653 --> 00:23:27,520 ‫Kenangan yang tak terbatas. 446 00:23:27,520 --> 00:23:29,200 ‫Baiklah? 447 00:23:29,200 --> 00:23:30,240 ‫Tapi kami sebenarnya 448 00:23:30,240 --> 00:23:32,890 ‫perlu mengganti jumlah hari agar benar untuk tur khusus ini. 449 00:23:32,890 --> 00:23:35,563 ‫Jadi mari kita buat string template untuk itu. 450 00:23:36,870 --> 00:23:39,020 ‫Jadi tur. durasi. 451 00:23:45,840 --> 00:23:47,720 ‫Dan kemudian juga di sini kami memiliki beberapa gambar tur, oke? 452 00:23:47,720 --> 00:23:52,350 ‫Jadi mari kita lakukan itu juga. 453 00:23:52,350 --> 00:23:54,650 ‫Jadi itu gambar. tour, atau /tours 454 00:23:54,650 --> 00:23:59,470 ‫dan kemudian slash tour. gambar-gambar. 455 00:24:04,020 --> 00:24:05,200 ‫Dan ingat bahwa 456 00:24:05,200 --> 00:24:07,430 ‫ini adalah array, dan saya hanya akan menggunakan elemen pertama dan kedua. 457 00:24:07,430 --> 00:24:11,120 ‫Atau sebenarnya yang kedua dan ketiga karena saya menemukan bahwa 458 00:24:11,120 --> 00:24:13,010 ‫ini biasanya terlihat sedikit 459 00:24:13,010 --> 00:24:15,150 ‫lebih baik dalam situasi ini. 460 00:24:15,150 --> 00:24:17,223 ‫Jadi, mari 461 00:24:18,530 --> 00:24:20,980 ‫kita salin itu. 462 00:24:20,980 --> 00:24:23,103 ‫Letakkan itu di sini. 463 00:24:24,900 --> 00:24:25,833 ‫Oh dan kami kehilangan braket penutup di sini. 464 00:24:26,961 --> 00:24:30,480 ‫Dan mari kita tambahkan beberapa teks alternatif. 465 00:24:30,480 --> 00:24:32,530 ‫Gambar tur. 466 00:24:33,890 --> 00:24:34,973 ‫Baiklah. 467 00:24:36,540 --> 00:24:37,500 ‫Dan saya pikir itu sebenarnya. 468 00:24:37,500 --> 00:24:40,380 ‫Jadi hanya satu percobaan terakhir. 469 00:24:40,380 --> 00:24:42,243 ‫Anda lihat di sini kosong sekarang. 470 00:24:44,040 --> 00:24:46,203 ‫Tapi sekarang memang, kami memiliki gambar yang 471 00:24:47,200 --> 00:24:48,223 ‫sama di sini. 472 00:24:49,075 --> 00:24:51,690 ‫Jadi ini harus menjadi nomor dua. 473 00:24:51,690 --> 00:24:53,313 ‫Tapi tetap saja, 474 00:24:54,450 --> 00:24:57,960 ‫sekarang dikatakan 14 hari, dan semuanya benar sekarang. 475 00:24:57,960 --> 00:25:00,470 ‫Luar biasa. 476 00:25:00,470 --> 00:25:01,530 ‫Itu luar biasa. 477 00:25:01,530 --> 00:25:03,010 ‫Itu banyak pekerjaan, 478 00:25:03,010 --> 00:25:04,920 ‫tapi saya pikir itu benar-benar terbayar. 479 00:25:04,920 --> 00:25:06,610 ‫Halaman ini, menurut saya terlihat sangat fantastis. 480 00:25:06,610 --> 00:25:10,530 ‫Ini benar-benar menakjubkan. 481 00:25:10,530 --> 00:25:12,200 ‫Dan sekarang semuanya terhubung. 482 00:25:12,200 --> 00:25:14,050 ‫Jadi pada setiap tur kita 483 00:25:14,050 --> 00:25:17,260 ‫dapat kembali ke semua tur dan melihat semua tur lainnya. 484 00:25:17,260 --> 00:25:20,100 ‫Mari kita lihat kemping taman. 485 00:25:20,100 --> 00:25:21,960 ‫Tur kemping taman. 486 00:25:21,960 --> 00:25:23,500 ‫Semua detail. 487 00:25:23,500 --> 00:25:24,540 ‫Semua panduan yang berbeda, 488 00:25:24,540 --> 00:25:26,593 ‫gambar, ulasan mereka, dan memang gambar yang berbeda ini. 489 00:25:27,620 --> 00:25:32,173 ‫Besar. 490 00:25:33,400 --> 00:25:34,233 ‫Jadi Anda melihat lubang kosong ini di tengah halaman kami. 491 00:25:34,233 --> 00:25:38,230 ‫Dan di situlah peta selanjutnya, dan mari 492 00:25:38,230 --> 00:25:40,630 ‫kita lakukan itu, 493 00:25:40,630 --> 00:25:43,500 ‫sekarang juga di kuliah berikutnya.