Web geliştirme yaşam döngüsündeki mevcut aşamanıza uygun olarak listelenen Modern Web Guidance becerileri arasından seçim yapın. Bu beceriler, ilk stil oluşturmadan son güvenlik uygulamasına kadar tüm aşamaları kapsar.
Temel web disiplinleri
Web disiplinine göre çalışmanızı iyileştirmenize ve odaklanmanıza yardımcı olacak düzenleyiciler.
accessibility
/modern-web-guidance accessibility
Uygulamanızın tamamında etkili erişilebilirlik kalıplarını değerlendirmek, düzeltmek ve uygulamak için merkezi denetim kılavuzunuz olarak kullanılır.
accessibility becerisini GitHub'da görüntüleyin
performance
/modern-web-guidance performance
Core Web Vitals'ı optimize etmenize, sayfa yükleme süresi gecikmelerini azaltmanıza ve kullanıcı girişlerine verilen yanıtları iyileştirmenize yardımcı olur.
performance becerisini GitHub'da görüntüleyin
user-experience
/modern-web-guidance user-experience
Duyarlı özel öğeleri, sorunsuz geçişleri ve modern stil kalıplarını hızlı bir şekilde uygulamak için kullanıcı arayüzü (UI) araç setiniz olarak kullanılır.
user-experience becerisini GitHub'da görüntüleyin
Web teknolojileri
Bu temel beceriler, her modern uygulama için gerekli yapı taşlarını sağlar. Projenizin, anlamsal HTML, hız ve birlikte çalışabilirlik gibi modern en iyi uygulamalarla başlamasını sağlar.
html
/modern-web-guidance html
Modern HTML mimarisi, anlamsal yapı, yerel etkileşimli API'ler (Dialog, Popover, Details), odak yönetimi ve kaynak önceliklendirme ile ilgili işleme yönelik yönergeler. Web dokümanlarını yapılandırırken, yerel yer paylaşımlarını uygularken veya kaynak yükleme sırasını optimize ederken bu kılavuzdan yararlanın.
html becerisini GitHub'da görüntüleyin
css
/modern-web-guidance css
Modern CSS mimarisi, düzenleri ve performansı için eyleme yönelik yönergeler. Stil oluştururken, tasarım sistemlerini yönetirken veya web oluşturmayı optimize ederken bu kılavuzdan yararlanın.
css becerisini GitHub'da görüntüleyin
css-layout
/modern-web-guidance css-layout
Flexbox, grid, subgrid, kapsayıcı sorguları, sabit konumlandırma ve doğal boyutlandırma gibi modern CSS düzenleri. Duyarlı kullanıcı arayüzü bileşenleri veya sayfa düzenleri tasarlarken bu beceriyi kullanın.
css-layout becerisini GitHub'da görüntüleyin
forms
/modern-web-guidance forms
Erişilebilir, güvenli ve kullanıcı dostu web formları oluşturmayla ilgili en iyi uygulamalar. Form, giriş ve gönderim akışı oluştururken veya değiştirirken bu kılavuzdan yararlanın.
forms becerisini GitHub'da görüntüleyin
cpp-on-the-web
/modern-web-guidance cpp-on-the-web
WebAssembly kullanarak modern web için C ve C++ derleme. C++ kodunu taşımak, Emscripten ile C++ kitaplıkları oluşturmak veya tarayıcıda yüksek performanslı C++ bileşenleri ayarlamak istediğinizde bu beceriyi kullanın.
cpp-on-the-web becerisini GitHub'da görüntüleyin
Tarayıcı özellikleri (etkinleştirme)
Bu beceriler, Manifest V3 gibi modern standartlara uygun Chrome uzantıları geliştirmenize ve meta verilerinizi, gizlilik politikalarınızı ve izin gerekçelerinizi hazırlamanıza yardımcı olarak Chrome Web Mağazası'nda yayınlama sürecini kolaylaştırmanıza yardımcı olur. Bu beceriler isteğe bağlıdır ve varsayılan olarak etkinleştirilmez.
chrome-extensions
/modern-web-guidance chrome-extensions
Manifest V3 kapsamında, yaygın hizmet çalışanı yaşam döngüsü ve korumalı alan sorunlarından kaçınan güvenli ve uyumlu Chrome uzantıları oluşturun. Özelliği etkinleştirmek için chrome-extensions becerisini belirtmeniz gerekir:
npx skills add GoogleChrome/modern-web-guidance --skill chrome-extensions
chrome-extensions becerisini GitHub'da görüntüleyin
Güvenlik, güven ve kimlik
Bu beceriler, savunma amaçlı HTTP üstbilgileri ve kaynak izolasyonu aracılığıyla uygulamaları XSS gibi istemci tarafı saldırılarına karşı koruyarak kullanıcı güvenine odaklanır. Geliştiriciler ayrıca geçiş anahtarlarıyla kimlik doğrulama akışları geliştirebilir, üçüncü taraf izlemeyi en aza indirebilir ve C/C++ kitaplıklarını WebAssembly modüllerine taşımak için becerileri kullanabilir.
security
/modern-web-guidance security
Web geliştiriciler için önleyici güvenlik yönergeleri (XSS, CSP, çerezler, kökler arası erişime kapalı web siteleri). Güvenlik politikalarının denetlenmesi, test edilmesi ve güvenli bir şekilde dağıtılması sürecinde rehberlik etmek için bu beceriyi kullanın.
security becerisini GitHub'da görüntüleyin
passkeys
/modern-web-guidance passkeys
Web uygulamalarında WebAuthn ve geçiş anahtarlarını uygulama ile ilgili kapsamlı yönlendirme ve genel ilkeler. Geçiş anahtarı kaydı, kimlik doğrulama, yönetim veya yeniden kimlik doğrulama işlemlerini yaparken bu kılavuzdan yararlanın.
passkeys becerisini GitHub'da görüntüleyin
privacy
/modern-web-guidance privacy
Web geliştiricilerin, tasarımdan itibaren gizlilik, veri minimizasyonu, üçüncü taraf denetimleri ve güvenli veri işleme uygulamalarını hayata geçirmesine yönelik harekete geçirici yönergeler. Uygulama tasarlarken, üçüncü taraf hizmetlerini entegre ederken, kullanıcı verilerini işlerken veya güvenlik başlıklarını yapılandırırken bu beceriden yararlanın.
privacy becerisini GitHub'da görüntüleyin
Temsilci tabanlı sistemler
Bu beceriler, WebMCP ile web uygulamanız ve yapay zeka iş akışlarınız arasındaki boşluğu gidermenize yardımcı olur. İstemci tarafındaki tarayıcı işlevlerini etkileşimli araçlar olarak sunarak yapay zeka aracılarına doğrudan uygulama özellikleriyle etkileşim kurma talimatı verebilirsiniz.
webmcp
/modern-web-guidance webmcp
İstemci tarafındaki tarayıcı işlevini yapay zeka ajanları için etkileşimli araçlar olarak kullanıma sunmak üzere WebMCP'yi uygulayın.
webmcp 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.