Bir önceki videoda, bir tarayıcının HTTPS protokolünü kullanarak internet üzerinden dünyanın
herhangi bir yerindeki bir sunucuya bir istek gönderdiğini ve ardından bir web sitesini görüntüleyebilmek için bu JavaScript,
HTML ve CSS dosyalarını aldığını öğrendik.
Şimdi.
Bunu gerçekten nasıl kontrol edebiliriz?
Aslında geliştiriciyi görüntüleyebiliyorum ve bunu Google Chrome kullanarak yapıyorum.
Bu yüzden bu bölümde ne yaptığımı takip edebilmeniz için Google Chrome kullanmanızı tavsiye ederim.
Buradan geliştirici araçlarına gidersem, burada benim için bazı bilgiler içeren küçük bir kutu açılacak.
Şimdi odaklanmak istediğim şey bu ağ sekmesi.
Ve bu ağ sekmesi bize sunucudan ne tür bilgiler alacağımızı söyleyecek.
Burayı yenilediğimde bunu fark edeceksiniz.
Burada bazı veriler var mı?
Şimdi işin içinde filtre olmadığından emin olmak istiyorsunuz.
Bu yüzden burada her şeyi istediğimizi söylemek istiyoruz.
Yani filtre yok, her şey var.
Arama yapılmıyor ve tekrar yenileyebiliyoruz.
Pekala, çok daha fazla dosya görüyoruz ama bu korkutucu görünüyor.
Az önce öğrendiklerimizi bir düşünelim.
İlk olarak bir HTML dosyası alacağımızı öğreniyoruz, ki bu da bu dosya oluyor.
Burada belge yazın diyor.
Ve buraya tıklarsam, bu bir HTML belgesi.
Yenile düğmesine bastığımda sunucudan gelen yanıtın, dünyanın herhangi bir yerinde bu dosyaların o bilgisayarda
bulunduğu bir sunucuya iletildiğini hatırlayın.
Ve işte HTML dosyamız.
Eğer aşağı kaydırırsam.
Şuna bir bak.
Romantizm, alaycılık, matematik ve dilin webcomic'ini burada görebiliriz, tam burada.
HTML'in bir web sitesinde görüntülenen metin olduğunu söylediğimi hatırlıyor musunuz?
Bu, sunucunun yanıt verdiği HTML'mizdir ve tarayıcı bunu nasıl okuyacağını ve metni nasıl görüntüleyeceğini
bilir.
Peki ya CSIS?
Aslında buradaki CSIS sekmesine tıklayabilir ve sunucudan gelen tüm CSIS dosyalarını gösterebilirim.
Ve burada gördüğünüz gibi, bu yine biraz farklı görünüyor.
HTML'den farklı bir sözdizimine sahiptir.
Ama burada yaptığı tek şey bana istediğim stilleri vermek.
Burada arka plan rengini seçebileceğimizi görebilirsiniz.
Farklı konum, genişlik sol konum seçebiliriz.
Bu da bize bir web sitesinde istediğimiz stili verir.
Ve sonra JavaScript'e gidersek, aslında bu web sitesinin kullandığı JavaScript dosyalarını görürüz.
Artık burada JavaScript konusunda endişelenmemize gerek yok.
JavaScript, bu web sitesinde şimdilik muhtemelen endişelenmemize gerek olmayan bazı etkileşimler yapmamızı
sağlar.
Şimdi, burada görüntü ve medya gibi birkaç şey daha olduğunu belirtmek isterim.
Ve gördüğünüz gibi, resimler, burada kesinlikle kullandığımız bazı resimler var.
Önizlemeye tıklarsam görüntüleri görebiliriz.
Ancak günün sonunda konsept aynıdır.
Bir HTML dosyamız var.
Bizim durumumuzda tam burası.
HTML dosyasının CSS olmadan nasıl görüntülendiğini görüyorsunuz, bu sadece elimizdeki metinsel veridir.
CSS, yani stil.
Sayfamızın ve ardından sayfamızı etkileşimli hale getirmek için bazı JavaScript'ler ve belki bazı resimler.
Ancak günün sonunda, tüm bunlar aslında sunucudan aldığımız metinsel verilerden ibarettir.
Bu da web sitemizi oluşturabilmemiz için şu üç şeyi oluşturmamız gerektiği anlamına gelir:
HTML dosyası, CSS dosyası ve JavaScript dosyası.
Aslında, herhangi bir etkileşim istemiyorsak bir JavaScript dosyasına bile ihtiyacımız yok.
CSS dosyasına bile ihtiyacımız yok.
Herhangi bir stil istemiyorsak, sadece bir HTML dosyası bile kullanabiliriz.
Bir sonraki videoda ilk Web sitemizi oluşturacağız.
Onda görüşürüz.
Güle güle.