Buradasın
Django Eğitim Videosu: Sayfa Parçalama ve Dinamik Menü Oluşturma
youtube.com/watch?v=0XcuoUFZk1kYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan Django eğitim serisinin üçüncü dersidir. Eğitmen, evde tadilat yaparken ders anlatmaktadır.
- Videoda, Django projelerinde sayfaları nasıl bölümlendireceğimiz ve parça kavramı üzerine odaklanılmaktadır. Eğitmen, "base.html" adlı temel şablon oluşturma, "index.html" gibi sayfaları bu şablonu "extend" etme, "navbar.html" ve "footer.html" gibi parçaları oluşturma ve "include" komutu ile şablonlara dahil etme yöntemlerini göstermektedir. Ayrıca, statik sayfaların dinamik hale getirilmesi, menü bağlantılarının dinamik olarak ayarlanması ve aktif class kullanımı gibi konular da ele alınmaktadır.
- Video, bir web sitesinde "ebat" adlı yeni bir sayfa oluşturma sürecini kapsamakta ve anasayfa ile ebat sayfası arasındaki geçişlerde menü öğelerinin dinamik olarak aktif hale getirilmesi gibi konuları kod örnekleriyle açıklamaktadır.
- 00:09Django'da Sayfa Bölümlendirme
- Django derslerinde statik dosyalar üzerine konuşulduktan sonra bu derste sayfaları nasıl bölümlendireceğimiz ve parça kavramı üzerine konuşacağız.
- Ana sayfa statik olarak tamamlanmış durumda ve daha sonra dinamik olarak kurslar bölümü eklenecek.
- Statik sayfalarda ortak olan bölümler (menü gibi) tekrar tekrar aynı işlemlerde kullanmak mantıklı değil, bunun yerine sayfaları belirli bölümlere ayırırız.
- 03:15Parça Dosyaları Oluşturma
- Template klasörünün içerisinde "parça" adında yeni bir klasör oluşturulur ve bu klasörün içerisinde "_base.html" adında bir dosya oluşturulur.
- _base.html dosyasında tüm sayfalarda ortak olan bölümler alınır ve süslü parantezler ve % işaretleri kullanılarak "block_content" ve "end_block_content" şeklinde belirtilir.
- Sayfalar kendilerine özgü içeriklerini "block_content" ve "end_block_content" blokları arasında yerleştirirler.
- 06:10Sayfa Dosyalarını Extend Etme
- Sayfa dosyaları _base.html dosyasını genişletmek isterse, süslü parantezler ve % işaretleri kullanılarak "extend('parça_klasörü_alt_çizgi_base.html')" şeklinde belirtilir.
- Sayfa dosyalarının en başında extend ifadesi yazılmalıdır.
- Sayfa dosyalarının kendi içeriğinde statik dosyalar kullanmak için "static" kontrolü kullanılır.
- 09:50Diğer Parçaları Oluşturma
- Menü gibi farklı bölümler için de ayrı parça dosyaları oluşturulabilir.
- Parça dosyaları için "include" ifadesi kullanılır, örneğin "include('parça_klasörü_alt_çizgi_navbar.html')" şeklinde.
- Footer gibi diğer bölümler için de benzer şekilde parça dosyaları oluşturulabilir ve include edilebilir.
- 15:04Ebat Sayfası Oluşturma
- Ebat sayfası için yeni bir video yönlendirme oluşturuluyor ve ebat fonksiyonu çalıştırılıyor.
- Ebat sayfası açıldığında, yeni ses dosyaları ve diğer dosyalar bulunamadığı için hata alınıyor.
- Ebat sayfası için template oluşturuluyor ve ortak kısımlar silinerek sadece ebatın kendine has içerikleri kalıyor.
- 19:23Görsellerin Statik Olarak Gösterilmesi
- Görsellerin statik olarak gösterilmesi için süslü parantez, yüzde işareti ve statik tek tırnak kullanılıyor.
- Bu yöntem sadece statik görülecek görseller için kullanılıyor, veritabanından çağrılacak görseller için farklı bir yöntem gerekiyor.
- Template oluştururken yorum yazmanın geliştiriciler için faydalı olduğu vurgulanıyor.
- 22:15Menü Değişiklikleri
- Menüde değişiklik yapılıyor ve index sayfasına yönlendirme yapılıyor.
- Menüde "active" klasının dinamik olarak değiştirilmesi için if koşulu kullanılıyor.
- Eğer adresin içerisinde belirli bir değer varsa, "active" klası kullanılarak menü aktif hale getiriliyor.
- 27:39Aktif Klas Kullanımı
- Anasayfada aktif klasın nereye ekleneceği belirtiliyor.
- Ebat eşit olduğunda aktif klasın nasıl aktif edileceği açıklanıyor.
- Ebat eşit olduğunda aktif klasın çalışmaması nedeni, adresin yan yana değil farklı bir şekilde algılanması olarak açıklanıyor.
- 29:19Dinamik Menü Oluşturma
- Ebat request'te ebat varsa ikinci klasa aktif class verme yöntemi gösteriliyor.
- Menüdeki logo ve adreslerin nasıl ayarlanacağı anlatılıyor.
- Statik sayfaların ve templatelerin nasıl parçalanabileceği ve menünün dinamik hale getirilebileceği konusu ele alınıyor.