|
1. hafta
|
|
SASS ile modüler CSS mimarisi, ön işlemci kavramı ve SASS söz dizimi, değişkenler (variables), iç içe yazım (nesting) kuralları ve karışım (mixin) tanımlama, parçalı dosya yapısı ile sürdürülebilir stil organizasyonu.
|
|
|
2. hafta
|
|
CSS Grid Layout I, temel yapı ve çizgi tabanlı yerleşim, grid kapsayıcı ve öğe özellikleri, satır ve sütun tanımlama, açık ve kapalı ızgaralar, basit iki boyutlu sayfa düzenleri.
|
|
|
3. hafta
|
|
CSS Grid Layout II, ileri teknikler, grid alanları (grid areas), minmax fonksiyonu, otomatik yerleşim, repeat ve auto-fit yaklaşımları, karmaşık sayfa iskeletlerinin tasarımı.
|
|
|
4. hafta
|
|
Flexbox modeli ve esnek yerleşim, ana ve çapraz eksen denetimi, esneme ve büzüşme oranları, sıra ve hizalama özellikleri, tek boyutlu yerleşim senaryolarında Flexbox kullanımı.
|
|
|
5. hafta
|
|
Duyarlı tasarım I, mobil öncelikli (mobile first) yaklaşım, kesme noktası stratejileri, ortam sorguları (media queries), küçük ekrandan büyüğe doğru genişleyen tasarım örüntüleri.
|
|
|
6. hafta
|
|
Duyarlı tasarım II, hibrit mimariler, Grid ve Flexbox'un birlikte kullanımı, e-ticaret ve uygulama panosu gibi karmaşık arayüz senaryolarında duyarlı çözümler üretilmesi.
|
|
|
7. hafta
|
|
İleri seviye animasyon tasarımı, transition ve transform özellikleri, anahtar kare animasyonları, GPU destekli başarımlı animasyon teknikleri, kullanıcı deneyimini iyileştiren mikro animasyonlar.
|
|
|
8. hafta
|
|
Ara sınav.
|
|
|
9. hafta
|
|
CSS değişkenleri (custom properties) ile dinamik tema, değişken kapsamı ve geçişlilik, JavaScript ihtiyacı olmadan karanlık ve aydınlık tema (dark ve light mode) altyapısının kurulması.
|
|
|
10. hafta
|
|
CSS başarım iyileştirme, kritik CSS, oluşturma engelleyici stiller, sıkıştırma (minification) ve ayıklama (purge) teknikleri, Lighthouse aracı ile başarım analizi ve raporlama.
|
|
|
11. hafta
|
|
Tarayıcı uyumluluğu, özellik sorguları (feature queries), aşamalı geliştirme, eski tarayıcılar için yedek çözümler, çapraz tarayıcı testleri ve uyumluluk denetim araçları.
|
|
|
12. hafta
|
|
Yeni nesil CSS, mantıksal özellikler (logical properties), yazı yönü duyarlı stil yazımı, kapsayıcı sorguları (container queries), modern ölçü birimleri ve renk fonksiyonları.
|
|
|
13. hafta
|
|
Dönem projesi I, mimari kurulum, gereksinim analizi, SASS dosya yapısının oluşturulması, tasarım belirteçlerinin tanımlanması, temel grid mimarisinin kurulması.
|
|
|
14. hafta
|
|
Dönem projesi II, kod inceleme ve proje sunumu, başarım analizi, erişilebilirlik denetimi, tarayıcı uyumluluk testleri, projelerin değerlendirilmesi ve genel tekrar.
|
|