1 00:00:01,070 --> 00:00:02,870 ‫Instruktur: Jadi dalam video 2 00:00:02,870 --> 00:00:07,100 ‫ini, kita akan menggunakan kekuatan Pug untuk membuat template email yang sangat 3 00:00:07,100 --> 00:00:10,893 ‫bagus dan kemudian mengirim email selamat datang berdasarkan template itu. 4 00:00:12,680 --> 00:00:16,710 ‫Dan template itu diterima. pesek di sini. 5 00:00:16,710 --> 00:00:21,410 ‫Oke, sekarang sama seperti sebelumnya, saya sudah memiliki template di 6 00:00:21,410 --> 00:00:23,973 ‫sini di template dev-data. 7 00:00:25,050 --> 00:00:29,240 ‫Jadi template email dan semua kode ini 8 00:00:29,240 --> 00:00:32,990 ‫di sini dengan CSS juga berjajar. 9 00:00:32,990 --> 00:00:34,403 ‫Jadi satu ton CSS. 10 00:00:36,140 --> 00:00:40,563 ‫Jadi mari kita salin semua itu di sini ke selamat datang. pesek 11 00:00:41,570 --> 00:00:45,200 ‫Oke, dan di sini di bagian bawah, Anda akan melihat catatan 12 00:00:45,200 --> 00:00:48,850 ‫di mana saya mengatakan bahwa itu benar-benar mengadaptasi template email ini 13 00:00:48,850 --> 00:00:50,053 ‫dari yang ini. 14 00:00:51,780 --> 00:00:53,483 ‫Jadi mari kita buka itu dengan sangat cepat. 15 00:00:54,511 --> 00:00:55,344 ‫Baiklah. 16 00:00:55,344 --> 00:00:58,813 ‫Jadi email kita akan terlihat seperti ini. 17 00:00:59,990 --> 00:01:03,590 ‫Sekarang, tentu saja, saya sedikit menyesuaikan desain dengan merek kami. 18 00:01:03,590 --> 00:01:05,430 ‫Jadi untuk tombol ini di 19 00:01:05,430 --> 00:01:07,783 ‫sini, saya menggunakan warna hijau kami, misalnya. 20 00:01:09,848 --> 00:01:13,600 ‫Tapi jenis yang saya gunakan adalah template HTML ini. 21 00:01:16,210 --> 00:01:20,820 ‫Kemudian saya benar-benar mengonversi HTML itu menggunakan alat ini. 22 00:01:20,820 --> 00:01:22,763 ‫Jadi HTML ke Pug. 23 00:01:23,640 --> 00:01:25,950 ‫Jadi sekali lagi, mari kita lihat sekilas. 24 00:01:25,950 --> 00:01:28,260 ‫Jadi pada dasarnya apa yang 25 00:01:28,260 --> 00:01:31,030 ‫memungkinkan Anda lakukan adalah menempelkan beberapa HTML di 26 00:01:31,030 --> 00:01:35,660 ‫sini lalu klik Konversi dan itu akan menampilkan kode Pug untuk Anda. 27 00:01:35,660 --> 00:01:38,170 ‫Jadi itu bisa sangat berguna ketika Anda 28 00:01:38,170 --> 00:01:42,263 ‫mencoba mengonversi beberapa halaman yang ada yang sudah Anda miliki menjadi HTML ke Pug. 29 00:01:45,010 --> 00:01:47,810 ‫Bagaimanapun, ketika kita sedang membuat email HTML, 30 00:01:47,810 --> 00:01:50,350 ‫kita harus selalu menyejajarkan semua gaya. 31 00:01:50,350 --> 00:01:53,290 ‫Dan itulah mengapa Anda memiliki banyak CSS di 32 00:01:53,290 --> 00:01:55,240 ‫sini di dalam file ini. 33 00:01:55,240 --> 00:01:58,000 ‫Tapi, tentu saja, ini membuat file ini sedikit 34 00:01:58,000 --> 00:02:01,213 ‫bising dan jadi mari kita ambil semua itu dan mengekspornya. 35 00:02:02,350 --> 00:02:04,810 ‫Baiklah, jadi, ya. 36 00:02:04,810 --> 00:02:05,703 ‫Jadi itu saja. 37 00:02:06,610 --> 00:02:07,443 ‫Jadi potong, 38 00:02:08,380 --> 00:02:10,720 ‫dan di sini buat file baru, 39 00:02:10,720 --> 00:02:14,520 ‫lalu, seperti sebelumnya, dengan file yang akan saya sertakan, saya menggunakan 40 00:02:14,520 --> 00:02:17,827 ‫garis bawah lalu gaya. pesek 41 00:02:20,980 --> 00:02:22,710 ‫Jadi tempel itu di sini. 42 00:02:22,710 --> 00:02:26,450 ‫Dan sekarang kita juga perlu menyesuaikan semua pengaturan ini di 43 00:02:26,450 --> 00:02:29,210 ‫sini dan lagi, Command + Shift + 44 00:02:29,210 --> 00:02:32,820 ‫P atau mungkin di Windows, Ctrl + Shift + P. 45 00:02:32,820 --> 00:02:35,823 ‫Dan kemudian tulis saja pug untuk mempercantik pug. 46 00:02:36,890 --> 00:02:39,053 ‫Dan itu membuat kode kita bagus. 47 00:02:40,090 --> 00:02:41,623 ‫Tutup yang itu di sini, 48 00:02:42,770 --> 00:02:43,973 ‫dan sekarang include_style. 49 00:02:49,060 --> 00:02:52,730 ‫Oke, dan sekarang Anda melihat semua kode ini di sini, 50 00:02:52,730 --> 00:02:55,750 ‫yang terlihat sangat membingungkan dan itulah alasan mengapa 51 00:02:55,750 --> 00:02:59,400 ‫saya menyalin template ini dari repo GitHub yang saya 52 00:02:59,400 --> 00:03:00,680 ‫tunjukkan sebelumnya. 53 00:03:00,680 --> 00:03:03,160 ‫Jadi ada banyak tabel yang dibuat 54 00:03:03,160 --> 00:03:05,080 ‫dan itu karena banyak 55 00:03:05,080 --> 00:03:08,410 ‫klien email sebenarnya hanya memahami tabel untuk pemformatan. 56 00:03:08,410 --> 00:03:11,800 ‫Jadi kami memiliki semua hal ini di sini yang tidak 57 00:03:11,800 --> 00:03:15,350 ‫terlalu berarti dengan baris tabel di dalam tabel di dalam tabel. 58 00:03:15,350 --> 00:03:16,600 ‫Apakah saya benar? 59 00:03:16,600 --> 00:03:20,720 ‫Tapi yang penting di sini adalah area konten ini di sini. 60 00:03:20,720 --> 00:03:22,440 ‫Dan ini adalah bagian 61 00:03:22,440 --> 00:03:25,340 ‫dari template dimana kita akan meletakkan semua konten kita. 62 00:03:25,340 --> 00:03:27,370 ‫Sekarang, masalahnya adalah kita, tentu saja, akan 63 00:03:27,370 --> 00:03:29,370 ‫memiliki banyak template yang berbeda. 64 00:03:29,370 --> 00:03:30,600 ‫Dalam kasus proyek 65 00:03:30,600 --> 00:03:32,930 ‫ini, kami sebenarnya hanya akan membuat 66 00:03:32,930 --> 00:03:36,410 ‫dua sendiri tetapi mungkin ada banyak email untuk banyak situasi 67 00:03:36,410 --> 00:03:39,610 ‫dan, tentu saja, kami memerlukan cara untuk menggunakan kembali 68 00:03:39,610 --> 00:03:42,840 ‫semua kode ini yang berada di luar konten ini. 69 00:03:42,840 --> 00:03:46,200 ‫Jadi, pada dasarnya, semua ini di sini harus dapat digunakan kembali, 70 00:03:46,200 --> 00:03:49,050 ‫dan sebenarnya, itulah yang kami lakukan sebelumnya dengan 71 00:03:49,050 --> 00:03:50,853 ‫template dasar kami di sini. 72 00:03:52,352 --> 00:03:53,185 ‫Baiklah. 73 00:03:53,185 --> 00:03:56,450 ‫Jadi kami meletakkan semua yang dapat digunakan kembali untuk 74 00:03:56,450 --> 00:04:00,540 ‫semua templat di dalam basis ini, lalu kami memiliki blok kami di 75 00:04:00,540 --> 00:04:02,150 ‫sana dan semua templat 76 00:04:02,150 --> 00:04:04,200 ‫lainnya, lalu cukup perpanjang blok ini. 77 00:04:04,200 --> 00:04:07,280 ‫Dan itulah yang akan kita lakukan sekarang. 78 00:04:07,280 --> 00:04:12,240 ‫Jadi mari kita lanjutkan dan potong semua ini dari sini, 79 00:04:12,240 --> 00:04:15,517 ‫buat template baru bernama baseEmail, lalu letakkan 80 00:04:20,400 --> 00:04:21,623 ‫di sini. 81 00:04:23,530 --> 00:04:27,550 ‫Dan sekarang, untuk konten itu sendiri, tentu saja, 82 00:04:27,550 --> 00:04:30,100 ‫kami menghapusnya dari dasarnya. 83 00:04:30,100 --> 00:04:31,773 ‫Jadi potong yang itu dari sini, 84 00:04:32,760 --> 00:04:34,550 ‫dan di sini mari kita buat blok 85 00:04:35,920 --> 00:04:37,423 ‫yang disebut konten, lagi. 86 00:04:39,101 --> 00:04:39,934 ‫Baiklah. 87 00:04:39,934 --> 00:04:43,900 ‫Dan sekarang di sini, di template selamat datang kami, kami kemudian 88 00:04:43,900 --> 00:04:45,600 ‫menempatkan konten itu di dalam 89 00:04:48,260 --> 00:04:49,883 ‫blok konten itu. 90 00:04:50,880 --> 00:04:51,870 ‫Oke. 91 00:04:51,870 --> 00:04:54,750 ‫Dan sekarang hanya untuk menyelesaikan, kita kemudian perlu 92 00:04:54,750 --> 00:04:57,190 ‫mengatakan bahwa itu meluas, sehingga template 93 00:04:58,070 --> 00:05:00,187 ‫ini di sini memperluas baseEmail. 94 00:05:04,160 --> 00:05:08,470 ‫Mari kita format lagi dengan perintah ini 95 00:05:08,470 --> 00:05:10,670 ‫dan itu bagus. 96 00:05:10,670 --> 00:05:11,503 ‫Besar. 97 00:05:12,450 --> 00:05:14,830 ‫Sekarang, di sini, di template 98 00:05:14,830 --> 00:05:18,620 ‫dasar kami, kami sebenarnya memiliki subjek sebagai judul. 99 00:05:18,620 --> 00:05:20,780 ‫Dan itulah alasan mengapa 100 00:05:20,780 --> 00:05:23,023 ‫saya memasukkannya ke dalam template. 101 00:05:23,920 --> 00:05:27,030 ‫Jadi itu di sini, ingat? 102 00:05:27,030 --> 00:05:29,829 ‫Jadi ke dalam template, kami melewati 103 00:05:29,829 --> 00:05:32,140 ‫subjek, URL dan firstName. 104 00:05:32,140 --> 00:05:35,980 ‫Jadi sekarang mari kita lanjutkan dan gunakan ini di template kita. 105 00:05:35,980 --> 00:05:39,470 ‫Jadi subjek yang sudah kita gunakan di sini di dasar 106 00:05:39,470 --> 00:05:42,120 ‫tapi itu sebenarnya untuk file ini jadi 107 00:05:42,120 --> 00:05:44,363 ‫kita tidak akan menyentuhnya lagi. 108 00:05:45,230 --> 00:05:48,540 ‫Dan sekarang inilah template kita yang sebenarnya. 109 00:05:48,540 --> 00:05:53,540 ‫Jadi kita memiliki nama di sini dan mari kita ganti 110 00:05:53,670 --> 00:05:55,893 ‫dengan variabel nama depan. 111 00:05:59,210 --> 00:06:03,840 ‫Jadi firstName di sini, maka kita memiliki semua teks bagus ini di sini. 112 00:06:03,840 --> 00:06:07,550 ‫Jadi, selamat datang di keluarga, semua itu. 113 00:06:07,550 --> 00:06:10,150 ‫Dan kemudian di bawah sini kami memiliki 114 00:06:10,150 --> 00:06:13,370 ‫tombol hijau yang saya bicarakan ketika saya menunjukkan template 115 00:06:13,370 --> 00:06:17,220 ‫di GitHub dan seterusnya tombol itu, kami katakan unggah foto pengguna. 116 00:06:17,220 --> 00:06:22,043 ‫Jadi di sini kita perlu menentukan URL yang kita lewati. 117 00:06:27,760 --> 00:06:31,380 ‫Baiklah, jadi itu disebut URL, kan. 118 00:06:31,380 --> 00:06:35,290 ‫Jadi, sekarang kita letakkan itu di tombol ini di sini 119 00:06:35,290 --> 00:06:36,720 ‫dan itu saja. 120 00:06:36,720 --> 00:06:39,440 ‫Selebihnya di sini hanyalah konten 121 00:06:39,440 --> 00:06:43,130 ‫statis yang tidak perlu kita ubah sama sekali, oke? 122 00:06:43,130 --> 00:06:47,470 ‫Jadi template selamat datang di sini sekarang akan digunakan setiap 123 00:06:47,470 --> 00:06:49,790 ‫kali kita memanggil sendWelcome. 124 00:06:49,790 --> 00:06:53,130 ‫Jadi sekarang mari kita benar-benar maju dan melakukan itu. 125 00:06:53,130 --> 00:06:57,190 ‫Jadi dari mana kita ingin mengirim email selamat datang? 126 00:06:57,190 --> 00:07:00,540 ‫Nah, itu ada di authController dan, saya yakin 127 00:07:00,540 --> 00:07:03,800 ‫ada fungsi sign up atau register atau 128 00:07:03,800 --> 00:07:05,663 ‫semacamnya, dan itu ada 129 00:07:07,140 --> 00:07:08,430 ‫di sini. 130 00:07:08,430 --> 00:07:10,240 ‫Jadi ini mendaftar. 131 00:07:10,240 --> 00:07:13,130 ‫Dan dalam hal ini, kita perlu mengimpor email dan 132 00:07:13,130 --> 00:07:14,093 ‫kemudian menggunakannya. 133 00:07:15,000 --> 00:07:18,760 ‫Dan sebenarnya kita sudah punya sendEmail, tapi sekarang 134 00:07:18,760 --> 00:07:21,990 ‫ingat yang namanya Email, jadi dengan huruf 135 00:07:21,990 --> 00:07:24,533 ‫besar E seperti ini. 136 00:07:26,400 --> 00:07:29,980 ‫Sekarang kita menggunakan variabel itu sebelumnya di suatu tempat di bawah sini, jadi mari kita 137 00:07:29,980 --> 00:07:30,973 ‫pergi ke sana. 138 00:07:33,438 --> 00:07:35,750 ‫Baiklah, jadi kode ini di sini 139 00:07:35,750 --> 00:07:39,520 ‫saat ini tidak lagi berfungsi tetapi kami akan memperbaikinya di video berikutnya. 140 00:07:39,520 --> 00:07:41,440 ‫Jadi untuk saat ini, mari kita 141 00:07:44,030 --> 00:07:45,983 ‫berkomentar saja agar tidak merusak apa pun. 142 00:07:48,409 --> 00:07:51,960 ‫Tapi bagaimanapun, sekarang mari kita gunakan kelas email ini di sini. 143 00:07:59,060 --> 00:08:04,060 ‫Jadi Email baru, dan kemudian ingat yang pertama adalah pengguna dan sebenarnya kode VS 144 00:08:05,260 --> 00:08:08,700 ‫tahu itu dan menunjukkan bahwa di sini dan 145 00:08:08,700 --> 00:08:12,890 ‫di sana pengguna adalah Pengguna baru yang kita miliki di sini 146 00:08:15,810 --> 00:08:19,803 ‫dan kemudian URL yang akan kita buat di sini dalam sedetik. 147 00:08:22,150 --> 00:08:27,150 ‫Jadi const url sama, mari kita masukkan ke nol, untuk saat ini. 148 00:08:30,315 --> 00:08:32,565 ‫Oke, lalu kirimSelamat datang. 149 00:08:36,230 --> 00:08:39,050 ‫Dan sekarang yang perlu kita lakukan hanyalah 150 00:08:39,050 --> 00:08:40,783 ‫menunggu fungsi sendWelcome ini. 151 00:08:42,860 --> 00:08:45,980 ‫Baiklah, jadi kami melakukan itu, bahwa kami 152 00:08:45,980 --> 00:08:49,923 ‫hanya melanjutkan di sini ke langkah berikutnya setelah email benar-benar terkirim. 153 00:08:50,880 --> 00:08:52,910 ‫Dan kita bisa melakukannya, 154 00:08:52,910 --> 00:08:57,233 ‫tentu saja, karena sendWelcome adalah fungsi async, ingat itu. 155 00:08:58,100 --> 00:08:59,750 ‫Jadi ketika kita benar-benar 156 00:08:59,750 --> 00:09:02,163 ‫menggunakannya, kita kemudian menunggu sampai selesai. 157 00:09:03,580 --> 00:09:05,960 ‫Baiklah, jadi hanya ini yang perlu 158 00:09:05,960 --> 00:09:08,170 ‫kita lakukan untuk mengirim email 159 00:09:08,170 --> 00:09:12,270 ‫sekarang, tetapi kita masih perlu menentukan URL kita di sini. 160 00:09:12,270 --> 00:09:15,110 ‫Sekarang, URL apa yang sebenarnya kita inginkan di sini? 161 00:09:15,110 --> 00:09:17,200 ‫Nah, ingat bahwa 162 00:09:17,200 --> 00:09:20,910 ‫di sini pada tombol itu tertulis Upload_user_photo, kan? 163 00:09:20,910 --> 00:09:22,540 ‫Jadi pada dasarnya, kami 164 00:09:22,540 --> 00:09:24,603 ‫ingin menunjuk ke halaman akun pengguna itu. 165 00:09:25,600 --> 00:09:29,600 ‫Jadi, pada dasarnya, di sini. 166 00:09:29,600 --> 00:09:33,833 ‫Jadi untuk saat ini, mari kita salin, tetapi kemudian kita akan mengubahnya. 167 00:09:35,630 --> 00:09:37,100 ‫Dan kita bisa membiarkannya 168 00:09:37,100 --> 00:09:39,640 ‫seperti ini tetapi kemudian itu hanya akan 169 00:09:39,640 --> 00:09:42,510 ‫berfungsi dalam pengembangan dan bukan produksi, karena, tentu 170 00:09:42,510 --> 00:09:45,720 ‫saja, ini di sini tidak ada saat kita dalam produksi. 171 00:09:45,720 --> 00:09:49,140 ‫Jadi alih-alih pada dasarnya mengkodekan keras seperti ini, kami akan 172 00:09:49,140 --> 00:09:51,373 ‫mendapatkan data ini dari permintaan. 173 00:09:53,050 --> 00:09:56,830 ‫Jadi pada dasarnya, kita akan mendapatkan protokol apa yang 174 00:09:56,830 --> 00:10:01,830 ‫kita gunakan, jika kita menggunakan HTTP atau HTTPS, dan juga host ini. 175 00:10:03,440 --> 00:10:06,920 ‫Oke, dan keduanya bisa kita dapatkan dari request. 176 00:10:06,920 --> 00:10:09,350 ‫Jadi mari kita ganti semua ini di sini 177 00:10:11,237 --> 00:10:12,830 ‫dan jadikan ini string 178 00:10:14,310 --> 00:10:18,590 ‫template dan kemudian kita bisa mengatakan request. protokol kemudian titik dua, 179 00:10:22,000 --> 00:10:24,193 ‫garis miring, garis miring, 180 00:10:26,850 --> 00:10:30,580 ‫dan kemudian permintaan. Dapatkan. 181 00:10:30,580 --> 00:10:32,710 ‫Jadi kita perlu menggunakan fungsi 182 00:10:32,710 --> 00:10:35,653 ‫getter ini dan yang ingin kita dapatkan adalah hostnya. 183 00:10:36,710 --> 00:10:38,670 ‫Jadi ketika kita dalam 184 00:10:38,670 --> 00:10:41,750 ‫pengembangan, tentu saja, ini akan menjadi host lokal 185 00:10:41,750 --> 00:10:43,263 ‫di port 3000. 186 00:10:46,160 --> 00:10:47,790 ‫Oke jadi mari kita menghiburnya 187 00:10:51,700 --> 00:10:52,703 ‫hanya untuk memastikan. 188 00:10:54,020 --> 00:10:57,460 ‫Oke, dan sekarang, mari kita benar-benar mengujinya. 189 00:10:57,460 --> 00:11:00,723 ‫Dan yang perlu kita lakukan untuk itu hanyalah membuat pengguna baru. 190 00:11:02,170 --> 00:11:04,543 ‫Jadi mari kita lakukan itu di sini di Postman. 191 00:11:06,550 --> 00:11:07,943 ‫Jadi Daftar, dan sekarang 192 00:11:09,980 --> 00:11:13,860 ‫di Tubuh kita, mari kita buat nama baru, katakanlah 193 00:11:13,860 --> 00:11:15,223 ‫Pengguna Uji. 194 00:11:17,700 --> 00:11:20,280 ‫Dan di sini, semua ini tidak terlalu penting, jadi 195 00:11:20,280 --> 00:11:22,767 ‫katakan saja test@natours. io dan dengan 196 00:11:26,310 --> 00:11:28,110 ‫kata sandi standar yang sama. 197 00:11:28,990 --> 00:11:31,600 ‫Jadi sekarang ketika kita membuat pengguna baru ini, 198 00:11:31,600 --> 00:11:34,850 ‫maka kita harus memasukkan email baru ke dalam Mailtrap kita, 199 00:11:34,850 --> 00:11:36,513 ‫sehingga kita bisa melihatnya. 200 00:11:37,470 --> 00:11:41,583 ‫Jadi mari kita coba itu dan kami mendapat beberapa kesalahan yang bagus di sini. 201 00:11:42,420 --> 00:11:44,560 ‫Jadi mari kita lihat itu. 202 00:11:44,560 --> 00:11:48,200 ‫Dan dikatakan tidak dapat menemukan file ini. 203 00:11:48,200 --> 00:11:52,373 ‫Jadi ada beberapa kesalahan dalam penangan email kami di sini. 204 00:11:53,460 --> 00:11:56,353 ‫Jadi mari kita coba mencari di mana itu. 205 00:11:57,794 --> 00:11:59,003 ‫Ah, di bawah sini. 206 00:11:59,910 --> 00:12:02,160 ‫Jadi masalahnya adalah folder di sini 207 00:12:02,160 --> 00:12:05,113 ‫bernama email dan di sini saya menyebutnya email. 208 00:12:07,130 --> 00:12:09,340 ‫Jadi anggap saja email, saya lebih 209 00:12:09,340 --> 00:12:10,850 ‫suka yang itu. 210 00:12:10,850 --> 00:12:12,263 ‫Dan sekarang seharusnya berhasil. 211 00:12:13,480 --> 00:12:15,400 ‫Oh, dan sekarang kita mendapatkan 212 00:12:15,400 --> 00:12:18,160 ‫kesalahan berikutnya, karena email ini di sini sudah ada. 213 00:12:18,160 --> 00:12:20,210 ‫Dan itu karena pada langkah 214 00:12:20,210 --> 00:12:22,900 ‫sebelumnya, kami benar-benar membuat kesalahan, satu-satunya masalah 215 00:12:22,900 --> 00:12:24,740 ‫adalah pengiriman email. 216 00:12:24,740 --> 00:12:27,303 ‫Jadi mari kita lakukan itu lagi di sini, uji dua. 217 00:12:30,100 --> 00:12:31,500 ‫Dan satu kesalahan lagi. 218 00:12:31,500 --> 00:12:35,220 ‫Kali ini datang langsung dari Pug. 219 00:12:35,220 --> 00:12:39,320 ‫Jadi, hanya blok dan mixin bernama yang dapat muncul di tingkat atas 220 00:12:39,320 --> 00:12:40,763 ‫templat yang diperluas. 221 00:12:42,440 --> 00:12:44,203 ‫Dan ada sesuatu yang 222 00:12:45,170 --> 00:12:47,490 ‫salah di sini, dan memang begitu. 223 00:12:47,490 --> 00:12:49,573 ‫Jadi itu sebenarnya kesalahan 224 00:12:49,573 --> 00:12:53,630 ‫yang dikatakan kepada kami bahwa kami hanya dapat memperpanjang dan 225 00:12:53,630 --> 00:12:56,020 ‫memblokir tetapi di sini kami memiliki 226 00:12:56,020 --> 00:12:58,540 ‫paragraf ini juga di tingkat atas. 227 00:12:58,540 --> 00:12:59,920 ‫Jadi itu tidak diperbolehkan. 228 00:12:59,920 --> 00:13:03,503 ‫Jadi mari kita letakkan di tempatnya, yang ada di sini. 229 00:13:05,300 --> 00:13:09,020 ‫Simpan itu, coba sekali lagi, dan tentu saja sekarang 230 00:13:09,020 --> 00:13:11,300 ‫kita mendapatkan kesalahan ini. 231 00:13:11,300 --> 00:13:12,873 ‫Jadi katakanlah tes tiga. 232 00:13:18,011 --> 00:13:20,310 ‫Oke, sekarang kita baik untuk pergi. 233 00:13:20,310 --> 00:13:22,670 ‫Jadi kita berhasil membuat user baru, 234 00:13:22,670 --> 00:13:23,980 ‫dia sudah login. 235 00:13:23,980 --> 00:13:26,480 ‫Dan sekarang mari kita lihat Mailtrap untuk melihat 236 00:13:26,480 --> 00:13:28,823 ‫apakah kita benar-benar mendapatkan email kita. 237 00:13:30,460 --> 00:13:31,473 ‫Jadi Mailtrap. 238 00:13:34,310 --> 00:13:35,963 ‫Biarkan saya masuk di sini dengan sangat cepat. 239 00:13:37,320 --> 00:13:40,030 ‫Dan inilah kotak masuk Natours kami, 240 00:13:40,030 --> 00:13:43,450 ‫dan memang, inilah email baru dari beberapa menit yang 241 00:13:43,450 --> 00:13:46,300 ‫lalu yang mengatakan selamat datang di keluarga Natours. 242 00:13:46,300 --> 00:13:47,170 ‫Besar. 243 00:13:47,170 --> 00:13:50,560 ‫Dan itu benar-benar terlihat sangat bagus, bukan? 244 00:13:50,560 --> 00:13:53,630 ‫Jadi itu semua teks yang kami miliki di template kami. 245 00:13:53,630 --> 00:13:56,313 ‫Kita juga bisa melihat HTML lengkapnya di sini. 246 00:13:59,160 --> 00:14:01,330 ‫Juga di sini kita memiliki teks. 247 00:14:01,330 --> 00:14:03,940 ‫Dan ingatlah bahwa kami membuat yang ini di 248 00:14:03,940 --> 00:14:06,130 ‫sini dari paket HTML ke teks 249 00:14:06,130 --> 00:14:09,443 ‫dan kami dapat mengonfirmasi bahwa itu berfungsi dengan baik juga. 250 00:14:10,330 --> 00:14:12,850 ‫Dan, eh, ya. 251 00:14:12,850 --> 00:14:15,333 ‫Coba saja klik di sini pada 252 00:14:16,590 --> 00:14:20,450 ‫tombol ini, dan memang itu membawa kita ke halaman akun kita. 253 00:14:20,450 --> 00:14:23,740 ‫Sekarang, saat ini kami sebenarnya masuk sebagai Aarav 254 00:14:23,740 --> 00:14:27,010 ‫karena kami sudah masuk sebagai pengguna itu tetapi 255 00:14:27,010 --> 00:14:28,680 ‫bukan itu intinya 256 00:14:28,680 --> 00:14:31,200 ‫karena email ini di sini 257 00:14:31,200 --> 00:14:34,560 ‫agaknya mengandaikan Anda mendaftar dari situs web, bukan? 258 00:14:34,560 --> 00:14:36,420 ‫Sekarang, itu tidak berfungsi pada saat 259 00:14:36,420 --> 00:14:39,510 ‫ini, jadi kami tidak memiliki formulir pendaftaran di situs 260 00:14:39,510 --> 00:14:41,850 ‫web kami tetapi bagian yang sangat penting 261 00:14:41,850 --> 00:14:45,980 ‫di sini adalah bahwa email kami di sini sekarang berfungsi dengan baik, tombol 262 00:14:45,980 --> 00:14:47,800 ‫di sini juga berfungsi. 263 00:14:47,800 --> 00:14:49,620 ‫Dan penangan email besar yang 264 00:14:49,620 --> 00:14:52,710 ‫kami buat di kuliah terakhir melakukan tugasnya seperti 265 00:14:52,710 --> 00:14:54,860 ‫halnya template email yang kami buat 266 00:14:54,860 --> 00:14:56,660 ‫di video ini. 267 00:14:56,660 --> 00:14:59,090 ‫Jadi, saya sangat senang dengan hasil ini. 268 00:14:59,090 --> 00:15:01,300 ‫Selanjutnya, mari kita lakukan hal serupa untuk 269 00:15:01,300 --> 00:15:03,223 ‫email pengaturan ulang kata sandi.