Tekrar hoşgeldiniz.
Bu video bu sınıfta oldukça önemli bir kilometre taşını temsil ediyor.
Yalnızca ön uç teknolojilerinden sırt ve web gelişiminin ilk tatlarına doğru ilerliyoruz.
Bu yüzden öğrendiğimiz her şeyi kullanmaya devam edeceğiz.
G-mail CSSA javascript ama tam web uygulamaları yapmamıza yardım eden bazı
yeni teknolojileri öğreneceğiz.
Elbette bazı kodları yazmaya başlamadan önce, dikkat etmemiz gereken birkaç şey daha var.
Internet'in nasıl çalıştığını inceleyerek başlayacağız.
Ardından, statik vs. ile ilgili konuşacağız. dinamik siteler ve nerede ön uç uyuyor
ve nereye geri ve uyuyor ve çoğunlukla biz geri çalışacağız belirli arka ve teknolojileri hakkında daha
fazla konuşacağız.
Pekâlâ, İnternetin nasıl çalıştığına dair 60'ıncı sürümüyle başlayalım.
Bana bir Euro'ya gittiğimde buradaki eğik çizgi dersleri sahnelerin arkasında birkaç şey var.
Birincisi, bilgisayarımızın bir IP adresinin ne şekilde gönderileceğini anlaması gerekir.
Bu yüzden sizi okumak için R-OH alır sizi ve benim sunucu için benzersiz bulma yeri olan
doğru IP adresini alır.
Sonra bir kere o IP adresimiz var ve Yeni Çağ TTP isteği gönderildi.
Bu IP adresine bir istek gönderildi ve bu sadece boş bir istek değil.
Bir sürü bilgi var.
Bir sonraki videoda bu talebin içerdiği ayrıntılarla ilgili daha fazla konuşacağız.
Ancak kısa sürüm, kendi IP Adresiniz gibi bir şeyleri bu tür bir istekte
gönderdiğiniz zamana sahip olmasıdır.
Ve en önemlisi, istediğin belirli sayfa.
Bu durumda bu durumda dersin sayfasını istiyoruz.
Bu, yanıma gönderilen istekte kodlanmış bu talebi alır ve ne yapacağımı
belirler.
Ve sonra bir şeyle karşılık verir.
Dolayısıyla, Slash kurslarını talep edersek, Tomy sunucusu ders sayfasında neye ihtiyaç
duyacağını bulacaktır.
Bu yüzden bir veritabanına girdiğini ve kursları bir araya getirdiğini ve bazı
başarılı ve bazı javascriptleri içeren bu bir uzun HTL dosyasına onları derleyen ve sonra
nihayet bana geri bilgisayarıma gönderilen HTP yanıtını aldığını varsayacağım ve sonra işi sayfayı vermek olan bir tarayıcıya.
Dolayısıyla, gerçek içerik, tarayıcımızın onunla ilgilenmesinden önce bu şekilde görünür ve bizler için
bizler için yapar.
Bilgisayarın javascript'teki HMO başarısını gördüğü şey budur.
Bütün bunları bir URL'ye gittiğimde özetlemek gerekirse, ilk gerçekleşen şeyin içine girmek isabet edersek bu
etki alanının IP adresini bulmamız gerekir ve o zaman belirli bir sayfayı o IP adresinden istemek için bir HTP isteği
göndeririz ve daha sonra sunucu Bu isteği alır.
Neye cevap vereceğimi anlar.
Ve sonra H ile karşılık verir. M. SS, javascript içinde.
Konuşmak istediğim sonraki şey, statik ve dinamik web sayfaları arasındaki farktır.
Bunun hakkında İnternet'in nasıl çalıştığına ilişkin ilk videolardan birinde de konuştuk.
Hızlı bir özet yapmak istiyorum, çünkü sahip olmak üzeriniz olan arka uç tartışması için önemlidir.
Dolayısıyla iki farklı Web sitesi türü vardır: statik sayfalar ve dinamik sayfalar dinamik web sayfaları,
sunucu tarafında bir araya getirilmeden önce bir web sayfasının oluşturulması veya birlikte çekilmesi
için sunucu tarafında derlenen sitelerdir.
Şu ana kadar yazdığımız her şey durağandır.
Öyleyse böyle bir şey bile durağanmış gibi görünmüyor çünkü dinamik içerik var.
Her seferinde rasgele renkler alıyoruz ve bu bir oyun.
Bu konudaki daha önceki videoda kullandığım restoran Web sayfası örneği kadar statik
görünmüyor ancak javascript'teki aynı HMO C Ss'si olduğu için hala statik.
Her seferinde.
Evet farklı görünüyor çünkü bazı rasgele renklerimiz var ancak aynı temel
parçaları, tarayıcıda dinamik bir web sitesinde her açtığımızda aynıdır.
Her seferinde geri gönderilen her takımdan farklı javascript veya farklı Cs'lere
sahip olabilirdik.
Bu nedenle Reddit gibi bir şeye gittiğimizde sayfayı yenilediğimde buraya farklı bir içerik
getirebiliriz.
Aslında yeni içeriğinizin bulunduğu sayfaya her defasında yeni geliyorum ve bu nedenle işleri derleyen
bir veritabanı var.
Giriş yapmış olup olmadığınızı kontrol eden bazı kodlar var, oturum açtıysanız burada size bir
form göstermeyeceğim, ancak size bir çıkış düğmesi gösterecektir.
Ve giriş yapmadıysanız, size bir form gösterilir ve oturum açtığınız veya üye olduğunuzu gösterir.
ne gönderileceğine karar verdiği her seferinde bana geri gönderen javascript'teki H G M L C Ss ile aynı değildir.
Dolayısıyla bu web sayfası, sunucu aslında
Bir web sayfasını bu sitede karşı gönderilmeden önce oluştururken, her seferinde aynı
içeriğe sahiptir.
Tamam o halde şimdi arka uç üzerinde biraz daha odaklanalım.
Dolayısıyla bu diyagram genel bir yığın ve yığın, belirli bir web uygulamasının kullandığı tüm
teknolojilere atıfta bulunan bir terimdir.
Yani H. T. Melchior, javascript'de her zaman neredeyse her zaman büyük süslü web uygulamalarında
yığının bir parçası olduğunu söylüyor.
Teknik olarak, herhangi bir başarıya sahip olmayan bir Web sitemiz olabilir.
Bu sadece iğrenç olurdu.
Herhangi bir istemci tarafı javascripti olmayan bir web sitemiz olabilir ve sadece
etkileşimli olmazdı.
Ancak yine de orijinal fotoğraf portföy sitesiyle yaptığımız gibi mükemmel bir
Web sitesi hazırlayabiliriz Eliseus bize ama çoğu web uygulaması, HDMI elsea diyor ve arka
uçta geri gönderilmekte olan Javascript'imiz var. çok daha fazla değişken.
Skala veya Java veya javascript veya THP yazabilir veya geri yazabilir veya kullanabiliriz.
Yani sunucu tarafı kodu yazabildiğimiz çeşitli diller vardır ve Ruby veya Python veya
Orada çok seçenek var.
Dışarıda her çeşit farklı veri tabanı var.
Post kriz sonrası ve benim için de netice ve Mongo ve çok seçenek var.
Yani yığın terimi, geliştiricilerin hangi seçimleri yaptıkları ve kullandığı teknolojileri
ifade eder.
Geliştiricilerin birbirlerine sormaları çok yaygın bir sorundur.
Bu şirketteki yığınınız nedir veya bu belirli projede hangi yığın kullanıyorsunuz.
İşte Reddit yığınının gerçek bir örneği.
İşte bu, Reddit'in web sitesinde kullandığı teknolojilerin bazıları.
Dolayısıyla site, balon olarak adlandırılan bir çerçeveyi kullanarak Python'da yazılmıştır.
Bir X X sunucusunda yerleşiktir ve postscript'leri veritabanında kullanmaktadır.
Aslında Stack paylaşımı adı verilen farklı şirketlerin yığınlarını paylaşmaya ayrılmış bir Web sitesi var.
Bu yüzden onu burada açtım ve bu doku üzerindeki Reddit sayfası ve kullandığı tüm farklı
teknolojileri görebiliyoruz.
Ve genetik Python post gresse Amazon S3.
Ve bunların altında ne için kullanıldıklarını anlatıyor.
Kaç tane simge olduğundan bıkmayınız.
Kaç isim ve tüm bu farklı kategoriler ve tüm bu farklı terimler.
Burada odak noktası değil.
Sana göstermek istediğim tek şey, farklı Web sitelerinin farklı teknolojileri kullanması.
Öyleyse yığınları tıklayın ve diğer şirket yığınlarına bir göz atalım.
Örneğin hava B ve B, FBN B'nin rayları ve Ruby'yi kullandığını görebilir; bu da Ruby'nin javascript'i için Esky kuyum
alanımı kullanıyor.
Bir sürü farklı teknolojiyi kullanıyorlar.
Şimdi slaytlarımıza geri dönelim.
Getirmek istediğim başka bir şey de burada bu mavi çizginin arka uç ve ön uç
arasındaki sınırı gösteriyor olması.
Dolayısıyla dinamik bir sitenin arka uçtaki bir sunucu tarafından nasıl oluşturulduğunu tartıştık.
Dolayısıyla burada diyagramın bu kısmı, sitenin dinamik bölümünün geldiği yerdir.
budur; bir kullanıcıya oturum açarsa, giriş yaptıysak rakamları belirtiriz, eğer bir form göstermemiz
gerekiyorsa, sayfaya ne ekleyeceğiz, kaydolmamız gerekiyorsa hangi resimlerin koyulacağını ve kilitleme düğmesi veya bir çıkış düğmesi.
Python'da kırmızı olarak yazılmış olan tüm mantık
Bunların hepsi şemanın arka tarafında ve bu bölümde yapılır ve daha sonra h tim L
C S S ve Javascript'i geri gönderir.
İşte öğrenme yapacağımız yığın.
J düğümünü kullanacağız.
Evet.
Dolayısıyla hâlâ javascript yazacağız ancak arka planda yazacağız.
Express adlı bir çerçeveyi kullanacağız ve ayrıca Mangu DBI'yi veritabanımız olarak kullanacağız.
Ve elbette ayrıca son birkaç birimde kullandığımız gibi html ve CSS'leri
de alacağız.
Dolayısıyla şu anda kursun bu noktasında, kendinizi bir ön uç geliştirici ya da eğitimde bir ön
uç geliştiricisi olarak düşünebilirsiniz; burada, web sitelerinin ön uçlarını başlatmaya başlamanız için bilmeniz
gereken her şeyi verdik.
Şimdi web geliştirmede geri konuşmaya başlayacağız ve bu ikisini birlikte Express A ile sunucu
tarafı kod yazan her yerde kursun sonuna getireceğiz. J. Mongo D-B olarak kullanıcı girişi
sahibiyiz ancak aynı zamanda istemci tarafı veya ön uç javascript yazıyoruz.
H Tim L ve C Ss.
Tam yığında web geliştirme olarak adlandırdığımız şey de budur.
Tam yığıt web geliştirme terimi, yığının tüm bölümlerinde arka uç ve ön uç kodunu yazmayı
ifade eder.
Sepette uygulayabileceğimiz bazı işlevlerin bir diyagramı.
örnek olarak Reddit'i kullanıyor yine de kullanıcının oturum açtığına bakmak gibi özelliklere sahip olduğumuzu görebilirsiniz Kullanıcıya
yeni bir üye girişi veritabanına yeni bir posta ekleme yeni bir yorum oluşturun veritabanından bir postayı kaldırma sıralama
ve mesaj sıralamasını oluştur yeni bir alt Reddit haber bültenine bir abone ekleyin ve bunu veritabanına kaydedin.
Ve bu bir
Ve tabii ki en önemli olanı, her takımın javascript içinde değerlendirip neyi değerlendireceğini anlaması,
daha sonra geri gönderilen kullanıcıya göndermektir.
Bu mavi çizgiyi geçip şu anda H.'nin ön ucuna gideceğiz. M. S. katiller ve Javascript
bana geri gönderildi ve bunu tarayıcımda gördüm.
Burada, ön uç ile arka uç arasındaki görüşmelerin yanı sıra biraz farklı biçimlendirilmiş bir diyagram
daha var.
Bu diyagram, ön-arka ve birkaç sayfalık yüklerin gidişatı arasındaki olayların sırasını belirtir.
Ön uçta bunu okursam dot com ve yenileyebilirim.
Reddit ana sayfası için bir istek gönderiyorum ve sonra bunu okumak için gidiyorum.
Bu istek kendi sunucusuna yapıyor ve sunucu ana sayfayı istediğimi görüyor.
Dolayısıyla, veritabanından üstteki yazıyı kapmakta ve burada gördüğüm ve daha sonra tarayıcımda görüntülediğim bana
geri gönderen her zaman LNC SS ve javascript'i yapan bazı sunucu tarafı mantığı var.
Bir sonraki adım, şimdi yapacağım köpekler gibi bir arama kutusuna bir şeyler yazabileceğim, burada
köpek yazıp içeri girmek.
yeni bir istek Reddit sunucusuna geri gönderildi ve bu sefer köpekler için arama yaptığım söyleniyor.
Ve girdiğimde
Yani sunucu, benim arama terim köpeklerimi alır ve o terimle veritabanında eşleşen tüm yayınları bulur
ve o zaman bana bazı eski çağdaki erkeklerin javascript içinde köpeklerin sonuçlar sayfasını değerlendirmesini sağlar ve
sonra bunu bana geri gönderir .
Ve sonra tarayıcım bunu işliyor ve bunun çok basitleştirilmiş bir sürüm olduğunu görüyorum.
Sahnelerin arkasında çok daha fazla şey oluyor ve Reddit aslında okumak için
benzer bir uygulamanın kendi sürümünü oluşturuyor.
Bir keresinde Express hakkında daha fazla bilgi edinin ve J.'yi tanı. S. ve Mongo DB Ve tam bir yığın uygulaması yapacağız.