يمكنك تصفُّح المجالات التالية لاستكشاف مجالات الإرشادات.
المجالات الأساسية
أفضل الممارسات لإنشاء تجارب آمنة وعالية الجودة على الويب
accessibility
يمكنك تقييم أنماط إمكانية الوصول الفعّالة وإصلاحها وتنفيذها في تطبيقك بالكامل.
عرض دليل accessibility على GitHub
performance
يمكنك تحسين Core Web Vitals وتقليل أوقات تحميل الصفحات وتحسين مدى استجابتها لإدخالات المستخدمين.
عرض دليل performance على GitHub
privacy
يمكنك تنفيذ ميزات تصميم يراعي الخصوصية وتضييق نطاق جمع البيانات وعمليات التدقيق التي تجريها جهات خارجية ومعالجة البيانات بشكل آمن.
security
يمكنك تنفيذ إرشادات الأمان الوقائية للحماية من الثغرات الشائعة على الويب (مثل XSS وCSP وملفات تعريف الارتباط والعزل بين المصادر).
تقنيات الويب
أفضل الممارسات لاستخدام لغات الويب الأساسية وتقنياته وبيئات وقت التشغيل
html
يمكنك تنفيذ بنية HTML الحديثة وعلم الدلالة وواجهات برمجة التطبيقات التفاعلية الأصلية (مثل Dialog وPopover وDetails) وإدارة التركيز وتحديد أولويات الموارد.
css
يمكنك تطبيق بنية CSS الحديثة والتنسيقات وأفضل ممارسات الأداء.
css-layout
يمكنك إنشاء تنسيقات سريعة الاستجابة باستخدام ميزات CSS الحديثة، مثل flexbox وgrid وsubgrid وطلبات البحث عن الحاويات وتحديد موضع الارتساء والتحجيم الجوهري.
عرض دليل css-layout على GitHub
forms
يمكنك إنشاء نماذج ويب آمنة وسهلة الاستخدام ويسهل الوصول إليها.
passkeys
يمكنك تنفيذ WebAuthn ومفاتيح المرور في تطبيقات الويب باتّباع المبادئ الحديثة الشاملة.
webmcp
يمكنك تنفيذ WebMCP لعرض وظائف المتصفّح من جهة العميل كأدوات تفاعلية لوكلاء الذكاء الاصطناعي.
إمكانات المتصفّح (اختيارية)
أفضل الممارسات للعمل مع واجهات برمجة التطبيقات والمنصات المتخصصة في المتصفّح هذه مهارات منفصلة عن modern-web-guidance ويجب تثبيتها بشكل فردي.
chrome-extensions
يمكنك إنشاء إضافات آمنة ومتوافقة مع Chrome بموجب الإصدار Manifest V3 تتجنّب المشاكل الشائعة في دورة حياة مشغّل الخدمات ووضع الحماية، وتسهيل عملية النشر على سوق Chrome الإلكتروني من خلال المساعدة في إعداد البيانات الوصفية وسياسات الخصوصية وتبريرات الأذونات. للموافقة، اختَر مهارة chrome-extensions عند تثبيت "إرشادات الويب الحديثة":
npx modern-web-guidance@latest install --choose
عرض مهارة chrome-extensions على GitHub
الخطوات التالية
بعد أن تعرّفت على "إرشادات الويب الحديثة"، يمكنك تجربتها بنفسك. يمكنك استكشاف الميزات وحالات الاستخدام المتوافقة في "إرشادات الويب الحديثة"، وتجربة بعض النماذج من الطلبات للبدء.