HTML5 & CSS3 – Ders 3
HTML5 ve CSS3 kullanarak duyarlı (responsive) web tasarımlarının sırlarını çözün! Esnek ızgara sistemlerinden medya sorgularına ve temiz kod yazımına kadar tüm teknikleri öğrenerek her cihaza uyumlu, profesyonel web sayfaları geliştirmeye hemen başlayın.
Program Hakkında:
Günümüz dijital ekosisteminde kullanıcıların web sitelerine cep telefonlarından, tabletlerden ve farklı ölçeklerdeki masaüstü bilgisayarlardan eriştiği göz önüne alındığında; tek bir ekran boyutuna hapsolmuş tasarımlar artık geçerliliğini yitirmiştir. Bu eğitim içeriği, web geliştirmenin en temel yapı taşları olan HTML5 ve CSS3 teknolojilerini kullanarak, her türlü cihaza kusursuz bir şekilde adapte olabilen "duyarlı" (responsive) web sayfalarının nasıl inşa edileceğini teorik ve pratik açılardan ele almaktadır. Sabit ölçülerin yerini alan yüzdelik dilimler, 12 sütunlu esnek mimariler ve ekran boyutunu anında algılayan medya sorguları sayesinde, kullanıcılarınız hangi cihazı kullanırsa kullansın daima en iyi görsel deneyimi yaşayacaktır.
Sadece ekranda güzel görünen bir tasarım yapmak profesyonel bir web geliştiricisi olmak için yeterli değildir; arka planda çalışan kodun da temiz, anlaşılır ve evrensel standartlara uygun olması gerekir. Bu program; doğru girintileme, etiketlerin eksiksiz kapatılması ve mantıksal hiyerarşinin kurulması gibi iyi yazım uygulamalarını merkeze alarak katılımcılarına sürdürülebilir kodlama alışkanlıkları kazandırmayı hedefler. Geliştirdiğiniz projelerin W3C standartlarında doğrulanması (validation) ve farklı web tarayıcılarında test edilmesi gibi son kontrol aşamalarını da kapsayan bu süreç, amatör bir kodlayıcıdan evrensel standartlarda üretim yapan bir web profesyoneline dönüşmeniz için mükemmel bir rehber niteliğindedir.
Öne Çıkanlar
HTML5 ve CSS3 ile modern web sitesi içeriklerinin tasarlanması ve biçimlendirilmesi.
Farklı cihaz ekranlarına uyum sağlamak amacıyla "görüş alanı" meta etiketinin temel çalışma mantığı.
Sabit piksel değerleri yerine yüzdelik oranlar kullanılarak web sayfalarının 12 sütunlu esnek ızgara sistemine bölünmesi.
Dikey veya yatay tarayıcı değişikliklerinde tasarımı adapte eden CSS medya sorgularının aktif kullanımı.
Kodun fonksiyonelliğini ve okunabilirliğini üst seviyeye taşıyan "temiz kod" pratikleri: Doğru girintileme ve etiket hiyerarşisi.
Kullanıcı deneyimini kusursuzlaştırmak için W3C Markup Validator aracıyla otomatik kod doğrulama ve çoklu tarayıcı testleri.
Katılım ve Erişim
Bilgeiş hesabı oluşturulması gerekmektedir
HTML5 ve CSS3 ile modern web sitesi içeriklerinin tasarlanması ve biçimlendirilmesi.
Farklı cihaz ekranlarına uyum sağlamak amacıyla "görüş alanı" meta etiketinin temel çalışma mantığı.
Sabit piksel değerleri yerine yüzdelik oranlar kullanılarak web sayfalarının 12 sütunlu esnek ızgara sistemine bölünmesi.
Bilgeiş hesabı oluşturulması gerekmektedir