Mert Özen Her Satırda Daha İleri
Anasayfa Videolar SASS (SCSS): Karar Yapıları ve Döngüler
SASS / SCSS

SASS (SCSS): Karar Yapıları ve Döngüler

21 Haz 2025 13:21
YouTube'da izle
Açıklama

Bu video, SCSS (SASS) içerisinde programlama mantığına dayalı karar yapıları ve döngülerin nasıl kullanılacağını detaylı bir şekilde ele almaktadır. Mert ÖZEN tarafından hazırlanan içerikte, özellikle dinamik CSS yazımı ve tekrar eden kodların yönetimi üzerinde durulmuştur.

Videonun ana başlıkları:

  • Karar Yapıları (0:31-2:17): if, else if ve else komutları kullanılarak tema yönetimi (örneğin dark/light mode) gibi koşullu biçimlendirmelerin nasıl yapılabileceği gösterilmiştir.
  • Veri Yapıları - List ve Map (2:18-5:36): Döngülerle birlikte kullanılan list (sıralı değerler) ve map (key-value çiftleri) yapıları anlatılmıştır. Özellikle breakpoint yönetimi için map yapısının avantajlarına değinilmiştir.
  • Döngüler (5:37-12:28):
    • for: Belirli bir aralıkta tekrar eden sınıflar oluşturmak için kullanılır (05:37).
    • each: Listeler ve map'ler üzerinde dönerek dinamik sınıf üretmek için kullanılır (08:00).
    • while: Bir koşul sağlanana kadar çalışan döngü yapısıdır (10:21).

Video, bu yapıların yardımıyla modern CSS framework'lerinde (Bootstrap, Tailwind CSS gibi) gördüğümüz yardımcı (utility) sınıfların nasıl sıfırdan oluşturulabileceğini ve kodun bakımını nasıl kolaylaştırdığını vurgulayarak sona ermektedir.