Dalam video sebelumnya, kita mengetahui bahwa browser hanya mengirim permintaan ke server di
suatu tempat di dunia melalui Internet menggunakan protokol HTTPS, dan kemudian menerima file JavaScript, HTML, dan CSS tersebut
sehingga dapat menampilkan situs web.
Sekarang, bagaimana kita bisa benar-benar memeriksa ini?
Yah, saya benar-benar bisa pergi untuk melihat pengembang, dan ini menggunakan Google Chrome, jadi saya sarankan untuk bagian ini untuk menggunakan Google Chrome sehingga
Anda dapat mengikuti apa yang saya lakukan.
Jika saya pergi ke alat pengembang di sini, itu akan membuka kotak kecil di sini dengan beberapa informasi untuk saya.
Sekarang, yang ingin saya fokuskan adalah ketukan jaringan ini.
Dan tab jaringan ini akan memberi tahu kami jenis informasi apa yang kami terima dari server, jika saya menyegarkan
di sini, Anda akan melihatnya.
Saya mendapatkan beberapa data di sini sekarang Anda ingin memastikan bahwa tidak ada filter yang terlibat, jadi kami ingin
mengatakan di sini bahwa kami menginginkan semuanya jadi tidak ada filter semuanya.
Tidak ada pencarian yang terjadi dan kami dapat menyegarkan kembali.
Dan baiklah.
Kami melihat lebih banyak file, tetapi ini terlihat menakutkan.
Mari kita pikirkan tentang apa yang baru saja kita pelajari.
Kami belajar bahwa kami pertama kali mendapatkan file HTML, yang kebetulan adalah yang ini.
Dikatakan di sini ketik dokumen.
Dan jika saya klik di sini, ini adalah dokumen HTML.
Jadi tanggapan dari server ketika saya menekan refresh, ingat, itu dikomunikasikan ke server di suatu tempat di
dunia yang memiliki file-file ini di komputer itu.
Dan di sini kita memiliki file HTML kita.
Jika saya gulir ke bawah, lihat itu.
Kita bisa melihat di sini webcomic asmara, sarkasme, matematika dan bahasa, yang ada di sini.
Ingat bagaimana saya mengatakan HTML adalah teks yang ditampilkan di situs web?
Nah, ini adalah HTML kami di sini yang ditanggapi oleh server dan browser tahu cara membaca ini dan
menampilkan teksnya.
Bagaimana dengan kesuksesannya?
Yah, saya benar-benar dapat mengklik langkah berikutnya di sini dan menunjukkan kepada saya semua file CSI yang berasal dari
server.
Dan Anda lihat di sini bahwa ini, sekali lagi, terlihat sedikit berbeda, dalam sintaks yang berbeda
dari email, tetapi yang dilakukannya hanyalah memberi saya stylus yang saya inginkan.
Anda dapat melihat di sini kita dapat memilih warna latar belakang, kita dapat memilih posisi yang berbeda dengan posisi kiri.
Dan ini memberi kami gaya yang kami inginkan di situs web.
Dan kemudian jika kita pergi ke JavaScript, kita benar-benar melihat file JavaScript yang digunakan situs web ini.
Sekarang, kita tidak perlu khawatir tentang JavaScript di sini.
JavaScript memungkinkan kita untuk melakukan beberapa interaktivitas di situs web ini yang untuk saat ini, kita mungkin tidak perlu
khawatir.
Tapi sekarang saya ingin menunjukkan bahwa ada beberapa hal lain di sini seperti gambar dan media.
Dan seperti yang Anda lihat, gambar, kami pasti memiliki beberapa gambar di sini yang kami gunakan.
Jika saya mengklik Pratinjau, kita dapat melihat gambar.
Tetapi pada akhirnya, konsepnya sama.
Kami memiliki file HMO.
Yang dalam kasus kami di sini, Anda melihat bagaimana file HTML ditampilkan tanpa akses,
yang hanya data tekstual tekstual, kami memiliki akses, yang merupakan gaya.
Dari halaman kami dan ada beberapa JavaScript untuk membuat halaman kami interaktif dan mungkin beberapa gambar,
tetapi pada akhirnya, semua ini sebenarnya hanya data tekstual yang kami terima dari server.
Jadi itu berarti agar kita dapat membangun situs web kita, kita perlu membuat tiga
hal ini file email, file, dan file JavaScript.
Sebenarnya, kami bahkan tidak memerlukan file JavaScript.
Jika kita tidak menginginkan interaktivitas apapun, kita bahkan tidak memerlukan akses file.
Jika kita tidak ingin mengulur waktu, kita bahkan bisa menggunakan file email saja.
Jadi di video berikutnya, kita akan membangun situs web pertama kita.
Aku akan melihatnya satu per satu.