SASS (SCSS): Bootstrap'i İnceleyelim

Bu video, SASS (SCSS) eğitim serisinin son bölümü olup Bootstrap kütüphanesinin derinlemesine incelenmesine odaklanmaktadır. Eğitmen, Bootstrap'in SCSS dosya yapısını analiz ederek, kendi yerel ortamımızda Bootstrap'i nasıl manipüle edip çıktı alabileceğimizi göstermektedir.

Videonun Önemli Başlıkları:

• Bootstrap Yapısı ve Dosyalar:Bootstrap'in sunduğu CSS dosyalarının (Bootstrap CSS, Bootstrap Minified, RTL vb.) işlevleri anlatılmakta ve SCSS kaynak kodlarının klasör yapısı (grid, reboot, utilities gibi) incelenmektedir (1:02-4:17).
• Lokalde Çalıştırma: Kaynak kodların nasıl indirileceği, npm paketlerinin nasıl yükleneceği ve npm start komutuyla yerel sunucuda nasıl ayağa kaldırılacağı gösterilmektedir (5:18-9:33).
• Bootstrap'i Manipüle Etme:Bootstrap içindeki değişkenler değiştirilerek (örneğin ana rengin özelleştirilmesi) nasıl çıktı alınabileceği açıklanmaktadır (10:02-10:54).
• Grid Sistemini Entegre Etme:Bootstrap'in grid sistemini kendi SCSS projemize nasıl dahil edebileceğimiz, gerekli bağımlılıkların (fonksiyonlar, değişkenler vb.) nasıl taşınacağı adım adım gösterilmektedir (10:56-13:25).
• Test ve Uygulama: Grid sisteminin çalışır hale getirilmesi ve farklı ekran boyutlarında (breakpoint) kolon yapısının nasıl tepki verdiği uygulama üzerinde test edilmektedir (14:23-15:25).