|
1. hafta
|
|
Derse giriş, ders işleyişi ve değerlendirme yönteminin tanıtılması, modern CSS çerçeve ekosistemine genel bakış, yardımcı sınıf öncelikli ve bileşen tabanlı yaklaşımların karşılaştırılması, dersin işleneceği araç zincirinin tanıtılması.
|
|
|
2. hafta
|
|
Tailwind CSS temelleri, kurulum, yapılandırma dosyası, yardımcı sınıflar, duyarlı kesme noktaları ve durum varyantları, tema sisteminin tasarım belirteçleri ile ilişkisi.
|
|
|
3. hafta
|
|
Tailwind ile bileşen ayrıştırma yaklaşımı, @apply yönergesi, yeniden kullanılabilir desenler, ekip içi tutarlılığı sağlama, karanlık kip yapılandırması ve özelleştirme örnekleri.
|
|
|
4. hafta
|
|
Erişilebilir bileşen kütüphanelerine bakış, başsız bileşen felsefesi, shadcn ve Radix yaklaşımları, klavye gezintisi, ekran okuyucu uyumu, hazır bileşenlerin proje ihtiyacına uyarlanması.
|
|
|
5. hafta
|
|
Yapay zeka destekli arayüz geliştirmeye giriş, üretken yapay zekanın ön-yüz iş akışındaki yeri, kod üretiminin sınırları, doğrulama ve gözden geçirme süreçleri.
|
|
|
6. hafta
|
|
İstem ile bileşen üretimi, v0 ve benzeri araçların kullanımı, etkili istem yazımı, üretilen kodun proje yapısına uyarlanması, marka kimliğine göre özelleştirme.
|
|
|
7. hafta
|
|
Tasarımdan koda dönüşüm araçları, Figma eklentileri ile tasarım dosyalarından bileşen üretimi, tasarımcı ve geliştirici iş akışının kesişimi, üretilen kodun kalite denetimi.
|
|
|
8. hafta
|
|
Ara sınav.
|
|
|
9. hafta
|
|
Yapay zeka destekli erişilebilirlik denetimi, renk kontrastı analizi, etiket önerileri, ekran okuyucu uyumluluğu kontrolü, yapay zeka asistanları ile erişilebilirlik raporu üretme.
|
|
|
10. hafta
|
|
Tasarım belirteçleri ve tasarım sistemleri, renk, tipografi, boşluk ve gölge ölçeklerinin yapılandırılması, çerçeveler ile tasarım sistemi arasındaki ilişki.
|
|
|
11. hafta
|
|
Figma ile tasarım geliştirme köprüsü, belirteç eşitleme, tasarım dosyalarının okunması, ekip içi geri bildirim süreçleri, tasarımcılarla işbirliği yaklaşımları.
|
|
|
12. hafta
|
|
Diğer çerçeve yaklaşımlarına genel bakış, CSS modülleri ile yerel kapsam, CSS-in-JS yaklaşımları, modern tip güvenli stil araçlarına kısa giriş, yaklaşımların karşılaştırılması.
|
|
|
13. hafta
|
|
Modern derleme zinciri, PostCSS ve Vite ile entegrasyon, otomatik ön ek ekleme, kullanılmayan stilleri temizleme, üretim derlemesi için iyileştirme teknikleri.
|
|
|
14. hafta
|
|
Proje tabanlı uygulama, küçük ölçekli bir arayüz projesinin Tailwind, başsız bileşen kütüphaneleri ve yapay zeka asistanları birlikte kullanılarak uçtan uca geliştirilmesi, değerlendirme ve genel tekrar.
|
|