CSS becerilerini bugüne taşı
Modernizing CSS Skills Eğitimi, eski float tabanlı ve hack ağırlıklı CSS alışkanlıklarını günümüzün güçlü ve bakımı kolay özellikleriyle değiştirmeyi öğretir.
Float ve hack dönemini geride bırakıp modern, bakımı kolay CSS yazmak
Modernizing CSS Skills Eğitimi, eski float tabanlı ve hack ağırlıklı CSS alışkanlıklarını günümüzün güçlü ve bakımı kolay özellikleriyle değiştirmeyi öğretir. Katılımcılar Flexbox ve Grid ile modern düzeni, subgrid, logical properties, custom properties ve modern renk fonksiyonlarını öğrenir. Ardından container queries, :has(), cascade layers ve nesting işlenir. Program modern animasyon, görsel efektler, variable fonts ve performans konularıyla tamamlanır.
4 Gün. Her gün dört modül; her modern özellik eski yöntemle karşılaştırmalı işlenir ve örnek bir arayüze uygulanarak pekiştirilir.
Orta Seviye — Eski CSS alışkanlıklarını Grid, container queries ve modern seçicilerle güncelleyen program
Her modern özellik, çözdüğü eski sorunla karşılaştırmalı anlatılır ve örnek bir arayüze uygulanarak somutlaştırılır.
Float ve hack yöntemlerini bırakıp Grid, container queries ve modern seçicilerle temiz ve okunur CSS yazarsınız.
Modern özelliklerle eskiden uzun kod gerektiren düzenlerin bugün ne kadar kısa çözüldüğünü uygulayarak görürsünüz.
Custom properties, cascade layers ve nesting ile büyüdükçe dağılmayan, yönetilebilir stil sistemleri kurarsınız.
Eğitimden verim almak için gereken ön bilgi
Seçiciler, kutu modeli ve temel yerleşim gibi CSS konularını aktif kullanıyor olmak gerekir.
Semantik HTML yapısı ve sınıf kullanımı konusunda rahat olmak öğrenmeyi kolaylaştırır.
Geliştirici araçlarının stil ve düzen inceleme panellerine aşinalık faydalıdır.
Flexbox veya Grid ile en azından temel düzeyde çalışmış olmak avantaj sağlar.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
Flexbox, Grid ve subgrid ile eskiden float ve hack gerektiren karmaşık düzenleri temiz ve kısa biçimde kurabilirsiniz.
Logical properties ve writing-mode ile çok dilli ve RTL düzenlere uyum sağlayan esnek stiller yazabilirsiniz.
Custom properties ile merkezi tema kurar, koyu mod gibi tema geçişlerini tek noktadan yönetebilirsiniz.
oklch ve color-mix ile algısal olarak tutarlı, kontrast dengesi iyi renk paletleri oluşturabilirsiniz.
clamp, min ve max ile sabit kırılma noktalarına bağımlı kalmadan sürekli ölçeklenen arayüzler tasarlayabilirsiniz.
Container queries ile bileşenleri kapsayıcı genişliğine göre uyarlayarak gerçekten yeniden kullanılabilir hale getirirsiniz.
Has, is ve where seçicileriyle JavaScript'e ihtiyaç duymadan karmaşık durum tabanlı stillendirmeler yapabilirsiniz.
Cascade layers ve nesting ile büyüdükçe dağılmayan, özgüllük çakışması yaşamayan stil sistemleri kurabilirsiniz.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
CSS seçicileri, kutu modeli, Flexbox ve medya sorgularıyla web biçimlendirme eğitimi. HTML bilenler için uygulamalı ve kurumsal CSS giriş programı.
Detayları Gör →
CSS transition, transform, @keyframes ve performanslı animasyon eğitimi. Akıcı geçişler, 3B dönüşümler ve scroll animasyonlarıyla uygulamalı ve kurumsal.
Detayları Gör →
CSS Grid, custom properties, container queries, :has ve ölçeklenebilir CSS mimarisi eğitimi. İleri seçiciler ve performansla uygulamalı ve kurumsal.
Detayları Gör →
HTML5 belge yapısı, semantik etiketler, formlar, medya, ARIA erişilebilirlik ve SEO eğitimi. Sıfırdan ileriye uygulamalı ve kurumsal HTML programı.
Detayları Gör →
Canvas 2D, SVG ve Web Animations API ile tarayıcıda grafik çizimi ve animasyon eğitimi. Kütüphanesiz ve performans odaklı uygulamalı kurumsal program.
Detayları Gör →
HTML, JavaScript ve DOM ile etkileşimli web sayfası eğitimi. Olaylar, form doğrulama, fetch ve erişilebilir bileşenlerle uygulamalı ve kurumsal program.
Detayları Gör →