Rehberlik alanlarını keşfetmek için aşağıdaki disiplinlere göz atın.
Temel disiplinler
Web'de güvenli ve yüksek kaliteli deneyimler oluşturmaya yönelik en iyi uygulamalar.
accessibility
Uygulamanızın tamamında etkili erişilebilirlik kalıplarını değerlendirin, düzeltin ve uygulayın.
accessibility kılavuzunu GitHub'da görüntüleyin
performance
Core Web Vitals'ı optimize edin, sayfa yükleme sürelerini kısaltın ve kullanıcı girişlerine verilen yanıtları iyileştirin.
performance kılavuzunu GitHub'da görüntüleyin
privacy
Tasarımda gizlilik, veri minimizasyonu, üçüncü taraf denetimleri ve güvenli veri işleme gibi uygulamaları kullanın.
privacy kılavuzunu GitHub'da görüntüleyin
security
Yaygın web güvenlik açıklarına (XSS, CSP, çerezler, kaynaklar arası izolasyon) karşı koruma sağlamak için önleyici güvenlik yönergeleri uygulayın.
security kılavuzunu GitHub'da görüntüleyin
Web teknolojileri
Temel web dillerini, teknolojilerini ve çalışma zamanı ortamlarını kullanmayla ilgili en iyi uygulamalar.
html
Modern HTML mimarisi, anlamsal yapı, yerel etkileşimli API'ler (Dialog, Popover, Details), odak yönetimi ve kaynak önceliklendirmesi uygulayın.
html kılavuzunu GitHub'da görüntüleyin
css
Modern CSS mimarisini, düzenlerini ve performansla ilgili en iyi uygulamaları kullanın.
css kılavuzunu GitHub'da görüntüleyin
css-layout
Flexbox, Grid, Subgrid, kapsayıcı sorguları, sabitleme konumlandırma ve doğal boyutlandırma gibi modern CSS özelliklerini kullanarak duyarlı düzenler oluşturun.
css-layout kılavuzunu GitHub'da görüntüleyin
forms
Erişilebilir, güvenli ve kullanıcı dostu web formları oluşturun.
forms kılavuzunu GitHub'da görüntüleyin
passkeys
WebAuthn ve geçiş anahtarlarını, modern ilkeleri takip ederek web uygulamalarında uygulayın.
passkeys kılavuzunu GitHub'da görüntüleyin
webmcp
İstemci tarafındaki tarayıcı işlevlerini yapay zeka ajanları için etkileşimli araçlar olarak kullanıma sunmak üzere WebMCP'yi uygulayın.
webmcp kılavuzunu GitHub'da görüntüleyin
Tarayıcı özellikleri (etkinleştirme)
Özel tarayıcı API'leri ve platformlarıyla çalışmaya ilişkin en iyi uygulamalar. Bunlar modern-web-guidance'dan ayrı becerilerdir ve ayrı ayrı yüklenmelidir.
chrome-extensions
Manifest V3 kapsamında, yaygın hizmet çalışanı yaşam döngüsü ve korumalı alana alma tuzaklarından kaçınan güvenli ve uyumlu Chrome uzantıları oluşturun. Ayrıca, meta verilerinizi, gizlilik politikalarınızı ve izin gerekçelerinizi hazırlama konusunda yardım alarak Chrome Web Mağazası'nda yayınlama sürecini kolaylaştırın. Dahil olmak için Modern Web Rehberi'ni yüklerken chrome-extensions becerisini seçin:
npx modern-web-guidance@latest install --choose
chrome-extensions becerisini GitHub'da görüntüleyin
Sonraki adımlar
Modern Web Rehberi'ni anladığınıza göre şimdi kendiniz deneyin. Modern Web Rehberi'nde desteklenen özellikleri ve kullanım alanlarını keşfedin. Başlamak için birkaç örnek istemi deneyin.