Modern CSS ile arayüz tasarla
CSS Eğitimi, modern CSS ile düzenli, duyarlı ve etkileşimli arayüzler kurmayı uygulamalı öğretir. Program seçiciler ve özgüllük, kutu modeli, birimler ve renk, Flexbox ile tek eksenli düzen, CSS Grid ile iki eksenli düzen, konumlandırma, medya sorgularıyla du…
Kutu modelinden Flexbox, Grid, değişkenler ve animasyonlara kadar modern CSS
CSS Eğitimi, modern CSS ile düzenli, duyarlı ve etkileşimli arayüzler kurmayı uygulamalı öğretir. Katılımcılar seçicileri, özgüllük kurallarını, kutu modelini ve birimleri kavrar. Ardından Flexbox ve Grid ile düzen, konumlandırma ve medya sorgularıyla duyarlı tasarım işlenir. Program geçişler, animasyonlar, dönüşümler, özel değişkenler ve clamp gibi modern fonksiyonlarla tamamlanır. Konular sıfırdan CSS yazılarak gerçek bir sayfa üzerinde pekiştirilir.
3 Gün. Her gün dört modül; kısa anlatımın ardından örnek bir sayfa sıfırdan CSS yazılarak adım adım tasarlanır.
Orta Seviye — Modern CSS ile duyarlı, düzenli ve animasyonlu arayüzler kurmayı öğreten program
Tek bir örnek sayfa üç gün boyunca stillendirilir; her modülde yeni bir CSS özelliği doğrudan sayfaya uygulanarak sonucu görülür.
Seçici, özgüllük ve kutu modelini gerçekten kavrayarak stil çakışmalarını çözen güvenli bir CSS temeli kurarsınız.
Flexbox ve Grid ile karmaşık yerleşimleri az kodla kurmayı öğrenerek düzen sorunlarını zarif biçimde çözersiniz.
Bir CSS çerçevesine bağımlı olmadan duyarlı ve animasyonlu arayüzler yazabilecek yetkinliği kazanırsınız.
Eğitime başlamadan önce faydalı olacak bilgi ve ortam
Etiket, öznitelik ve belge yapısı gibi temel HTML kavramlarını bilmek gerekir.
Sınıf ve renk gibi temel stil kavramlarına aşinalık öğrenmeyi hızlandırır; konular temelden işlenir.
VS Code gibi bir kod düzenleyicinin kurulu olması uygulamalı çalışma için gerekir.
Güncel bir tarayıcı ve geliştirici araçlarına erişim, stilleri incelemek için faydalı olur.
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:
Seçici türlerini ve özgüllük kurallarını kavrayarak stil çakışmalarını çözen temiz ve düzenli CSS yazarsınız.
Kutu modelini ve box-sizing davranışını anlayarak öğelerin boyut ve boşluklarını tam olarak kontrol edersiniz.
Flexbox ile tek eksenli yerleşimleri, hizalama ve esneklik kurallarıyla az kodla ve esnek biçimde kurarsınız.
CSS Grid ile iki eksenli karmaşık yerleşimleri adlandırılmış alanlar ve esnek birimlerle rahatça tasarlarsınız.
Medya sorguları ve mobil öncelikli yaklaşımla sayfaların her ekran boyutuna uyum sağlamasını güvenceye alırsınız.
Geçiş, dönüşüm ve keyframe animasyonlarıyla arayüze performanslı ve akıcı hareket ekleyebilirsiniz.
CSS özel değişkenleriyle renk ve ölçüleri merkezileştirip açık ve koyu tema desteğini kolayca kurarsınız.
clamp, min, max ve calc gibi modern fonksiyonlarla akıcı, hesaplanmış ve ölçeklenebilir stiller yazabilirsiniz.
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.
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 →
Salesforce platformunda SLDS, Visualforce ve LWC ile HTML ve CSS kullanarak markalı, responsive ve erişilebilir arayüzler tasarlamayı öğreten eğitim.
Detayları Gör →
Utility-first yaklaşımıyla Tailwind CSS kullanarak responsive, dark mode destekli ve optimize arayüzler kurmayı öğreten uygulamalı eğitim.
Detayları Gör →
HTML, CSS ve JavaScript ile sıfırdan etkileşimli web sayfası geliştirmeyi öğreten, mini proje ile tamamlanan temel seviye web programlama eğitimi.
Detayları Gör →
Python tabanlı web2py ve hazır Bootstrap şablonlarıyla MVC, SQLFORM ve kimlik doğrulamalı web uygulaması geliştirmeyi öğreten uygulamalı eğitim.
Detayları Gör →