Tarayıcının en yeni CSS gücünü kullanın
FSD Front-end Development: Advanced CSS Browser Features Eğitimi, tarayıcıların son yıllarda getirdiği güncel CSS özelliklerini derinlemesine ele alır.
Modern CSS mimarisinden subgrid'e, yeni renk uzaylarından scroll ve view transition'a akış
FSD Front-end Development: Advanced CSS Browser Features Eğitimi, tarayıcıların son yıllarda getirdiği güncel CSS özelliklerini derinlemesine ele alır. Katılımcılar cascade layers, :has ve :is gibi modern seçicileri, CSS nesting ve logical properties'i, container query ve subgrid ile ileri yerleşimi öğrenir. Program oklch ve color-mix gibi yeni renk fonksiyonlarını, scroll-driven animasyonları, view transition API'sini ve anchor positioning ile popover özelliklerini kapsar.
4 Gün. Her gün dört modül; güncel CSS özellikleri gerçek arayüz bileşenleri üzerinde uygulanıp tarayıcı desteğiyle birlikte değerlendirilir.
İleri Seviye — Cascade layers, :has, container query, subgrid, modern renk ve scroll animasyonlarıyla güncel CSS
Her modülde yeni CSS özelliği canlı bir bileşen üzerinde uygulanır; tarayıcı desteği ve zarif bozulma örneklerle denetlenir.
Cascade layers, custom properties ve logical properties ile büyüyen projelerde sürdürülebilir ve öngörülebilir CSS mimarisi kurarsınız.
oklch, color-mix ve relative color ile daha geniş ve tutarlı renk uzaylarında erişilebilir tema sistemleri tasarlarsınız.
Scroll-driven animasyonlar ve view transition API'siyle çoğu geçişi ve efekti JavaScript'e ihtiyaç duymadan CSS ile kurarsınız.
Eğitimden verim almak için faydalı olacak bilgi ve ortam
Seçiciler, kutu modeli, Flexbox ve Grid'e hakimiyet beklenir; eğitim bunların ileri özelliklerine odaklanır.
Cascade, özgüllük ve kalıtım kavramlarını bilmek cascade layers ve :has konularından verim için gereklidir.
Tarayıcı geliştirici araçlarıyla stil denetimi ve özellik desteğini inceleme örneklerde sıkça kullanılır.
Yeni özellikleri denemek için güncel bir tarayıcı ve VS Code gibi bir editör gereklidir; canlı önizleme kullanılır.
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:
@layer ile stil katmanlarını sıralar, özgüllüğü öngörülebilir biçimde yönetir ve büyük projelerde sürdürülebilir CSS mimarisi kurarsınız.
:has, :is ve :where ile ilişki tabanlı ve sadeleştirilmiş seçimler yapar, özgüllüğü bilinçli kontrol ederek temiz kurallar yazarsınız.
Subgrid ile iç içe ızgaraların hatlarını hizalar, kart ve form içeriklerini sütunlar arasında tutarlı biçimde yerleştirirsiniz.
Container query ile bir bileşeni içinde bulunduğu konteynerin boyutuna göre uyarlayan, gerçekten yeniden kullanılabilir bileşenler kurarsınız.
oklch, color-mix ve relative color ile algısal tutarlı, geniş gamutlu ve erişilebilir renk ve tema sistemleri tasarlarsınız.
backdrop-filter, clip-path, mask ve blend mode ile performansı gözeterek etkileyici görsel efektler ve cam arayüzler üretirsiniz.
Scroll-driven animasyonlar ve view transition API ile kaydırmaya bağlı efektleri ve sayfa geçişlerini JavaScript'siz kurarsınız.
@property, anchor positioning ve popover ile tiplenmiş değişkenler, akıllı konumlandırma ve üst katman arayüzleri geliştirirsiniz.
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.
Saf CSS ile duyarlı web tasarımı eğitimi. Mobil öncelik, media query, Flexbox, CSS Grid, srcset, clamp ve container query uygulamalı anlatılır.
Detayları Gör →
Bootstrap ızgarası ve bileşenleri, jQuery ile DOM ve AJAX, ilişkisel veritabanı ve SQL ile dinamik web sayfası kurmayı öğreten uygulamalı eğitim.
Detayları Gör →
Girdi doğrulama, güvenli DOM, XSS önleme ve dayanıklı hata yönetimiyle savunmacı JavaScript ve HTML kodu yazmayı öğreten uygulamalı eğitim.
Detayları Gör →
Katı mod, basit girdi kontrolü, temel hata yakalama ve güvenli DOM alışkanlıklarıyla savunmacı programlamaya giriş yapan temel seviye eğitim.
Detayları Gör →
try/catch, özel hatalar, Promise ve async/await hata yönetimi, global yakalama ve izleme ile dayanıklı JavaScript yazmayı öğreten eğitim.
Detayları Gör →
Less değişkenleri, mixin, iç içe yazım, guard, fonksiyon ve derleme hattıyla ölçeklenebilir ve sürdürülebilir CSS yazmayı öğreten uygulamalı eğitim.
Detayları Gör →