Duyarlı tasarımın tüm yönlerini inceleyen bir kurs. Herkes için iyi görünen ve iyi çalışan siteleri nasıl oluşturacağınızı öğrenin.
Bu kursta, modern duyarlı web tasarımının birçok alanında bir yolculuğa çıkacaksınız. İlk birkaç modül, duyarlı tasarımın nereden geldiğini öğrenip duyarlı düzenlerle ilgili temel bilgilere göz atmanızı kolaylaştıracak. Buradan, duyarlı resimler, yazı tipleri, erişilebilirlik ve daha fazlası hakkında bilgi edinebilirsiniz.
Bu süreçte web sitelerini kullanıcı tercihlerine ve cihaz özelliklerine göre nasıl uygun hale getirebileceğinizi öğreneceksiniz. Eğitimin sonunda, duyarlı tasarımın gelecekteki özelliklerini de öğrenmiş olacaksınız.
Her modülde bilginizi sınamanız için demolar ve kişisel değerlendirme bölümleri bulunur.
Bu kurs yeni ve orta seviye tasarımcılar ve geliştiriciler için hazırlanmıştır. HTML ve CSS ile ilgili temel bir anlayışa sahip olmak yeterli olacaktır. Herhangi bir JavaScript bilmeniz gerekmez. Web sitesi oluşturma konusunda tamamen yeniyseniz HTML'ye giriş ve CSS'yi öğrenmenize yardımcı olacak başka bir kursa göz atabilirsiniz.
Öğrenecekleriniz:
Giriş
Duyarlı tasarımın nereden geldiğini öğrenin.
Medya sorguları
CSS medya sorgularını kullanarak tasarımlarınızı farklı ekran boyutlarına uyarlayın.
Uluslararası hale getirme
Tasarımlarınızı farklı diller ve yazma modları için hazırlayın.
Makro düzenleri
Seçilen CSS tekniklerini kullanarak sayfa düzenleri tasarlayın.
Mikro düzenler
İstediğiniz yere yerleştirebileceğiniz esnek bileşenler oluşturun.
Yazı biçimi
Metniniz nerede görünürse görünsün okunaklı ve güzel olsun.
Duyarlı resimler
Ziyaretçilerinize cihazları ve ekranları için en uygun resimleri sunun.
Resim öğesi
Resimleriniz üzerinde daha fazla yaratıcı kontrol sağlayın.
Simgeler
Ölçeklenebilir, duyarlı ikonlar için SVG'yi kullanın.
Tema oluşturma
Tasarımlarınızı, koyu mod gibi kullanıcı tercihlerine uyacak şekilde uyarlayın.
Erişilebilirlik
Web sitenizin herkesin kullanımına açık olduğundan emin olun.
Etkileşim
Sayfalarınızı farklı giriş mekanizmalarına (fare, klavye ve dokunma) hazırlayın.
Kullanıcı arayüzü kalıpları
Farklı ekran boyutlarına uyum sağlayan yaygın kullanıcı arayüzü öğelerinden bazılarını düşünün.
Medya özellikleri
Medya özelliklerinin cihazlara ve tercihlere yanıt vermenize olanak sağladığı tüm yolların bir özeti.
Ekran yapılandırmaları
İçeriğinizi birden fazla ekranı olan cihazlara hazırlayın.
Sonuç ve sonraki adımlar
Sonraki adımlarınızı atmanıza yardımcı olacak diğer kaynaklar.
Peki, duyarlı tasarımı öğrenmeye hazır mısınız?