‫Narator: Jadi setelah kuliah teori yang berat, sekarang
‫mari kita lihat http beraksi dan
‫lakukan beberapa permintaan dan
‫lihat tanggapan yang kita dapatkan dengan menggunakan alat pengembang browser kita.
‫Jadi saya menggunakan Google Chrome sebagai browser saya, dan saya
‫di sini di udemy. com.
‫Jadi, pergi saja ke udemy. com, lalu
‫buka alat pengembang Anda.
‫Dan saya menggunakan opsi perintah J untuk itu di Mac saya, di
‫Windows mungkin Alt+Ctrl+J, atau cukup klik kanan
‫di mana saja pada halaman
‫dan kemudian klik periksa,
‫untuk berjaga-jaga jika Anda tidak terbiasa dengan alat dev.
‫Kemudian, yang akan kita lakukan adalah menuju
‫ke tab jaringan.
‫Dan kemudian klik di sini untuk menonaktifkan cache.
‫Itu penting karena jika tidak,
‫Anda mungkin memuat halaman dari komputer karena Anda
‫pernah mengunjungi udemy. com sebelumnya.
‫Oke, jadi sekarang kita
‫muat ulang halaman, jadi kita akan
‫merekam aktivitas jaringan di sini di tab jaringan ini.
‫Jadi muat ulang ini.
‫Jadi sekarang di sini kita bisa melihat semua
‫permintaan yang terjadi di halaman.
‫Jadi seperti yang saya katakan, akan ada banyak permintaan untuk
‫semua elemen yang ada di halaman.
‫Sekarang jika kita akan menjadi yang
‫teratas di sini, yang pertama sebenarnya adalah udemy. com.
‫Dan disini kita bisa melihat kode statusnya, yaitu 200, seperti
‫yang saya katakan di kuliah
‫lalu, itu artinya oke.
‫Jadi semuanya berjalan dengan benar.
‫Kemudian ukuran dan waktu
‫yang dibutuhkan untuk mendownload resource ini.
‫Tapi kemudian, kami juga memiliki semua sumber daya lain di
‫sini seperti file CSS yang Anda lihat di sini,
‫beberapa gambar, file skrip java seperti yang saya
‫miliki di sini.
‫Dan semua ini sebenarnya diprakarsai oleh indeks,
‫jadi oleh halaman root.
‫Oke, jadi kita punya udemy. com dan yang
‫itu kemudian akan meminta semua aset ini.
‫Jadi itu indeks, jadi tidak terjadi di inisiator, dan semua
‫ini di sini diminta oleh udemy utama. com.
‫Sekarang jika kita mengklik salah satu sumber ini, dan mari
‫kita lakukan udemy. com dulu.
‫Di sini kita bisa mendapatkan beberapa informasi lebih lanjut tentang
‫permintaan, dan tanggapannya.
‫Jadi pertama, permintaan yang sebenarnya ada di bagian bawah.
‫Dan Anda akan melihat bahwa permintaan dibuat ke udemy. com, kami
‫melakukan permintaan get, dan
‫jalurnya hanya jalur root, seperti
‫yang saya jelaskan di video terakhir, oke.
‫Kemudian kami memiliki banyak
‫tajuk, jadi ini
‫di sini misalnya berarti halaman dikompresi hanya menggunakan gzip.
‫Di sini Anda memiliki tajuk untuk mengatur beberapa cookie,
‫dan banyak tajuk
‫lain yang akan kita bicarakan nanti.
‫Jadi ini adalah permintaannya,
‫dan kemudian
‫responsnya juga memiliki banyak dari semua tajuk ini, oke.
‫Jadi kita bisa melihat kapan respon itu benar-benar dikirim.
‫Kita dapat melihat sekumpulan cookie, dan
‫kode status di sini
‫juga, jadi dari sanalah 200 kode status berasal.
‫Dan lagi, sekelompok header lainnya, yang
‫akan kita bicarakan nanti, oke.
‫Dan hal
‫yang sama, tentu saja, kami memiliki semua aset lain yang diunduh.
‫Jadi tanggapan dan permintaan di sini.
‫Dan kali ini kita benar-benar melihat bahwa root
‫di sini masih udemy. com, jadi
‫apa yang mereka sebut
‫otoritas di sini, tetapi jalurnya adalah
‫semua ini, jadi lokasi
‫ini di sini, di mana file CSS berada.
‫Dan jika sekarang kita benar-benar menjelajahi suatu tempat di sini
‫di halaman ini, katakanlah ke kursus pengembangan
‫web, lalu mari kita lihat apa yang terjadi di sini.
‫Dan, jadi di sini, kami memiliki
‫halaman ini, yang merupakan sumber pengembangan web, oke.
‫Jadi pada dasarnya bagian ini di sini dari URL.
‫Ingatlah bahwa ini disebut sumber
‫daya, dari video terakhir.
‫Jadi jika kita klik
‫itu, kita akan benar-benar melihatnya di sini lagi, kan.
‫Jadi
‫kita punya udemy lagi. com dan /coursesdevelopment/webdevelopment.
‫Jadi itu adalah jalan di mana permintaan akan.
‫Di sini di sisi kiri kita juga bisa menyukai gambar
‫pratinjau misalnya, logo ini di sini.
‫Ketika itu gambar, kita bisa melihat
‫previewnya, kita bisa melihat responnya dengan lebih baik.
‫Misalnya, di sini, kita benar-benar
‫dapat melihat respons html yang muncul kembali.
‫Jadi, alih-alih hanya melihat tajuk seperti yang kami lakukan di
‫sini, kami sebenarnya dapat melihat respons
‫juga, dan gambaran umum yang bagus tentang semua cookie yang disetel
‫dalam permintaan ini.
‫Sekarang kita tidak berbicara tentang cookie
‫dulu, tapi sekali lagi itu sesuatu untuk nanti.
‫Tapi saya pikir penting bagi Anda untuk mendapatkan gambaran umum
‫tentang bagaimana permintaan dan tanggapan sebenarnya terlihat di
‫bawah tenda.
‫Jadi itulah tujuan video
‫ini, saya harap pesannya jelas, dan semuanya
‫masuk akal.
‫Jadi, sekarang mari
‫kita lanjutkan dan lanjutkan berbicara tentang pengembangan backend secara umum.