اختَر من بين مهارات "إرشادات الويب الحديث" المُدرَجة بما يتناسب مع مرحلتك الحالية في دورة حياة تطوير الويب، بدءًا من التصميم الأولي إلى تنفيذ الأمان النهائي.
التخصّصات الأساسية في الويب
أدوات تنظيم تساعدك في التركيز على عملك حسب مجال الويب.
accessibility
/modern-web-guidance accessibility
تعمل كدليل تدقيق مركزي لتقييم أنماط تسهيل الاستخدام الفعّالة وإصلاحها وتنفيذها في تطبيقك بالكامل.
عرض مهارة accessibility على GitHub
performance
/modern-web-guidance performance
تساعدك هذه الأداة في تحسين Core Web Vitals وتقليل حالات التأخّر في وقت تحميل الصفحة وتحسين استجابة الصفحة لبيانات أدخلها المستخدم.
عرض مهارة performance على GitHub
user-experience
/modern-web-guidance user-experience
تعمل كحزمة أدوات لواجهة المستخدم (UI) تتيح لك تنفيذ عناصر مخصّصة سريعة الاستجابة وعمليات انتقال سلسة وأنماط تصميم عصرية بسرعة.
عرض مهارة 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 والشبكة والشبكة الفرعية وطلبات البحث في الحاويات وتحديد موضع العنصر الثابت وتحديد الحجم الداخلي استخدِم هذه المهارة عند تصميم مكونات واجهة مستخدم أو تنسيقات صفحات متجاوبة.
عرض مهارة 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 آمنة ومتوافقة مع الإصدار 3 من Manifest تتجنّب المشاكل الشائعة المتعلّقة بدورة حياة مشغّل الخدمات ووضع الحماية. للموافقة على المشاركة، عليك تحديد مهارة 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 لعرض وظائف المتصفّح من جهة العميل كأدوات تفاعلية لوكلاء الذكاء الاصطناعي.
الخطوات التالية
بعد أن تعرّفت على "إرشادات الويب الحديث"، جرِّبها بنفسك. يمكنك التعرّف على الميزات وحالات الاستخدام المتوافقة مع Modern Web Guidance، وتجربة بعض الطلبات النموذجية للبدء.