Başlangıç noktanız tarayıcı olacak şekilde web için geliştirme yapın

Karanlık bir bilgisayar ekranında görüntülenen HTML kaynak kodu

À propos de cette sélection

Webin temelleri, odaklanmış kurslar, tarayıcı uyumluluğu ve erişilebilir uygulamalardan oluşan pratik bir yol. Çerçeveler pek çok şeyi kolaylaştırır, ancak tarayıcı yine de bir sayfanın nasıl davranacağına karar verir. HTML, CSS, JavaScript ve erişilebilirlik temelleri, alışılmadık araçları daha az gizemli hale getirir. Bu referanslar, inceleyebileceğiniz, değiştirebileceğiniz ve güvenle bozabileceğiniz küçük bir projenin yanında iyi çalışır. İlk önce bunu dene Başlık, form ve liste içeren…

Webin temelleri, odaklanmış kurslar, tarayıcı uyumluluğu ve erişilebilir uygulamalardan oluşan pratik bir yol.

Çerçeveler pek çok şeyi kolaylaştırır, ancak tarayıcı yine de bir sayfanın nasıl davranacağına karar verir. HTML, CSS, JavaScript ve erişilebilirlik temelleri, alışılmadık araçları daha az gizemli hale getirir. Bu referanslar, inceleyebileceğiniz, değiştirebileceğiniz ve güvenle bozabileceğiniz küçük bir projenin yanında iyi çalışır.

İlk önce bunu dene

Başlık, form ve liste içeren küçük bir sayfa oluşturun. MDN'deki temel özelliği öğrenin, derinlik için bir web.dev dersi kullanın ve daha yeni bir özelliği benimsemeden önce uyumluluğu kontrol edin. Daha fazla cila eklemeden önce sayfayı bir klavyeyle test edin.

Aklında tut

Sorunu çözen tam referansı ve nelerin değiştiğine dair bir notu kaydedin. Bu, bir gün bitirilecek başka bir eğitim listesi yerine, çalışan bir not defteri oluşturur.

4 liens/Dans l’ordre choisi par le curateur

Lien 1anglais américain

MDN Learn web geliştirme

Platformun ne yaptığını anlamanız gerektiğinde bunu yapılandırılmış bir temel olarak kullanın. Kısa bir bölümü izleyin, örneği tekrarlayın ve anladığınızı kontrol etmek için bir şeyi değiştirin.

developer.mozilla.org

Lien 2–

web.dev Öğrenin

CSS, performans veya formlar gibi acil sorunuza bağlı bir kurs seçin. Okumanın gözlemlenebilir bir davranış haline gelmesi için aynı küçük projeye bir ders uygulayın.

web.dev

Lien 3anglais américain

Kullanabilir miyim

Tarayıcılarda belirli bir özelliğin desteğini kontrol edin. Notları ve kısmi destek ayrıntılarını okuyun, ardından tek bir yüzde yerine gerçek hedef kitlenize göre bir yedek karar verin.

caniuse.com

Lien 4anglais

A11Y Projesi

Erişilebilirlik amaçlarını somut uygulama kontrollerine dönüştürün. İşaretli kutunun gerçek kullanıcılarla yapılan testlerin yerine geçmediğini unutmadan araştırmaya rehberlik etmek için kontrol listesini kullanın.