SASS (SCSS): Modüler SCSS Yapısı
28 Haz 2025
12:44
YouTube'da izle
Açıklama
Bu video, SCSS (SASS) projelerinde sürdürülebilir ve ölçeklenebilir bir dosya yapısı oluşturmak için modern modüler teknikleri ele almaktadır. Mert Özen tarafından hazırlanan içerikte, klasik @import yönteminden modern @use ve @forward kurallarına geçiş süreçleri detaylandırılmaktadır.
Videonun Öne Çıkan Başlıkları:
- Modern Modülerlik (@use ve @forward): Eski @import yönteminin neden terk edildiği açıklanarak, daha güvenli ve namespace (isim alanı) tabanlı bir çalışma sağlayan @use kullanımı anlatılmaktadır (3:17-4:50).
- Dosya Aktarımı (@forward): Birden fazla alt dosyayı (değişkenler, fonksiyonlar vb.) bir klasör içindeki _index.scss dosyası üzerinden tek bir noktadan dışa aktarmanın verimli yolları gösterilmektedir (5:39-7:15).
- Örnek Proje Yapısı: Küçük ve orta ölçekli projeler için oluşturulan örnek klasör yapısı (Abstracts, Base, Components, Layout) üzerinden modülerliğin pratikte nasıl uygulanacağı uygulamalı olarak gösterilmektedir (7:50-12:15).
- Mixins ve Dinamik İçerik: @mixin kullanımı ve @content anahtar kelimesi ile medya sorgularını (responsive tasarım) nasıl daha dinamik hale getirebileceğiniz işlenmektedir (9:17-9:55).