CSS: Webi Şekillendiren Dil
CSS bir web sayfasının her görsel detayını kontrol eder — renk, düzen, boşluk, animasyon ve duyarlılık. Basit bir sunum katmanından, container queries, @layer, mantıksal özellikler ve Houdini API gibi modern özelliklerle geliştiricilere rendering üzerinde ayrıntılı kontrol sağlayan tam bir tasarım sistemi diline evrilmiştir. Bu yol, ilk seçiciyi yazıp büyük production kod tabanlarında kullanılan ölçeklenebilir tasarım sistemleri mimarisine kadar CSS'nin tüm kapsamını içerir.
Öğrenecekleriniz
Sözdizimi, seçiciler, renkler ve tipografi ile başlayacak, ardından kutu modeli, display özellikleri ve konumlandırma konusunda sağlam bir temel oluşturacaksınız. Buradan Flexbox ve CSS Grid ile hem standart hem de ileri düzey düzenler üzerinde çalışacak, duyarlı tasarım ve medya sorgularını uygulayacak ve bakımı kolay temalar için CSS değişkenleri, özel işlevler ve tasarım tokenlarını kullanacaksınız. Ayrıca geçişler, keyframe animasyonları, transformlar, filtreler, blend modları ve dark mode'u — artı Sass, PostCSS ve CSS-in-JS desenleri gibi modern araçları da kapsayacaksınız. Yol, BEM kullanarak CSS mimarisi, özgüllük ve cascade, container queries, @layer cascade katmanları, CSS Houdini ve performans ile sonlanır.
Öğrenme Yolu
Kırk kurs A1'den C1'e kadar uzanır. Erken A1 ve A2 kursları temelleri oluşturur — seçiciler, kutu modeli, pseudo-sınıflar, pseudo-öğeler ve birimler. B1 kursları Flexbox, Grid, duyarlı tasarım, animasyonlar, DevTools ile hata ayıklama ve CSS işlevlerini kapsar. B2 kursları ileri Flexbox ve Grid, Sass, PostCSS, CSS-in-JS, tasarım tokenları, CSS Shapes, mantıksal özellikler, container queries ve CSS Layers'a adım atar. Üç C1 kursu — CSS Houdini, CSS Performance ve CSS Future — platformun en ileri düzeyine değinir.
Nasıl Çalışır
Her kurs, gerçek zamanlı geri bildirimle yerleşik editörde doğrudan tamamladığınız kısa, odaklanmış dersler halinde bölünmüştür. Takılıp kaldığınızda bir AI tutor mevcuttur ve ilerleme kasıtlı olarak kademeli olup her konsept sonrakinden önce tanıtılmadan önce öncekini pekiştirir.