‫Instruktur: Dan sebelum
‫memulai, mari kita lakukan rekap cepat rendering sisi
‫server dan sisi klien.
‫Dan juga, saya ingin menunjukkan kepada Anda dalam video
‫ini situs web yang dirender di sisi server yang akan kita bangun
‫selama beberapa jam ke depan.
‫Jadi, ingat bagaimana dalam rendering sisi klien,
‫pembangunan situs web yang
‫sebenarnya terjadi di sisi klien.
‫Dan untuk itu, kita membutuhkan sumber
‫data, yang biasanya berupa API
‫yang mengirimkan data ke klien sesuai permintaan.
‫Jadi, itulah yang telah kami bangun hingga
‫saat ini dalam kursus ini.
‫Tapi sekarang setelah Anda menguasai
‫bagian itu, saatnya untuk beralih ke rendering sisi
‫server dan benar-benar membangun situs web di server.
‫Dan aspek utama dari rendering sisi server
‫adalah membangun HTML yang
‫sebenarnya, pada dasarnya karena di sanalah semua data kita akan disimpan.
‫Dan untuk melakukan itu, kami menggunakan
‫templat, yang memiliki tempat
‫penampung di mana kami kemudian akan menyuntikkan data kami seperlunya.
‫Jadi, setiap kali ada permintaan,
‫katakanlah untuk beranda,
‫kami kemudian mendapatkan data yang diperlukan dari
‫database, menyuntikkannya ke dalam template,
‫yang kemudian akan menampilkan HTML,
‫dan akhirnya mengirim HTML itu,
‫bersama dengan CSS dan JavaScript
‫dan file gambar , kembali ke klien.
‫Cukup langsung, bukan?
‫Sekarang, kita masih bisa menggunakan API untuk
‫beberapa hal di front
‫end, dan sebenarnya, kita juga akan melakukannya.
‫Oke, bagaimanapun, izinkan saya menunjukkan kepada Anda apa yang
‫sebenarnya akan kita bangun di bagian ini.
‫Jadi, ini adalah situs web Natours yang telah dirender terakhir, dan
‫sebenarnya ada di www. alam. dev, dan jika Anda
‫mau, langsung saja
‫buka
‫halaman ini di browser Anda
‫sekarang, dan lihatlah.
‫Anda harus menentukan W-W-W ini, oke?
‫Jika tidak, itu tidak akan berhasil.
‫Bagaimanapun, di sini Anda melihat semua tur
‫yang telah kami
‫kerjakan saat kami membangun API
‫kami, dan semua data di sini benar-benar sama persis.
‫Jadi, kesembilan tur kami ada di sini,
‫kan,
‫dan sekali lagi, inilah
‫yang akan kami bangun di bagian ini.
‫Mari kita lihat salah satu halaman detailnya di sini.
‫Jadi, Park Camper,
‫dan memang, Anda memiliki peringkat rata-rata.
‫Anda memiliki semua pemandu wisata.
‫Anda memiliki beberapa gambar.
‫Anda memiliki semua lokasi dan ditampilkan di peta, sebenarnya.
‫Dan Anda juga memiliki ulasan.
‫Dan ini, sekali lagi, adalah
‫ulasan nyata yang datang dari pengguna nyata di database.
‫Jadi, jika Anda ingin melihat tur ini
‫di Postman, katakanlah,
‫jadi mari dapatkan semua tur di sini
‫terlebih dahulu hanya untuk mendapatkan ID Park Camper.
‫Jadi, Penjelajah Laut,
‫Pengembara Kota,
‫jadi di mana itu?
‫Ah, ini Park Camper.
‫Jadi, jika kita mendapatkan tur ini sekarang,
‫maka Anda akan melihat bahwa,
‫misalnya, pemandu wisata adalah orang yang sama persis.
‫Jadi, ada Aarav, Ben, dan
‫Kate, dan memang, mereka adalah orang-orang yang sebenarnya
‫adalah pemandu wisata.
‫Jadi,
‫ketiganya, dan sekali lagi,
‫ulasannya juga dari Ayla, Laura, Isabel, dan Alexander,
‫ditambah yang lain di sana juga.
‫Jadi, jika kita melihat ulasan di
‫sini, maka memang,
‫mereka berasal dari Ayla dan Laura dan Isabel dan...
‫Ya, jadi sungguh, Anda melihat bahwa data
‫ini benar-benar data yang
‫mendasari dari mana situs web ini dihasilkan secara dinamis, oke?
‫Kemudian, kita juga bisa masuk, dan
‫salah satu pengguna yang
‫kita miliki di database akan bekerja untuk itu.
‫Jadi, jika kita melihat salah satu pengguna kita, jadi,
‫misalnya, mari kita gunakan Steve di sini,
‫yang sebenarnya adalah pemandu wisata.
‫Jadi, kita ambil
‫contoh,
‫gunakan email, dan kata
‫sandinya, seperti biasa, test1234.
‫Oke, jadi kami masuk, dan ini
‫sebenarnya terjadi di balik layar
‫menggunakan API kami.
‫Oke, dan sekarang, di sini kita memiliki Steve.
‫Kita bahkan bisa membuka akunnya.
‫Kami kemudian dapat mengubah kata sandi,
‫dan itu, sekali lagi, akan
‫terjadi di balik layar menggunakan titik akhir API persis
‫yang kami buat untuk pengguna yang mengubah kata sandinya.
‫Anda kemudian juga dapat memeriksa
‫pemesanan pengguna tertentu ini, yang dalam
‫hal ini, tidak boleh
‫ada karena dia adalah pemandu wisata.
‫Jadi, Anda lihat di sini kosong,
‫tapi bagaimanapun juga...
‫Ya, itulah yang ingin
‫saya tunjukkan kepada Anda karena inilah yang
‫akan kita lakukan sepanjang sisa bagian ini.
‫Jadi, saya harap Anda bersemangat tentang
‫itu, seperti saya,
‫dan sekarang mari kita mulai.