Tekrar hoş geldiniz.
CSS ve JavaScript'i dizinimize nasıl ekleyeceğimizi bulalım. html çünkü hatırlarsanız burada script
ve CSS kullanıyoruz.
Şimdi bir kez daha Flask ile.
Diyelim ki CSIS'e gidersek, statik dosyalar olduğunu görürüz.
Statik dosyalar basitçe asla değişmeyecek bir dosya olduğu anlamına gelir.
Yani CSS ve JavaScript.
Genellikle onları gönderdikten sonra statiklerini değiştirmezler.
Ve burada Flask ile dosyaları dosya sisteminde statik slash tarzı dokümanlar olarak saklamamız gerektiğini görüyorsunuz,
bu yüzden statik bir klasör oluşturmamız gerekiyor.
Yine, bu sadece alışmanız gereken bir şey.
Ama diyelim ki burada tıpkı şablonlarda yaptığımız gibi statik bir klasör oluşturacağız, böylece
Flask uygulaması CSS ve JavaScript dosyaları için buraya bakacağını bilecek.
Bu yüzden JavaScript dosyasını taşıyacağım.
Statik klasöre.
Ve aynısını CSS dosyası için de yapın.
O yüzden bir kez daha, kımıldayın.
Statik için.
Şimdi, bunu kaydedip çalıştırırsam, aslında çalışmayacağını göreceksiniz.
Nedenmiş o?
Bunu çözebilir misin?
Yine HTML, CSS ve JavaScript hakkında çok fazla konuşmadığımız için.
Bunu anlamadıysanız endişelenmeyin, ancak indekslenmiş HTML dosyamızda hatırlarsanız, bu dosyalara burada
referans veriyoruz.
Ancak dosya yolları artık değişti.
Artık statik klasörün içindeler.
Bunun gibi.
Bu yüzden durağan demek zorundayım.
Senaryo köpekleri.
Eğer şimdi geri dönersem.
Ve tazele.
Hey, şuna bak.
Diyelim ki bu Noel web sitesi için güzel yeşil web sitem, geliştirici araçlarını açtığımda artık çalışıyor.
Ağa gidin ve yenileyin.
Hey, şuna bak.
Belgemi aldım.
Sonra JS dosyam var.
Ve neden CSS yok?
Tekrar tazeleyeyim.
Oh, işte orada, tam orada.
Stil CSS'imiz var.
Elimizde JS ve belge var.
Harika.
Neden bu küçük fab simgesi hatasını aldığımızı merak ediyorsanız, fab simgesi buradaki sekmelerde
görünen küçük simgedir.
Yani aslında istersek kendi fab ikonumuzu bile ekleyebilir ve resim gönderebiliriz.
Bunu yapmanın yolu da yine uç noktamızda blog yerine fab icon
dot iko diyeceğim ve ona sadece bir resim gönderebileceğiz.
Hmm.
Bunu nasıl yapacağız?
Cevabı bir sonraki videoda göstereceğim, ancak bunu denemenizi ve bu hatayı almamamız
için bu uç noktaya bir görüntüyü nasıl geri gönderebileceğinizi bulmanızı istiyorum.
Ve bir tarayıcı otomatik olarak bunu talep ettiğinde, ki tüm tarayıcılar bunu yapar, bizim için burada küçük
bir simge gösterecektir.
Bu yüzden istediğiniz simgeyi seçin ve bir sonraki videoda çözüp çözemeyeceğinizi görün.
Sana cevabı göstereceğim.