Selamat datang kembali.
Mari kita buat situs web pertama kita.
Sekarang, saya telah membuat folder bernama Web Server karena ini akan menjadi server Web kami untuk
saat ini, dan di dalam server Web ini, kami memiliki file HTML indeks, yang akan menjadi ekstensi untuk membuat
file HTML.
Kami memiliki skrip James, yang merupakan ekstensi untuk menulis JavaScript, sama seperti kami memiliki DCPI untuk menulis
Python, dan kemudian kami memiliki akses gaya untuk menulis Kestrels.
Sekarang, di bagian ini, saya akan menggunakan teks luhur dan terminal istilah saya, tetapi Anda dapat menggunakan alat pengembang apa
pun yang Anda inginkan.
Saya suka menggunakan yang ini hanya untuk perekaman layar.
Mereka membantu karena, yah, itu bagus dan bersih.
Itu tidak memberi saya terlalu banyak petunjuk sehingga saya juga bisa membuat kesalahan dan menunjukkan kepada Anda saat saya membuat kesalahan
bagaimana saya memperbaikinya.
Tetapi sekali lagi, Anda dapat menggunakan kode visual studio, apa pun yang Anda inginkan.
Sekarang Anda melihat di sini bahwa semua file ini kosong.
Tapi ingat, server Web hanya memberikan ketiga file ini ke browser sehingga browser dapat menampilkan halaman.
Jadi mari kita mulai dengan ASML, bagaimana kita menulis Aoshima?
Nah, teks luhur sebenarnya memungkinkan saya melakukan sesuatu yang menarik di sini jika saya mengetik HTML dan kemudian tekan tab.
Itu otomatis mengisinya untukku.
Baiklah, baiklah, aku agak tertipu, tapi, hei, aku tidak ingin membuatmu bosan sampai mati.
Jadi ini adalah file email standar, karena saya memiliki ekstensi email, jika saya memiliki sintaks jenis ini, saya dapat
menulis email dan tidak terlalu sulit.
Kami memiliki pajak pembukaan dan pajak penutupan dengan garis miring terbalik di sini.
Jadi kami memiliki kepala situs web dengan judul.
Jadi ini yang muncul di tab.
Jadi katakanlah saya.
Situs web.
Sangat kreatif.
Jadi itu kepala dan kemudian tubuh, inilah yang ditampilkan di situs web.
Jadi di sini saya dapat mengatakan bahwa saya adalah seorang master Web.
Sama seperti itu, dan kami telah membuat alpha kami sekarang periksa ini, jika saya sekarang membuka indeks, bukan a. M. jika saya benar.
Klik di sini dan katakanlah buka di jendela Anda atau Anda bahkan bisa pergi dan mengklik dua kali file ini.
Jadi jika saya klik dua kali ini, lihat itu.
Saya seorang webmaster.
Hanya teks sederhana, tidak ada yang terlalu gila, tetapi saya baru saja membuat situs web pertama saya.
Mari kita lanjutkan dengan CNN.
Sukses memiliki sintaks yang berbeda dari sukses, sintaks berjalan seperti ini, kita dapat memberikan elemen ASML yang ingin kita
tambahkan beberapa gaya dalam kasus kita, katakanlah body.
Dan saya dapat mengatakan tubuh, lalu tanda kurung kurawal, dan di sini saya ingin memiliki latar belakang, katakanlah warna dan kita
akan menggunakan Hmm.
Mari kita pergi dengan hijau.
Jika saya menyimpan ini.
Dan saya menyegarkan halaman.
Hmm, tidak ada yang terjadi, dan ini adalah detail kecil kecil yang, sekali lagi, ini bukan kursus pengembangan web, jadi
kita tidak perlu terlalu khawatir.
Tetapi pada dasarnya hal pertama yang terjadi adalah file HMO dikirim dan file HMO sebenarnya adalah
satu-satunya hal yang dibaca oleh browser.
Jadi di dalam file HMO, saya harus mengatakan, hei, HMO, omong-omong, kami juga berhasil dapatkah Anda juga menggunakannya
di situs web sehingga kami dapat melakukannya di hashtag?
Dengan menggunakan sesuatu yang disebut tag tautan.
Jadi tag tautan, kami sebenarnya dapat menghapus beberapa di antaranya, kami hanya perlu mengatakan, hei, ini adalah jenis keberhasilan
teks dan memiliki sesuatu yang disebut HSF hanya mengatakan, hei, di mana file ini berada dalam kasus kami, karena
ada di folder yang sama dengan HMO indeks kami, kami dapat dengan mudah mengatakan itu adalah akses titik gaya karena, yah, cari saja
akses Soldats dan di situlah file gaya berada.
Dan sekarang, jika Anda ingat, kami juga memiliki lembar gaya hubungan yang perlu kami sertakan.
Saya baru saja menghapusnya sehingga kami dapat melihat apa yang kami tulis di sini.
Jadi jika kita melakukan stylesheet dan ini hanya sesuatu, sintaks yang harus Anda biasakan jika Anda
ingin menyertakan file akses.
Jika saya menyimpan ini dan kembali dan menyegarkan.
Hei, lihat itu, situs web saya yang jelek, dan mari kita membuatnya sedikit lebih besar, situs web saya yang
jelek dengan warna latar belakang hijau sekarang memiliki beberapa hal jika saya membuka alat pengembang sekali lagi.
Dan saya menekan refresh.
Lihat itu, saya mendapatkan file HMO dan berhasil.
Luar biasa.
Jadi saya baru saja membuat server Web saya sendiri, bukan?
Kami bahkan bisa menulis JavaScript di sini.
Tapi sekali lagi, ini adalah kursus JavaScript, jadi kita tidak perlu mengkhawatirkannya dalam hal ini.
Ini dia.
Saya baru saja menulis beberapa JavaScript, yang seperti menulis print dengan Python jika saya me-refresh halaman sekali
lagi.
Sekali lagi, file JavaScript tidak ditampilkan karena, sekali lagi, kita harus memberi tahu HTML
yang diindeks bahwa kita memerlukan file JavaScript dan biasanya file JavaScript terkandung dalam tag skrip, biasanya di bagian
bawah badan.
Jadi mari kita tutup itu.
Dan kemudian di sini, alih-alih menggunakan referensi, kita hanya perlu mengatakan SIRC untuk sumbernya.
Dan sekali lagi, di mana file JavaScriptnya?
Itu skripnya.
Jadi jika saya menyimpan ini dan saya me-refresh halaman.
Lihat itu, kita sekarang sedang memuat file skrip ini dan semua yang dilakukannya adalah jika kita mengklik tab konsol,
ini dia.
Itu mencetak sesuatu di konsol dan konsol adalah sesuatu yang digunakan JavaScript.
Namun yang kami pedulikan adalah kami dapat menyajikan ketiga file ini.
Apa yang telah kami lakukan adalah membuat server pertama kami.
Tetapi Anda mungkin telah memperhatikan sesuatu.
Ketika Anda pergi ke sini.
Lihat URL path yang kami punya, bukan itu yang biasa Anda ketik di sebuah website, kan?
Maksud saya, kami melihat bahwa situs web di sini, dot dotcom, nah, apakah dot com menggunakan http.
Itu benar URL Anda, kan?
Yah, maaf untuk memberitahu Anda bahwa kami tidak benar-benar membuat server Web nyata karena semua yang telah kami lakukan
adalah kami telah disajikan ke browser beberapa file dari, seperti yang Anda lihat, dari komputer kami.
Jadi yang dilakukannya hanyalah browser berkata, hei, saya akan menampilkan file-file ini yang terletak di sini di
komputer Anda.
Jadi pada dasarnya, kami memiliki server Web yang juga menjalankan browser, tetapi bukan itu cara kerja kehidupan nyata.
Mengapa demikian?
Nah, bayangkan jika Anda memiliki website sendiri.
Apakah Anda benar-benar ingin orang-orang dari seluruh dunia mengakses situs web Anda secara langsung melalui komputer
Anda, mengambil file dari komputer Anda?
Maksudku, tidak, benar.
Ada banyak masalah keamanan.
Ada banyak masalah dengan kinerja.
Anda harus menjaga laptop Anda sepanjang waktu sehingga orang dapat mengakses situs web Anda.
Sebagai gantinya, kami menginginkan server Web, yang, seperti namanya, file serius dan mengkhususkan diri dalam menyajikan
file ke browser.
Di suatu tempat di dunia yang tidak perlu saya khawatirkan.
Itu tidak ada di komputer saya.
Seseorang memiliki mesin itu, seseorang memiliki komputer itu, dan komputer itu menyala sepanjang waktu sehingga setiap kali
kita membuka situs web atau tautan, komputer itu akan selalu berjalan dan mengirim file-file itu keluar.
Jadi kita akhirnya akan kembali ke Python di sini, karena apa yang ingin kita lakukan adalah melakukan sesuatu yang
lebih canggih daripada hanya memiliki file-file ini di mesin kita.
Sebagai gantinya, kami ingin membangun server nyata menggunakan Python yang dapat kami terapkan sehingga orang dapat mengakses situs web kami di
mana saja di dunia.
Sekarang, Anda mungkin masih bingung, seluruh proses ini mungkin tidak sepenuhnya masuk akal bagi Anda karena kami baru
saja memulai.
Tapi jangan khawatir, pada akhirnya, semuanya akan masuk akal.
Jadi mari kita lupakan browser untuk saat ini dan mulai membangun server nyata, sesuatu yang lebih canggih dari apa yang telah kita lakukan sampai
sekarang, yang hanya sebuah folder dengan tiga file ini dan kita cukup mengklik dua kali
pada Indexed.
Sampai jumpa di video selanjutnya.
Sampai jumpa.