0Pricing
Browser Extensions Development (Chrome & Edge) icon

Browser Extensions Development (Chrome & Edge)

JAVASCRIPTWebFrontendScriptingBeginner

احترف فن بناء ملحقات متصفح قوية وتفاعلية لـ Chrome و Edge، من المفاهيم الأساسية إلى استراتيجيات التوزيع المتقدمة.

🤖 مدعوم بالذكاء الاصطناعي📚 12 دورة👥 100,000+ متعلم⭐ تقييم 4.9
نظرة عامة على الدورة

بناء ملحقات متصفح حقيقية لـ Chrome و Edge

تتيح لك ملحقات المتصفح تعديل صفحات الويب، وأتمتة سلوك المتصفح، واعتراض طلبات الشبكة، وشحن أدوات مخصصة مباشرة للمستخدمين عبر Chrome Web Store و Edge Add-ons marketplace. يعلمك هذا المسار Manifest V3 — صيغة الملحق المطلوبة والحالية — من ملف manifest.json الأول إلى التوزيع عبر المتصفحات وأمان الإنتاج. كل مفهوم مستند إلى واجهات برمجية التطبيقات التي يكشفها Chrome و Edge فعلياً اليوم.

ما ستتعلمه

ستتعلم كيف يهيكل Manifest V3 الأذونات وعمال الخدمة ودورات حياة المكونات. من هناك تبني واجهة مستخدم حقيقية بنوافذ منبثقة وصفحات خيارات، وتحقن نصوص محتوى تقرأ وتعيد كتابة DOM الصفحة، وتتصل بأسطح واجهة المتصفح مثل القوائم السياقية و omnibox. من جهة البيانات، تتقن مراسلة الملحقات وواجهات التخزين و declarativeNetRequest لتعديل طلبات الويب دون أذونات مضيف واسعة. تغطي أيضاً التحكم البرمجي في المتصفح، وتصحيح الأخطاء وتحسين الأداء، والنماذج المتقدمة للأذونات مع التركيز على الأمان. ينهي المسار تقنيات التوافقية عبر المتصفحات ودمج أطر عمل JavaScript الحديثة في خط أنابيب بناء الملحقات.

مسار التعلم

تمتد اثنا عشر دورة من A1 إلى C1. الدورة الأولى مجانية وتقدم أساسيات Manifest V3. تؤسس دورات A1–A2 هيكل manifest ونموذج الأذونات الأساسي. تبني دورات B1 مهارات عملية: بناء واجهة المستخدم، حقن نصوص المحتوى، التكامل مع واجهة المتصفح، والنشر على Chrome Web Store و Edge marketplace. تتعمق الدورات الأربع B2 — مراسلة واستمرارية البيانات، تعديل طلب الشبكة الإعلاني، أتمتة المتصفح، وتصحيح الأخطاء مع تحسين الأداء. تغطي الدورتان الأخيرتان C1 الأذونات المتقدمة وتعزيز الأمان وتحقيق التوافقية الحقيقية عبر المتصفحات إلى جانب الاستخدام الحديث لأطر العمل.

كيف يعمل

تنقسم كل دورة إلى دروس قصيرة وعملية تكملها في محرر مدمج مع تعليقات فورية ومدرس ذكي متاح عند علقك. تكتب رمز ملحق فعلي — ملفات manifest، عمال خدمة خلفية، نصوص محتوى، وصفحات خيارات — لذا كل درس ينتج عنه شيء يمكنك تحميله مباشرة في Chrome أو Edge كملحق عامل.

ابدأ التعلم →

كيف ستتعلم

🎯
دروس تفاعلية
تمارين برمجة عملية مع ردود فعل فورية
🤖
معلم الذكاء الاصطناعي
احصل على مساعدة فورية من معلمنا الذكي عندما تعلق
💻
محرر مدمج
اكتب وشغّل الأكواد مباشرة في متصفحك
🏆
الشهادة
احصل على شهادة عند إكمالك للدورة
المنهج الدراسي

12 دورة

كل الدورات في مسار تعلم Browser Extensions Development (Chrome & Edge).

01

مقدمة إلى إضافات المتصفح (أساسيات Manifest V3)

A14 دروس

تعلّم أساسيات إضافات المتصفح وبنيتها وكيفية تفاعلها مع صفحات الويب. تغطي هذه الدورة المفاهيم الأساسية وإعداد بيئة تطوير أول إضافة لك باستخد…

02

Manifest V3: المكونات الأساسية والأذونات

A24 دروسPRO

تعمّق في Manifest V3، المعيار الأحدث لإضافات Chrome وEdge. افهم بنيته وأذوناته ومكوناته الرئيسية الضرورية لتطوير الإضافات الحديثة

03

بناء واجهات المستخدم: النوافذ المنبثقة وصفحات الخيارات

B14 دروسPRO

صمّم واجهات المستخدم لإضافاتك ونفّذها باستخدام النوافذ المنبثقة وصفحات الخيارات. تعلّم إنشاء عناصر تفاعلية وإدارة تفضيلات المستخدم بفاعلية

