Mert Özen Her Satırda Daha İleri
Anasayfa Videolar SASS (SCSS): Modüler SCSS Yapısı
SASS / SCSS

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).
Etiketler