Hi\u00e7 merak ettiniz mi? Bir ba\u011flant\u0131ya (link) t\u0131klad\u0131\u011f\u0131n\u0131zda arkaplanda neler olup biter? Basit bir t\u0131klama gibi g\u00f6r\u00fcnse de, asl\u0131nda karma\u015f\u0131k bir s\u00fcre\u00e7 devreye girer. Bu makalede, bu b\u00fcy\u00fcl\u00fc yolculu\u011fun teknik detaylar\u0131n\u0131, basit bir dille ve ad\u0131m ad\u0131m ke\u015ffedece\u011fiz. Haz\u0131rsan\u0131z, dijital d\u00fcnyan\u0131n bu gizemli yolculu\u011funa \u00e7\u0131kal\u0131m!<\/p>\n
Bir linke t\u0131klad\u0131\u011f\u0131n\u0131zda, asl\u0131nda taray\u0131c\u0131n\u0131za “\u015fu adresteki bilgiyi getir ve bana g\u00f6ster” komutunu vermi\u015f olursunuz. Bu komutun yerine ula\u015fmas\u0131 i\u00e7in birka\u00e7 a\u015fama vard\u0131r. \u0130lk olarak, taray\u0131c\u0131n\u0131z t\u0131klad\u0131\u011f\u0131n\u0131z linkin (URL – Uniform Resource Locator) ne anlama geldi\u011fini anlamal\u0131d\u0131r. Bir URL, bir web sayfas\u0131n\u0131n veya dosyan\u0131n nerede bulundu\u011funu belirten benzersiz bir adrestir. Genellikle \u015fu bile\u015fenlerden olu\u015fur: protokol (\u00f6rne\u011fin, Bu bilgiyi alan taray\u0131c\u0131, ilk olarak bu adresteki sunucuyu bulmaya \u00e7al\u0131\u015f\u0131r. T\u0131pk\u0131 bir mektubu do\u011fru adrese g\u00f6ndermek gibi, taray\u0131c\u0131n\u0131n da bu web sitesinin bar\u0131nd\u0131\u011f\u0131 bilgisayara (sunucuya) ula\u015fmas\u0131 gerekir. Ancak sunucular\u0131n IP adresleri (\u00f6rne\u011fin, IP adresini \u00f6\u011frendikten sonra, taray\u0131c\u0131n\u0131z art\u0131k o sunucuyla do\u011frudan ileti\u015fim kurabilir. Bu ileti\u015fim, belirli bir protokol \u00fczerinden ger\u00e7ekle\u015fir. En yayg\u0131n olan\u0131 Sunucu, bu iste\u011fi ald\u0131\u011f\u0131nda, istenen kayna\u011f\u0131 (genellikle bir HTML dosyas\u0131) bulur ve taray\u0131c\u0131ya bir HTTP yan\u0131t\u0131 (response)<\/strong> ile geri g\u00f6nderir. Bu yan\u0131t, iste\u011fin ba\u015far\u0131l\u0131 olup olmad\u0131\u011f\u0131n\u0131 belirten bir durum kodu (\u00f6rne\u011fin, Diyelim ki favori teknoloji blogunuzdaki ilgin\u00e7 bir makaleye t\u0131klad\u0131n\u0131z. T\u0131klad\u0131\u011f\u0131n\u0131z link \u015f\u00f6yle olabilir: Bir URL’nin yap\u0131s\u0131, asl\u0131nda web’deki kaynaklara ula\u015fman\u0131n haritas\u0131d\u0131r. Ba\u015flang\u0131\u00e7ta bahsetti\u011fimiz protokoller, verinin nas\u0131l iletilece\u011fini belirler. Alan ad\u0131 (domain name), web sitelerinin kimli\u011fini temsil eder. Bu alan adlar\u0131, ICANN (Internet Corporation for Assigned Names and Numbers)<\/strong> gibi kurulu\u015flar taraf\u0131ndan y\u00f6netilir ve belirli bir \u00fccret kar\u015f\u0131l\u0131\u011f\u0131nda kaydedilir. Alan adlar\u0131, hiyerar\u015fik bir yap\u0131ya sahiptir. En \u00fcstte URL’deki yol (path) k\u0131sm\u0131, sunucudaki belirli bir kayna\u011f\u0131n yerini belirtir. Bu yol, sunucunun dosya sistemini yans\u0131tabilir veya dinamik olarak olu\u015fturulmu\u015f bir adresi temsil edebilir. \u00d6rne\u011fin, URL’nin sonunda yer alan sorgu parametreleri (query parameters) ve fragment tan\u0131mlay\u0131c\u0131lar\u0131 da \u00f6nemlidir. Sorgu parametreleri, genellikle bir soru i\u015fareti ( Bir e-ticaret sitesinde (\u00f6rne\u011fin, Bu parametreler, sunucunun veritaban\u0131nda “ak\u0131ll\u0131 saat” kelimesini i\u00e7eren ve “elektronik” kategorisine ait \u00fcr\u00fcnleri bulmas\u0131n\u0131 sa\u011flar ve sonu\u00e7lar\u0131 kullan\u0131c\u0131n\u0131n ekran\u0131na getirir.<\/p>\n Bir linke t\u0131klad\u0131\u011f\u0131n\u0131zda, taray\u0131c\u0131 ve sunucu aras\u0131nda karma\u015f\u0131k bir ileti\u015fim ba\u015flar. Bu ileti\u015fim, genellikle istemci-sunucu (client-server) mimarisi<\/strong> olarak adland\u0131r\u0131l\u0131r. Taray\u0131c\u0131, istemci (client) rol\u00fcndedir ve sunucudan bilgi talep eder. Sunucu ise, bu talepleri kar\u015f\u0131layan ve istenen bilgiyi d\u00f6nd\u00fcren taraft\u0131r.<\/p>\n Taray\u0131c\u0131, bir HTTP iste\u011fi g\u00f6nderdi\u011finde, bu iste\u011fin i\u00e7inde bir\u00e7ok bilgi bulunur. En \u00f6nemlileri \u015funlard\u0131r: istek metodu ( Sunucu, bu iste\u011fi ald\u0131\u011f\u0131nda, onu i\u015fler. E\u011fer istek ge\u00e7erliyse ve istenen kaynak mevcutsa, sunucu bir HTTP yan\u0131t\u0131 olu\u015fturur. Bu yan\u0131t da belirli ba\u015fl\u0131klara sahiptir: durum kodu ( Bu ileti\u015fim s\u00fcreci, web sayfalar\u0131n\u0131n dinamik olarak olu\u015fturulmas\u0131nda da kritik rol oynar. \u00d6rne\u011fin, bir kullan\u0131c\u0131n\u0131n belirli bir formu doldurup g\u00f6nderdi\u011finde ( Taray\u0131c\u0131, sunucudan ald\u0131\u011f\u0131 HTML, CSS ve JavaScript dosyalar\u0131n\u0131 bir araya getirerek web sayfas\u0131n\u0131 olu\u015fturur. HTML, sayfan\u0131n yap\u0131s\u0131n\u0131 ve i\u00e7eri\u011fini tan\u0131mlar. CSS, sayfan\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc (renkler, fontlar, d\u00fczen vb.) belirler. JavaScript ise, sayfaya etkile\u015fim ve dinamizm katar (\u00f6rne\u011fin, d\u00fc\u011fmelere t\u0131klan\u0131nca bir \u015feyler olmas\u0131, animasyonlar, verilerin arka planda g\u00fcncellenmesi).<\/p>\n Bir sosyal medya platformunda (\u00f6rne\u011fin, Twitter veya Facebook) ak\u0131\u015f\u0131n\u0131z\u0131 yeniledi\u011finizde (genellikle sayfan\u0131n \u00fcst k\u0131sm\u0131n\u0131 a\u015fa\u011f\u0131 \u00e7ekerek), asl\u0131nda arka planda bir dizi olay ger\u00e7ekle\u015fir:<\/p>\n Bu asenkron (asynchronous)<\/strong> i\u015flem sayesinde, kullan\u0131c\u0131 ak\u0131\u015f\u0131n\u0131 yenilerken di\u011fer i\u00e7eriklerle etkile\u015fimde bulunmaya devam edebilir, bu da daha ak\u0131c\u0131 bir kullan\u0131c\u0131 deneyimi sa\u011flar.<\/p>\n Bir linke t\u0131klamak, sadece veri al\u0131\u015fveri\u015fi de\u011fil, ayn\u0131 zamanda g\u00fcvenlik risklerini de beraberinde getirebilir. Bu nedenle, hem taray\u0131c\u0131lar hem de sunucular \u00e7e\u015fitli g\u00fcvenlik \u00f6nlemleri al\u0131rlar.<\/p>\n HTTPS<\/strong>, en temel g\u00fcvenlik katmanlar\u0131ndan biridir. Taray\u0131c\u0131, bir siteye HTTPS ile ba\u011fland\u0131\u011f\u0131nda, sunucunun kimli\u011fini do\u011frulamak i\u00e7in bir SSL\/TLS sertifikas\u0131 kullan\u0131r. Bu sertifika, g\u00fcvenilir bir sertifika otoritesi taraf\u0131ndan verilmi\u015ftir ve sunucunun ger\u00e7ek kimli\u011fini kan\u0131tlar. Ayr\u0131ca, taray\u0131c\u0131 ile sunucu aras\u0131ndaki t\u00fcm veri ak\u0131\u015f\u0131n\u0131 \u015fifreler. Taray\u0131c\u0131n\u0131z, bir sitenin HTTPS kullan\u0131p kullanmad\u0131\u011f\u0131n\u0131 adres \u00e7ubu\u011fundaki kilit simgesiyle g\u00f6sterir. E\u011fer bu simge yoksa veya uyar\u0131 veriyorsa, o siteye hassas bilgi girmekten ka\u00e7\u0131nmak \u00f6nemlidir.<\/p>\n Ancak HTTPS tek ba\u015f\u0131na yeterli de\u011fildir. K\u00f6t\u00fc niyetli ki\u015filer, kullan\u0131c\u0131lar\u0131 sahte sitelere y\u00f6nlendirmek i\u00e7in oltalama (phishing)<\/strong> sald\u0131r\u0131lar\u0131 d\u00fczenleyebilirler. Bu sald\u0131r\u0131larda, sahte e-postalar veya mesajlar arac\u0131l\u0131\u011f\u0131yla ger\u00e7ek sitelere benzeyen sahte linkler g\u00f6nderilir. Bu linklere t\u0131klayan kullan\u0131c\u0131lar, bilgilerini (kullan\u0131c\u0131 ad\u0131, \u015fifre, kredi kart\u0131 bilgileri vb.) \u00e7almak isteyen sald\u0131rganlar\u0131n eline d\u00fc\u015febilirler. Bu nedenle, bir linke t\u0131klamadan \u00f6nce URL’yi dikkatlice kontrol etmek, g\u00f6nderenin kimli\u011fini do\u011frulamak ve \u015f\u00fcpheli g\u00f6r\u00fcnen linklere asla t\u0131klamamak \u00e7ok \u00f6nemlidir.<\/p>\n Taray\u0131c\u0131lar, zararl\u0131 siteleri tespit etmek ve kullan\u0131c\u0131lar\u0131 uyarmak i\u00e7in \u00e7e\u015fitli g\u00fcvenlik mekanizmalar\u0131 kullan\u0131r. \u00d6rne\u011fin, Google Chrome’un G\u00fcvenli Tarama (Safe Browsing)<\/strong> \u00f6zelli\u011fi, bilinen zararl\u0131 web sitelerinin bir listesini tutar ve kullan\u0131c\u0131lar bu sitelere eri\u015fmeye \u00e7al\u0131\u015ft\u0131\u011f\u0131nda onlar\u0131 uyar\u0131r. Benzer \u015fekilde, k\u00f6t\u00fc ama\u00e7l\u0131 yaz\u0131l\u0131m (malware) bar\u0131nd\u0131ran veya doland\u0131r\u0131c\u0131l\u0131k ama\u00e7l\u0131 siteler de bu listelere eklenir.<\/p>\n Sunucu taraf\u0131nda ise, web uygulamalar\u0131n\u0131n g\u00fcvenli\u011fi de b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r. SQL Injection<\/strong>, Cross-Site Scripting (XSS)<\/strong> gibi yayg\u0131n g\u00fcvenlik a\u00e7\u0131klar\u0131, sald\u0131rganlar\u0131n sunucuya yetkisiz eri\u015fim sa\u011flamas\u0131na veya kullan\u0131c\u0131lar\u0131n taray\u0131c\u0131lar\u0131nda zararl\u0131 kod \u00e7al\u0131\u015ft\u0131rmas\u0131na olanak tan\u0131r. Bu t\u00fcr sald\u0131r\u0131lar\u0131 \u00f6nlemek i\u00e7in geli\u015ftiriciler, girdileri temizleme (input sanitization), parametreli sorgular kullanma ve g\u00fcvenlik duvarlar\u0131 (firewalls) gibi \u00e7e\u015fitli teknikler uygularlar.<\/p>\n Bir kullan\u0131c\u0131, bankas\u0131ndan geldi\u011fi izlenimini veren bir e-posta al\u0131r. E-postada, “Hesab\u0131n\u0131zda \u015f\u00fcpheli bir aktivite tespit edildi, l\u00fctfen bilgilerinizi do\u011frulamak i\u00e7in a\u015fa\u011f\u0131daki linke t\u0131klay\u0131n” gibi bir ifade yer al\u0131r. Link, ger\u00e7ek bankan\u0131n web sitesine \u00e7ok benzeyen ancak asl\u0131nda sald\u0131rganlara ait bir siteye y\u00f6nlendirir. Kullan\u0131c\u0131 linke t\u0131klad\u0131\u011f\u0131nda:<\/p>\n Bu senaryoda, kullan\u0131c\u0131ya d\u00fc\u015fen g\u00f6rev, linkin do\u011frulu\u011funu kontrol etmek, e-postan\u0131n kayna\u011f\u0131n\u0131 sorgulamak ve \u015f\u00fcphe durumunda do\u011frudan bankan\u0131n resmi web sitesine manuel olarak giderek i\u015flem yapmakt\u0131r.<\/p>\n Bir linke t\u0131klad\u0131\u011f\u0131n\u0131zda ger\u00e7ekle\u015fen s\u00fcre\u00e7, taray\u0131c\u0131lar\u0131n ve web teknolojilerinin s\u00fcrekli geli\u015fimiyle daha da karma\u015f\u0131k ve verimli hale gelmi\u015ftir. Modern taray\u0131c\u0131lar, web sayfalar\u0131n\u0131 daha h\u0131zl\u0131 y\u00fcklemek ve daha iyi bir kullan\u0131c\u0131 deneyimi sunmak i\u00e7in \u00e7e\u015fitli optimizasyon teknikleri kullan\u0131r.<\/p>\n \u00d6nbellekleme (Caching)<\/strong>, bu optimizasyonlar\u0131n ba\u015f\u0131nda gelir. Taray\u0131c\u0131lar, daha \u00f6nce ziyaret etti\u011finiz web sitelerinin baz\u0131 dosyalar\u0131n\u0131 (HTML, CSS, JavaScript, resimler vb.) yerel disklerinde saklarlar. Bir sonraki ziyaretinizde, taray\u0131c\u0131 bu dosyalar\u0131 tekrar indirmek yerine \u00f6nbellekten y\u00fckleyerek sayfay\u0131 \u00e7ok daha h\u0131zl\u0131 a\u00e7ar. Bu, \u00f6zellikle s\u0131k ziyaret edilen siteler i\u00e7in b\u00fcy\u00fck bir performans art\u0131\u015f\u0131 sa\u011flar. Sunucular da, taray\u0131c\u0131lar\u0131n \u00f6nbellekleme politikalar\u0131n\u0131 y\u00f6netmek i\u00e7in HTTP ba\u015fl\u0131klar\u0131 kullanabilirler.<\/p>\n CDN (Content Delivery Network – \u0130\u00e7erik Da\u011f\u0131t\u0131m A\u011f\u0131)<\/strong>, web sitelerinin daha h\u0131zl\u0131 y\u00fcklenmesini sa\u011flayan bir di\u011fer \u00f6nemli teknolojidir. CDN’ler, bir web sitesinin statik dosyalar\u0131n\u0131 (resimler, CSS, JavaScript vb.) d\u00fcnyan\u0131n farkl\u0131 co\u011frafi konumlar\u0131ndaki sunuculara da\u011f\u0131t\u0131r. Bir kullan\u0131c\u0131 bir web sitesine eri\u015fti\u011finde, CDN, kullan\u0131c\u0131n\u0131n co\u011frafi konumuna en yak\u0131n sunucudan i\u00e7eri\u011fi sunarak gecikmeyi (latency) azalt\u0131r. Bu, \u00f6zellikle k\u00fcresel \u00e7apta kullan\u0131c\u0131 kitlesi olan web siteleri i\u00e7in hayati \u00f6nem ta\u015f\u0131r.<\/p>\n Lazy Loading (Tembel Y\u00fckleme)<\/strong>, \u00f6zellikle uzun web sayfalar\u0131nda veya \u00e7ok say\u0131da resim i\u00e7eren sayfalarda kullan\u0131lan bir tekniktir. Bu y\u00f6ntemde, sayfan\u0131n sadece g\u00f6r\u00fcn\u00fcr alanda kalan k\u0131s\u0131mlar\u0131 ve i\u00e7indeki \u00f6\u011feler y\u00fcklenir. Kullan\u0131c\u0131 sayfay\u0131 a\u015fa\u011f\u0131 kayd\u0131rd\u0131k\u00e7a, yeni \u00f6\u011feler arka planda y\u00fcklenir. Bu, sayfan\u0131n ilk y\u00fcklenme s\u00fcresini \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131r ve bant geni\u015fli\u011fi kullan\u0131m\u0131n\u0131 optimize eder.<\/p>\n HTTP\/2 ve HTTP\/3<\/strong> gibi yeni nesil HTTP protokolleri de ba\u011flant\u0131 performans\u0131n\u0131 art\u0131r\u0131r. HTTP\/2, birden fazla iste\u011fi tek bir ba\u011flant\u0131 \u00fczerinden multiplexing (\u00e7oklama) yaparak ve sunucu itme (server push) gibi \u00f6zelliklerle veri aktar\u0131m\u0131n\u0131 h\u0131zland\u0131r\u0131r. HTTP\/3 ise, TCP yerine UDP tabanl\u0131 QUIC protokol\u00fcn\u00fc kullanarak paket kayb\u0131 durumlar\u0131nda daha h\u0131zl\u0131 kurtarma ve daha d\u00fc\u015f\u00fck gecikme s\u00fcreleri sunar.<\/p>\n Geli\u015ftiriciler, web sayfalar\u0131n\u0131n performans\u0131n\u0131 \u00f6l\u00e7mek ve iyile\u015ftirmek i\u00e7in \u00e7e\u015fitli ara\u00e7lar kullan\u0131rlar. Google PageSpeed Insights<\/strong>, GTmetrix<\/strong> ve taray\u0131c\u0131lar\u0131n kendi geli\u015ftirici ara\u00e7lar\u0131 (Developer Tools), bir web sayfas\u0131n\u0131n y\u00fcklenme s\u00fcrelerini, a\u011f isteklerini ve olas\u0131 performans darbo\u011fazlar\u0131n\u0131 analiz etmeye yard\u0131mc\u0131 olur. Bu analizler sonucunda, kod optimizasyonu, resim s\u0131k\u0131\u015ft\u0131rma, \u00f6nbellekleme ayarlar\u0131n\u0131n iyile\u015ftirilmesi gibi ad\u0131mlar at\u0131larak kullan\u0131c\u0131 deneyimi geli\u015ftirilir.<\/p>\n Basit bir lazy loading \u00f6rne\u011fini JavaScript ile g\u00f6sterelim. Bu \u00f6rnekte, resimler ba\u015flang\u0131\u00e7ta y\u00fcklenmez, sadece taray\u0131c\u0131 taraf\u0131ndan g\u00f6r\u00fclebilir hale geldiklerinde y\u00fcklenirler. Bu, sadece ilgili i\u00e7eri\u011fin indirilmesini sa\u011flayarak performans\u0131 art\u0131r\u0131r.<\/p>\n Yukar\u0131daki \u00f6rnekte, Bir linke t\u0131klad\u0131\u011f\u0131n\u0131zda ger\u00e7ekle\u015fen s\u00fcre\u00e7, basit bir eylemden \u00e7ok daha fazlas\u0131d\u0131r. Bu, protokollerin, a\u011f ileti\u015fiminin, sunucu ve istemci aras\u0131ndaki dans\u0131n, g\u00fcvenlik katmanlar\u0131n\u0131n ve geli\u015fmi\u015f taray\u0131c\u0131 teknolojilerinin bir araya geldi\u011fi karma\u015f\u0131k bir senaryodur. Her t\u0131klama, dijital d\u00fcnyan\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131na dair k\u00fc\u00e7\u00fck bir pencere a\u00e7ar.<\/p>\n Bu makalede, URL’nin yap\u0131s\u0131ndan DNS’in rol\u00fcne, HTTP istek ve yan\u0131tlar\u0131ndan g\u00fcvenlik \u00f6nlemlerine kadar bir\u00e7ok konuyu ele ald\u0131k. Umar\u0131z ki, art\u0131k bir linke t\u0131klad\u0131\u011f\u0131n\u0131zda arkaplanda neler olup bitti\u011fi konusunda daha net bir fikriniz olmu\u015ftur. Bu bilgi, hem daha bilin\u00e7li bir internet kullan\u0131c\u0131s\u0131 olman\u0131za yard\u0131mc\u0131 olacak hem de web teknolojilerinin inceliklerini anlaman\u0131za katk\u0131 sa\u011flayacakt\u0131r.<\/p>\n Sayfan\u0131n karma\u015f\u0131kl\u0131\u011f\u0131 (\u00e7ok fazla resim, video, JavaScript kodu), sunucunun yo\u011funlu\u011fu, internet ba\u011flant\u0131n\u0131z\u0131n h\u0131z\u0131 veya CDN’nin uzakl\u0131\u011f\u0131 gibi bir\u00e7ok fakt\u00f6r y\u00fcklenme s\u00fcresini etkileyebilir. Ayr\u0131ca, taray\u0131c\u0131n\u0131z\u0131n \u00f6nbelle\u011fi doluysa veya g\u00fcncel de\u011filse de yava\u015flama g\u00f6r\u00fclebilir.<\/p>\n<\/li>\n Genel olarak, HTTPS kullanmayan sitelere hassas bilgi (\u015fifre, kredi kart\u0131 bilgisi vb.) girmeniz \u00f6nerilmez. Bu sitelerdeki veriler \u015fifrelenmedi\u011fi i\u00e7in, a\u011f \u00fczerindeki k\u00f6t\u00fc niyetli ki\u015filer taraf\u0131ndan kolayca okunabilir.<\/p>\n<\/li>\n URL’yi dikkatlice kontrol edin, alan ad\u0131n\u0131n do\u011fru oldu\u011fundan emin olun. E-posta veya mesaj\u0131n kayna\u011f\u0131n\u0131 do\u011frulay\u0131n. \u015e\u00fcpheli g\u00f6r\u00fcnen veya k\u0131salt\u0131lm\u0131\u015f linklere (URL shorteners) dikkat edin. G\u00fcvenlik yaz\u0131l\u0131mlar\u0131n\u0131z\u0131n g\u00fcncel oldu\u011fundan emin olun.<\/p>\n<\/li>\n \u00c7erezler, web sitelerinin taray\u0131c\u0131n\u0131zda saklad\u0131\u011f\u0131 k\u00fc\u00e7\u00fck metin dosyalar\u0131d\u0131r. Kullan\u0131c\u0131 tercihlerini hat\u0131rlamak (\u00f6rne\u011fin, dil ayar\u0131), giri\u015f yapm\u0131\u015f kullan\u0131c\u0131lar\u0131 tan\u0131mak, al\u0131\u015fveri\u015f sepeti bilgilerini saklamak veya site trafi\u011fini analiz etmek gibi ama\u00e7larla kullan\u0131l\u0131rlar. Gizlilik endi\u015feleri nedeniyle \u00e7erez kullan\u0131m\u0131na dikkat etmek \u00f6nemlidir.<\/p>\n<\/li>\n<\/ul>\n #Teknoloji #WebGeli\u015ftirme #\u0130nternet #SiberG\u00fcvenlik #URL<\/p>\nhttp<\/code> veya https<\/code>), alan ad\u0131 (\u00f6rne\u011fin, www.example.com<\/code>) ve bazen de belirli bir dosya yolu veya sayfa ad\u0131 (\u00f6rne\u011fin, \/hakkimizda<\/code>).<\/p>\n192.168.1.1<\/code> gibi say\u0131larla ifade edilen adresler) alan adlar\u0131ndan farkl\u0131d\u0131r. \u0130\u015fte burada DNS (Domain Name System – Alan Ad\u0131 Sistemi)<\/strong> devreye girer. DNS, insan dostu alan adlar\u0131n\u0131 makine dostu IP adreslerine \u00e7eviren devasa bir telefon rehberi gibidir. Taray\u0131c\u0131n\u0131z, DNS sunucular\u0131na sorarak t\u0131klad\u0131\u011f\u0131n\u0131z alan ad\u0131n\u0131n IP adresini \u00f6\u011frenir.<\/p>\nHTTP (Hypertext Transfer Protocol)<\/code> veya daha g\u00fcvenli olan\u0131 HTTPS (Hypertext Transfer Protocol Secure)<\/code>‘dir. Bu protokoller, taray\u0131c\u0131 ile sunucu aras\u0131nda veri al\u0131\u015fveri\u015fini y\u00f6neten kurallar\u0131 belirler. Taray\u0131c\u0131, sunucuya bir HTTP iste\u011fi (request)<\/strong> g\u00f6nderir. Bu istek, genellikle “GET” metoduyla yap\u0131l\u0131r, yani taray\u0131c\u0131 sunucudan belirli bir kayna\u011f\u0131 (web sayfas\u0131n\u0131) talep eder.<\/p>\n200 OK<\/code> ba\u015far\u0131l\u0131 bir yan\u0131t\u0131 g\u00f6sterir) ve istenen i\u00e7eri\u011fi i\u00e7erir. Taray\u0131c\u0131, bu i\u00e7eri\u011fi ald\u0131\u011f\u0131nda, onu i\u015fleyerek ekranda g\u00f6r\u00fcnt\u00fcler. Bu i\u015flem, metinleri, resimleri, videolar\u0131 ve di\u011fer t\u00fcm web \u00f6\u011felerini bir araya getirerek bildi\u011fimiz web sayfas\u0131n\u0131 olu\u015fturur.<\/p>\nGer\u00e7ek D\u00fcnya Senaryosu: Bir Blog Yaz\u0131s\u0131 Okumak<\/h3>\n
https:\/\/www.teknoloji-blogu.com\/yeni-yapay-zeka-gelismeleri<\/code>. \u0130\u015fte bu durumda arkaplanda olanlar:<\/p>\n\n
https<\/code> protokol\u00fcn\u00fc, www.teknoloji-blogu.com<\/code> alan ad\u0131n\u0131 ve \/yeni-yapay-zeka-gelismeleri<\/code> yolunu anlar.<\/li>\nwww.teknoloji-blogu.com<\/code>‘un IP adresini \u00f6\u011frenmek i\u00e7in bir DNS sunucusuna sorar. DNS, bu alan ad\u0131na kar\u015f\u0131l\u0131k gelen IP adresini (\u00f6rne\u011fin, 172.217.160.142<\/code>) geri d\u00f6nd\u00fcr\u00fcr.<\/li>\nGET \/yeni-yapay-zeka-gelismeleri HTTP\/1.1<\/code> gibi bir HTTP iste\u011fi g\u00f6nderir. Bu istekte, taray\u0131c\u0131n\u0131n t\u00fcr\u00fc, kabul etti\u011fi i\u00e7erik formatlar\u0131 gibi ek bilgiler de bulunabilir.<\/li>\n\/yeni-yapay-zeka-gelismeleri<\/code> yolundaki HTML dosyas\u0131n\u0131 bulur ve taray\u0131c\u0131ya bir HTTP yan\u0131t\u0131 g\u00f6nderir. Bu yan\u0131t, 200 OK<\/code> durum kodunu ve HTML i\u00e7eri\u011fini i\u00e7erir.<\/li>\nURL’nin \u0130\u00e7 Dinamikleri: Protokollerden Jaluzlara<\/h2>\n
HTTP<\/code>, temel bir web protokol\u00fcd\u00fcr ancak g\u00fcn\u00fcm\u00fczde HTTPS<\/code>, veri g\u00fcvenli\u011fi ve gizlili\u011fi i\u00e7in standart haline gelmi\u015ftir. HTTPS, veriyi \u015fifreleyerek ortadaki dinleyicilerin (man-in-the-middle) bilgiyi okumas\u0131n\u0131 engeller. Bu, \u00f6zellikle bankac\u0131l\u0131k i\u015flemleri veya ki\u015fisel bilgilerin payla\u015f\u0131ld\u0131\u011f\u0131 siteler i\u00e7in hayati \u00f6nem ta\u015f\u0131r.<\/p>\n.com<\/code>, .org<\/code>, .net<\/code> gibi \u00fcst d\u00fczey alan adlar\u0131 (TLD – Top-Level Domains)<\/strong> bulunur. Bunlar\u0131n alt\u0131nda ise teknoloji-blogu<\/code> gibi ikinci d\u00fczey alan adlar\u0131 ve daha da alt katmanlarda alt alan adlar\u0131 (subdomains) yer alabilir. \u00d6rne\u011fin, blog.teknoloji-blogu.com<\/code>, ana alan ad\u0131n\u0131n bir alt alan ad\u0131d\u0131r ve genellikle farkl\u0131 bir ama\u00e7 i\u00e7in kullan\u0131l\u0131r.<\/p>\n\/kategoriler\/teknoloji\/makale-123<\/code> gibi bir yol, bir sunucudaki belirli bir klas\u00f6r yap\u0131s\u0131n\u0131 ve dosya ad\u0131n\u0131 g\u00f6sterebilir. Ancak g\u00fcn\u00fcm\u00fczdeki modern web uygulamalar\u0131nda, bu yollar genellikle sunucu taraf\u0131nda i\u015flenir ve belirli bir veritaban\u0131 kayd\u0131na veya i\u015fleme y\u00f6nlendirilir. Bu, RESTful API<\/strong>‘ler gibi mimarilerde s\u0131k\u00e7a g\u00f6r\u00fcl\u00fcr.<\/p>\n?<\/code>) ile ba\u015flar ve anahtar-de\u011fer \u00e7iftleri \u015feklinde (anahtar=deger<\/code>) sunucuya ek bilgi g\u00f6nderir. \u00d6rne\u011fin, bir arama sonu\u00e7lar\u0131 sayfas\u0131nda ?s=yapay+zeka<\/code> gibi bir parametre, arama terimini belirtir. Fragment tan\u0131mlay\u0131c\u0131lar\u0131 ise (#<\/code> ile ba\u015flar), sayfan\u0131n belirli bir b\u00f6l\u00fcm\u00fcne do\u011frudan atlamak i\u00e7in kullan\u0131l\u0131r ve taray\u0131c\u0131 taraf\u0131ndan i\u015flenir, sunucuya g\u00f6nderilmez. \u00d6rne\u011fin, #bolum-3<\/code>, sayfan\u0131n “bolum-3” etiketli k\u0131sm\u0131na gitmenizi sa\u011flar.<\/p>\nVaka Analizi: E-ticaret Sitesinde \u00dcr\u00fcn Arama<\/h3>\n
www.alisveris-sitesi.com<\/code>) belirli bir \u00fcr\u00fcn\u00fc arad\u0131\u011f\u0131n\u0131z\u0131 d\u00fc\u015f\u00fcn\u00fcn. “Ak\u0131ll\u0131 saat” diye arama yapt\u0131\u011f\u0131n\u0131zda URL \u015f\u00f6yle g\u00f6r\u00fcnebilir: https:\/\/www.alisveris-sitesi.com\/arama?q=akilli+saat&kategori=elektronik<\/code>.<\/p>\n\n
https<\/code>, g\u00fcvenli bir ba\u011flant\u0131 oldu\u011funu g\u00f6sterir.<\/li>\nwww.alisveris-sitesi.com<\/code>, sitenin ana kimli\u011fidir.<\/li>\n\/arama<\/code>, arama i\u015flevini tetikleyen bir sayfay\u0131 i\u015faret eder.<\/li>\n\n
q=akilli+saat<\/code>: Kullan\u0131c\u0131n\u0131n arad\u0131\u011f\u0131 terimi belirtir.<\/li>\nkategori=elektronik<\/code>: Arama sonu\u00e7lar\u0131n\u0131 “elektronik” kategorisi ile s\u0131n\u0131rlar.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nTaray\u0131c\u0131 ve Sunucu Etkile\u015fimi: Bir Dans\u0131n Ad\u0131mlar\u0131<\/h2>\n
GET<\/code>, POST<\/code>, PUT<\/code>, DELETE<\/code> vb.), talep edilen kaynak (URL), taray\u0131c\u0131n\u0131n t\u00fcr\u00fcn\u00fc belirten User-Agent<\/code> ba\u015fl\u0131\u011f\u0131, kabul etti\u011fi i\u00e7erik t\u00fcrlerini belirten Accept<\/code> ba\u015fl\u0131\u011f\u0131 ve e\u011fer varsa \u00f6nceki isteklerden kalan \u00e7erezler (cookies) gibi bilgiler. \u00c7erezler, sunucunun kullan\u0131c\u0131y\u0131 hat\u0131rlamas\u0131n\u0131 sa\u011flayan k\u00fc\u00e7\u00fck veri par\u00e7ac\u0131klar\u0131d\u0131r. \u00d6rne\u011fin, bir al\u0131\u015fveri\u015f sepetindeki \u00fcr\u00fcnleri veya giri\u015f yapm\u0131\u015f kullan\u0131c\u0131 bilgilerini saklamak i\u00e7in kullan\u0131l\u0131rlar.<\/p>\n200 OK<\/code>, 404 Not Found<\/code>, 500 Internal Server Error<\/code> vb.), i\u00e7eri\u011fin t\u00fcr\u00fcn\u00fc belirten Content-Type<\/code> ba\u015fl\u0131\u011f\u0131 (\u00f6rne\u011fin, text\/html<\/code>, image\/jpeg<\/code>) ve i\u00e7eri\u011fin uzunlu\u011funu belirten Content-Length<\/code> ba\u015fl\u0131\u011f\u0131. Yan\u0131t\u0131n g\u00f6vdesi ise, istenen ger\u00e7ek i\u00e7eriktir.<\/p>\nPOST<\/code> iste\u011fi), sunucu bu veriyi al\u0131r, i\u015fler (\u00f6rne\u011fin, bir veritaban\u0131na kaydeder) ve ard\u0131ndan kullan\u0131c\u0131ya bir sonraki sayfay\u0131 g\u00f6sterir veya bir onay mesaj\u0131 g\u00f6nderir. Bu s\u00fcrekli gidi\u015f-geli\u015f, web’in interaktif do\u011fas\u0131n\u0131 olu\u015fturur.<\/p>\nVaka Analizi: Sosyal Medya Ak\u0131\u015f\u0131n\u0131 Yenilemek<\/h3>\n
\n
AJAX (Asynchronous JavaScript and XML)<\/code> iste\u011fi g\u00f6nderir. Bu istek, genellikle GET<\/code> metoduyla ve sadece yeni verileri talep eder.<\/li>\nG\u00fcvenlik Katmanlar\u0131: T\u0131klamadan \u00d6nce ve Sonra<\/h2>\n
Vaka Analizi: Sahte Banka E-postas\u0131<\/h3>\n
\n
https:\/\/www.bankam-guvenlik-dogrulama.com\/giris<\/code> gibi g\u00f6r\u00fcnse de, ger\u00e7ek bankan\u0131n URL’si https:\/\/www.gercek-banka.com\/giris<\/code>‘tir. Alan ad\u0131ndaki k\u00fc\u00e7\u00fck bir fark (bankam-guvenlik-dogrulama<\/code> yerine gercek-banka<\/code>) g\u00f6zden ka\u00e7abilir.<\/li>\n\u0130leri D\u00fczey: Taray\u0131c\u0131 Teknolojileri ve Optimizasyonlar<\/h2>\n
Kod \u00d6rne\u011fi: Lazy Loading Uygulamas\u0131<\/h3>\n
<div class="code-container">\n <pre><code><img src="placeholder.jpg" data-src="gercek-resim.jpg" alt="A\u00e7\u0131klama" class="lazyload">\n\n<script>\n document.addEventListener("DOMContentLoaded", function() {\n var lazyloadImages = document.querySelectorAll(".lazyload");\n lazyloadImages.forEach(function(img) {\n img.setAttribute('src', img.getAttribute('data-src'));\n img.onload = function() {\n img.removeAttribute('data-src');\n };\n });\n });\n<\/script><\/code><\/pre>\n <\/div><\/code><\/pre>\ndata-src<\/code> \u00f6zniteli\u011fi ger\u00e7ek resim yolunu tutar ve ba\u015flang\u0131\u00e7ta src<\/code> \u00f6zniteli\u011fi bir yer tutucu (placeholder) resim g\u00f6sterir. JavaScript kodu, DOM y\u00fcklendi\u011finde bu \u00f6znitelikleri de\u011fi\u015ftirerek resmi y\u00fckler. Daha geli\u015fmi\u015f uygulamalar i\u00e7in Intersection Observer API kullan\u0131labilir.<\/p>\nSonu\u00e7: Dijital D\u00fcnyada Bir T\u0131klaman\u0131n \u00d6nemi<\/h2>\n
S\u0131k\u00e7a Sorulan Sorular<\/h3>\n
\n