Development · 링크 4개2026년 10월 업데이트

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

이 링크들을 고른 이유

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개/큐레이터가 정한 순서

링크 1영어(미국)

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

링크 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

링크 3영어(미국)

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

링크 4영어

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.