CSS Öğren - Kodlama Kursu

Telefonunda seçicilerden duyarlı düzenlere, animasyonlara ve modern web tasarımına kadar CSS öğren. Kısa, tek konulu derslerle CSS öğren; tek dokunuşla açılan editörde HTML ve stil kodlarını yan yana gör, sonucu canlı önizlemede izle.

İÇİNDE NELER VAR

• 40 kurs, 159 ders: başlangıçtan (A1) ileri düzeye (C1)

• Canlı HTML ve CSS editor: anında önizleme, denemeler, kendi sayfaların

• 20 rehberli web tasarımı projesi: araç çubuğu, kart ızgarası, yapışkan başlık, nabız gibi atan düğme

• 20 hata avı görevi: 42px fazla geniş kart, telefonlarda çalışmayan medya sorgusu, sayfanın arkasında kalan iletişim penceresi

• Bitirme sınavı ve tamamlama sertifikası

• 22 dil

BAŞLANGIÇTAN İLERİ DÜZEYE EKSİKSİZ BİR YOL

• Söz dizimi, seçiciler, renkler, arka planlar, tipografi, kutu modeli, görüntüleme, konumlandırma, birimler, değerler

• Sözde sınıflar, sözde öğeler, CSS flexbox, CSS grid: temellerden ileri düzey düzenlere

• Duyarlı tasarım, medya sorguları, kapsayıcı sorguları

• Özel özellikler (değişkenler), fonksiyonlar, seçici özgüllüğü, basamaklandırma, @layer

• Geçişler, dönüşümler, anahtar kare animasyonu, filtreler, karıştırma modları

• Koyu mod, renk şemaları, kaydırma, taşma, clip-path, şekiller

• DevTools ile hata ayıklama, BEM mimarisi, Sass, PostCSS, tasarım belirteçleri

• Bileşen ve modern düzen kalıpları, performans, Houdini

KALICI ÖĞRENME SAĞLAYAN PRATİK

• Kısa sınavlar, 69 maddelik özet rehber, ön yüz veya web geliştirici mülakatları için açıklayıcı yanıtlarıyla 50 soru

• Düzenlenebilir kod kütüphanesi; kodları, notları ve favori dersleri kaydet

• Dünya Kodlama Yarışması: Python, JavaScript ve diğer dillerde günde üç küresel tur

• Seriler, XP, liderlik tablosu, günlük hatırlatıcılar

AI REHBERİ

• Kavramları, hataları, düzenleri, özellikleri veya kodunu AI rehberine sor

• AI deneme alanı, sayfa açıklamalarından HTML ve stil kodu oluşturur

• Günlük ücretsiz AI kullanım hakkı; Pro ile sınırsız

KİMLER İÇİN

• Web geliştirmeyi öğrenen yeni başlayanlar

• Taslakları devretmek yerine sayfaları biçimlendiren tasarımcılar

• Web tasarımı derslerinin yanında pratik yapan öğrenciler

• CSS flexbox ve CSS grid öğrenen HTML ve stil geliştiricileri

• Ön yüz geliştirme işine hazırlanan, kariyer değiştirmek isteyenler

NASIL ÇALIŞIR

1. Ücretsiz başla: söz dizimi ve seçicilerle CSS öğren

2. Editor içindeki değerleri değiştir; önizlemeyi izle

3. Kutu modeli, esnek kutu, ızgara, duyarlı tasarım ve animasyonla CSS öğren

4. Rehberli projeler oluştur; düzen hatalarını düzelt

5. Sertifikan için bitirme sınavını geç

ÜCRETSİZ VE Pro

Ücretsiz: ilk kurs, ilk rehberli proje, iki görev, canlı editor ve günlük AI rehberi kullanım hakkı. Pro: tüm kurslar, projeler ve görevler, sertifika sınavı, sınırsız AI ve reklamsız kullanım.