يمكنك الاختيار من بين مهارات "إرشادات الويب الحديث" المدرَجة لتتطابق مع مرحلتك الحالية في دورة حياة تطوير الويب، بدءًا من التصميم الأولي وصولاً إلى تنفيذ الأمان النهائي.
تخصصات الويب الأساسية
منظِّمون لمساعدتك في تحسين عملك والتركيز عليه حسب تخصص الويب.
accessibility
/modern-web-guidance accessibility
يُستخدَم كدليل تدقيق مركزي لتقييم أنماط تسهيل الاستخدام الفعّالة وإصلاحها وتنفيذها في تطبيقك بالكامل.
عرض مهارة accessibility على GitHub
performance
/modern-web-guidance performance
تساعدك هذه المهارة في تحسين مؤشرات أداء الويب الأساسية وتقليل حالات التأخير في وقت تحميل الصفحة وتحسين مدى استجابة الصفحة لإدخالات المستخدم.
عرض مهارة performance على GitHub
user-experience
/modern-web-guidance user-experience
تُستخدَم هذه المهارة كمجموعة أدوات لواجهة المستخدم لتنفيذ العناصر المخصّصة السريعة الاستجابة والانتقالات السلسة وأنماط التصميم الحديثة بسرعة.
عرض مهارة user-experience على GitHub
تقنيات الويب
توفّر هذه المهارات الأساسية وحدات أساسية لأي تطبيق حديث، ما يضمن بدء مشروعك بأفضل الممارسات الحديثة مع مراعاة HTML الدلالي والسرعة وقابلية التشغيل التفاعلي.
html
/modern-web-guidance html
إرشادات عملية لهندسة HTML الحديثة والدلالات وواجهات برمجة التطبيقات التفاعلية الأصلية (Dialog وPopover وDetails) وإدارة التركيز وتحديد أولويات الموارد. يمكنك استخدام هذا الدليل عند تنظيم مستندات الويب أو تنفيذ التراكبات الأصلية أو تحسين ترتيب تحميل الموارد.
css
/modern-web-guidance css
إرشادات عملية لهندسة CSS الحديثة والتنسيقات والأداء. يمكنك استخدام هذا الدليل عند إنشاء الأنماط أو إدارة أنظمة التصميم أو تحسين عرض الويب.
css-layout
/modern-web-guidance css-layout
تنسيقات CSS الحديثة، مثل flexbox وgrid وsubgrid وطلبات البحث عن الحاويات وتحديد موضع الارتساء وتحديد الحجم الجوهري. يمكنك استخدام هذه المهارة عند تصميم مكوّنات واجهة المستخدم السريعة الاستجابة أو تنسيقات الصفحات.
عرض مهارة css-layout على GitHub
forms
/modern-web-guidance forms
أفضل الممارسات لإنشاء نماذج ويب أكثر سهولة في الوصول إليها وأمانًا وسهولة في الاستخدام. يمكنك استخدام هذا الدليل عند إنشاء النماذج والإدخالات وعمليات الإرسال أو تعديلها.
cpp-on-the-web
/modern-web-guidance cpp-on-the-web
تجميع لغتَي C وC++ للويب الحديث باستخدام WebAssembly. يمكنك استخدام هذه المهارة عندما تحتاج إلى نقل رمز C++ أو إنشاء مكتبات C++ باستخدام Emscripten أو إعداد مكوّنات C++ عالية الأداء في المتصفّح.
عرض مهارة cpp-on-the-web على GitHub
إمكانات المتصفّح (الاشتراك)
تساعدك هذه المهارات في تطوير إضافات Chrome التي تتّبع المعايير الحديثة، مثل Manifest V3، وتسهيل عملية النشر على سوق Chrome الإلكتروني من خلال المساعدة في إعداد البيانات الوصفية وسياسات الخصوصية وتبريرات الأذونات. يمكنك الاشتراك في هذه المهارات، وهي غير مفعّلة تلقائيًا.
chrome-extensions
/modern-web-guidance chrome-extensions
يمكنك إنشاء إضافات Chrome آمنة ومتوافقة بموجب Manifest V3 تتجنّب المشاكل الشائعة في دورة حياة مشغّل الخدمات والتنفيذ في وضع الحماية. للاشتراك، عليك تحديد مهارة chrome-extensions:
npx skills add GoogleChrome/modern-web-guidance --skill chrome-extensions
عرض مهارة chrome-extensions على GitHub
الأمان والثقة والهوية
تركّز هذه المهارات على ثقة المستخدم من خلال تأمين التطبيقات ضدّ عمليات الاستغلال من جهة العميل، مثل XSS، من خلال عناوين HTTP الدفاعية وعزل المصدر. يمكن للمطوّرين أيضًا تطوير عمليات المصادقة باستخدام مفاتيح المرور وتقليل التتبُّع من جهات خارجية واستخدام المهارات لنقل مكتبات C/C++ إلى وحدات WebAssembly.
security
/modern-web-guidance security
إرشادات أمان وقائية لمطوّري الويب (XSS وCSP وملفات تعريف الارتباط وعزل المصدر). يمكنك استخدام هذه المهارة لتوجيه عملية تدقيق سياسات الأمان واختبارها ونشرها بأمان.
passkeys
/modern-web-guidance passkeys
توجيه شامل ومبادئ شاملة لتنفيذ WebAuthn ومفاتيح المرور في تطبيقات الويب. يمكنك استخدام هذا الدليل عند التعامل مع تسجيل مفتاح المرور أو المصادقة أو الإدارة أو إعادة المصادقة.
privacy
/modern-web-guidance privacy
إرشادات عملية لمطوّري الويب لتنفيذ الخصوصية حسب التصميم وتضييق نطاق جمع البيانات وعمليات التدقيق من جهات خارجية والتعامل الآمن مع البيانات. يمكنك استخدام هذه المهارة عند تصميم التطبيقات أو دمج الخدمات الخارجية أو التعامل مع بيانات المستخدم أو ضبط عناوين الأمان.
الأنظمة المستندة إلى الذكاء الاصطناعي الوكيل
تساعدك هذه المهارات في سدّ الفجوة بين تطبيق الويب وسير عمل الذكاء الاصطناعي باستخدام WebMCP. من خلال عرض وظائف المتصفّح من جهة العميل كأدوات تفاعلية، يمكنك توجيه وكلاء الذكاء الاصطناعي للتفاعل مباشرةً مع ميزات التطبيق.
webmcp
/modern-web-guidance webmcp
يمكنك تنفيذ WebMCP لعرض وظائف المتصفّح من جهة العميل كأدوات تفاعلية لوكلاء الذكاء الاصطناعي.
الخطوات التالية
بعد فهم "إرشادات الويب الحديث"، يمكنك تجربتها بنفسك. يمكنك استكشاف الميزات وحالات الاستخدام المتوافقة في "إرشادات الويب الحديث"، وتجربة بعض النماذج من الطلبات للبدء.