CSS'i uzman seviyede kullan
CSS İleri Seviye Teknikleri Eğitimi, CSS'i ölçeklenebilir ve bakımı kolay bir sisteme dönüştürmeyi öğretir. Program ileri seçiciler ve özgüllük, cascade layers, custom properties ve @property, CSS Grid şablonları, alan adları ve subgrid, container queries, :h…
İleri seçicilerden Grid'e, container queries'ten CSS mimarisi ve performansa
CSS İleri Seviye Teknikleri Eğitimi, CSS'i rastgele kurallar yığını olmaktan çıkarıp bilinçli ve ölçeklenebilir bir sisteme dönüştürmeyi öğretir. Katılımcılar cascade layers, özgüllük ve custom properties ile stil mimarisini kurar; CSS Grid ile karmaşık iki boyutlu düzenleri çözer. Program container queries, :has, logical properties ve clamp gibi modern özellikleri, ardından BEM ve ITCSS metodolojilerini, performans ve bakım ilkelerini kapsar.
4 Gün. Her gün dört modül; her teknik gerçek bir arayüz parçası üzerinde uygulanır ve mimari kararların bakım ve ölçeklenebilirliğe etkisi tartışılır.
İleri Seviye — Grid, custom properties, container queries ve ölçeklenebilir CSS mimarisini derinlemesine işleyen program
Karmaşık bir arayüz ileri seçiciler, Grid ve custom properties ile yeniden kurulur; her kararın bakım maliyeti karşılaştırılır.
Cascade layers, custom properties ve metodolojilerle büyük projelerde bile çakışmayan, bakımı kolay stiller kurarsınız.
CSS Grid ile iki boyutlu karmaşık düzenleri hack'lere başvurmadan temiz ve esnek biçimde çözmeyi öğrenirsiniz.
Container queries, :has ve logical properties gibi yeni yeteneklerle daha az kodla daha esnek arayüzler üretirsiniz.
Eğitime başlamadan önce beklenen bilgi ve deneyim düzeyi
Seçiciler, kutu modeli, Flexbox ve medya sorgularını rahatça kullanabiliyor olmak gerekir.
Cascade ve özgüllük kavramına aşinalık, ileri mimari ve katman konularını izlemeyi kolaylaştırır.
Bir editör, güncel tarayıcı ve isteğe bağlı olarak bir CSS derleyici kurulumu çalışmalar için yeterlidir.
Birden çok sayfalı bir projede CSS yazmış olmak, bakım ve ölçeklenme tartışmalarını somutlaştırı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:
:is, :where, :not ve nth seçicileriyle karmaşık hedeflemeyi özgüllüğü kontrol altında tutarak yaparsınız.
@layer ile stil önceliğini özgüllükten bağımsız yöneterek büyük projelerde çakışmasız bir mimari kurarsınız.
Custom properties ve @property ile temalanabilir, dinamik ve tip güvenli bir tasarım token sistemi kurarsınız.
Grid şablonları, alan adları ve subgrid ile iki boyutlu karmaşık düzenleri temiz ve esnek biçimde çözersiniz.
Bileşene duyarlı tasarımla aynı bileşeni farklı bağlamlarda taşıyarak gerçekten modüler arayüzler üretirsiniz.
:has, logical properties ve clamp ile daha az kodla yöne duyarlı, akışkan ve etkileşimli arayüzler yazarsınız.
BEM ve ITCSS gibi metodolojilerle ölçeklenebilir, izole ve ekip içinde sürdürülebilir stil sistemleri kurarsınız.
Kritik CSS, contain ve content-visibility gibi tekniklerle stil performansını ve ilk boyama hızını iyileş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.
HTML, CSS ve JavaScript'i birlikte öğrenin: semantik yapı, Flexbox, DOM, olaylar ve form doğrulama ile dinamik web uygulaması geliştirin. Uygulamalı eğitim.
Detayları Gör →
JavaScript dil kurallarını, fonksiyonları, kapsam ve closure'ı öğrenin; DOM ile HTML elemanlarını seçip olaylarla yönetin. Uygulamalı orta seviye eğitim.
Detayları Gör →
jQuery ile DOM, olay ve AJAX; Bootstrap grid ve bileşenlerle responsive arayüz geliştirin. Uygulamalı orta seviye ön yüz UI eğitimi ile panel projesi kurun.
Detayları Gör →
CSSOM, classList, CSS değişkenleri ve animasyonları JavaScript ile yönetin; dinamik tema geçişi ve script tabanlı stil kurun. Uygulamalı orta seviye eğitim.
Detayları Gör →
Görsel ve font optimizasyonu, HTTP, önbellek, CDN, dağıtım ve tarayıcı render sürecini öğrenin. Web performansı ve yayına alma için uygulamalı orta seviye eğiti
Detayları Gör →
ASP.NET MVC HTML Helper metotlarıyla kuvvetli tipli form, seçim, doğrulama ve özel helper yazımını gerçek örneklerle öğreten uygulamalı eğitim.
Detayları Gör →