04

برامج المحتوى والتفاعل مع صفحات الويب

B14 دروسPRO

استكشف برامج المحتوى للتفاعل مع محتوى صفحات الويب وتعديله. أتقن تقنيات معالجة DOM واستخراج البيانات وحقن الأنماط المخصصة في المواقع

05

التكامل مع واجهة المتصفح: قوائم السياق وOmnibox

B14 دروسPRO

حسّن تجربة المستخدم بدمج إضافتك مع قوائم سياق المتصفح وOmnibox (شريط العناوين). تعلّم إنشاء إجراءات واختصارات مخصصة لتفاعل سهل وبديهي

06

استراتيجيات النشر والتوزيع

B14 دروسPRO

جهّز إضافتك للنشر في Chrome Web Store ومتجر Edge Add-ons. افهم آلية الإرسال وإرشادات المراجعة وأفضل ممارسات التسويق لضمان توزيع ناجح

07

استراتيجيات المراسلة واستمرارية البيانات

B24 دروسPRO

تعلّم كيفية إنشاء قنوات اتصال قوية بين الأجزاء المختلفة من إضافتك، وكيفية حفظ البيانات محليًا. تغطي هذه الدورة أنماط المراسلة المختلفة وواج…

08

تعديل طلبات الويب باستخدام `declarativeNetRequest`

B24 دروسPRO

أتقن واجهة برمجة التطبيقات `chrome.declarativeNetRequest` لحظر طلبات الشبكة أو تعديلها أو إعادة توجيهها بكفاءة وأمان. واستكشف تقنيات مراقبة…

09

الأتمتة والتحكم البرمجي في المتصفح

B24 دروسPRO

طوّر إضافات تؤتمت مهام المتصفح وتتفاعل برمجيًا مع صفحات الويب. تغطي هذه الدورة تقنيات متقدمة لمحاكاة إجراءات المستخدم وإدارة علامات تبويب ا…

10

تصحيح الأخطاء والاختبار وتحسين الأداء

B24 دروسPRO

اكتسب المهارات الأساسية لتصحيح أخطاء إضافات المتصفح واختبارها وتحسين أدائها. تعلّم استخدام أدوات المطور بفاعلية وكتابة اختبارات متينة

11

الأذونات المتقدمة وأفضل ممارسات الأمان

C14 دروسPRO

تعمّق في نماذج الأذونات المتقدمة وأفضل ممارسات الأمان لتطوير إضافات المتصفح. افهم كيفية طلب الأذونات المختلفة وإدارتها وتبرير الحاجة إليها

12

التوافق بين المتصفحات والأطر المتقدمة

C14 دروسPRO

تعلّم تطوير إضافات تعمل بسلاسة على Chrome وEdge، واستكشف الأطر الشائعة التي تبسّط عملية التطوير. أتقن تقنيات وأفضل ممارسات التوافق المتقدم…

الأسئلة الشائعة

الأسئلة الشائعة

هل دورة Browser Extensions Development (Chrome & Edge) مجانية؟

نعم. يمكنك البدء في دورة Browser Extensions Development (Chrome & Edge) مجانًا وإكمال دروسها التفاعلية بلا تكلفة. اشتراك PRO اختياري يفتح لك أدوات ذكاء اصطناعي متقدمة وشهادة قابلة للمشاركة.

هل أحتاج إلى خبرة سابقة لتعلم JAVASCRIPT؟

لا. تبدأ الدورة بالأساسيات وتنتقل تدريجيًا إلى مواضيع أكثر تقدمًا، لذا يمكنك البدء حتى بدون خبرة سابقة في JAVASCRIPT.

كيف ستتعلم JAVASCRIPT على CoddyKit؟

تتعلم من خلال العمل. دروس تفاعلية قصيرة تجمع بين شرح واضح وتمرين برمجة عملي يعمل في الوقت الفعلي، ومعلم ذكاء اصطناعي يعمل 24/7 يقدم مساعدة مخصصة عندما تعلق.

هل أحصل على شهادة عند إكمال Browser Extensions Development (Chrome & Edge)؟

نعم. متعلمو PRO يمكنهم الخضوع لامتحان والحصول على شهادة إكمال قابلة للمشاركة برمز تحقق لدورة Browser Extensions Development (Chrome & Edge).

هل يمكنني تعلم JAVASCRIPT على هاتفي؟

نعم. CoddyKit متاح على الويب وكتطبيقات iOS و Android أصلية، لذا يمكنك تعلم JAVASCRIPT على أي جهاز وسيتم مزامنة تقدمك عبرها جميعًا.

ابدأ Browser Extensions Development (Chrome & Edge) الآن

انضم إلى آلاف المتعلمين الذين يتقنون البرمجة مع دروس مدعومة بالذكاء الاصطناعي.

ابدأ مجاناً →استعرض جميع الدورات