منهج MDN لتعلم تطوير الويب
مرجع الويب نفسه صار منهجاً مرتباً
MDN مرجع المطورين المعروف، وعنده منهج رسمي مرتب من الصفر للواجهات. مجاني ومكتوب لا مصوّر، وهذه المراجعة توضح لمين يناسب.
تركيبة المنهج كما تعرضها الصفحة
| البند | الخلاصة | ملاحظة |
|---|---|---|
| الجهة | مجتمع MDN (Mozilla) | الصفحة: developer.mozilla.org |
| الوحدات الأساسية | 7 وحدات | HTML، أساسيات CSS، تنسيق النص، التخطيط، جافاسكربت، أطر العمل (React)، إمكانية الوصول |
| الإضافات | 8 وحدات امتداد | كائنات متقدمة، واجهات المتصفح، التزامن، النماذج، أدوات، خادم، أداء، اختبارات |
| آخر تحديث | آب 2025 | مذكور على الصفحة |
| الشهادة | غير مذكورة | المنهج مكتوب بلا شهادة |
| اللغة | الإنكليزية (en-US) | النسخة التي فتحناها |
| الوصول من سوريا | غير محسوم | لم نختبره من داخل سوريا |
منهج مكتوب يأخذك من «مبتدئ» إلى «مرتاح»
تصف الصفحة هدف المنهج بأنه ينقلك من «مبتدئ» إلى «مرتاح» لا إلى «خبير»، ويعطيك معرفة كافية لتستخدم باقي موارد MDN المتقدمة. وهذا وصف صادق قلّ أن تجده: لا وعد بوظيفة، فقط أساس.
تبدأ بوحدات للمبتدئين تماماً بلا خبرة سابقة، ثم سبع وحدات أساسية، ثم ثماني وحدات امتداد. بين الأساسيات وحدتان إضافيتان: «التصميم للمطورين» والتحكم بالإصدارات، وهذا أكثر مما تقدمه كورسات كثيرة.
الوحدة السادسة تدخل على مكتبات جافاسكربت وReact، والسابعة على إمكانية الوصول، وهي مهارة نادراً ما تُدرَّس لكنها تفرّق بين صفحة تُفتح وصفحة تخدم الجميع. وفي الامتدادات تجد الخادم مع Django وExpress والاختبار والأداء.
ولأن MDN هو المرجع الذي يفتحه المطورون يومياً، فتعوّدك عليه من أول يوم يوفر عليك البحث العشوائي لاحقاً. حين يعلق معك سؤال عن خاصية CSS أو دالة جافاسكربت، سترجع لنفس الموقع الذي تعلمت منه، وبنفس أسلوب الشرح.
اقرأ، جرّب، اختبر نفسك
المنهج مبني على النصوص والأمثلة التفاعلية. تذكر الصفحة وجود ملعب MDN لتجربة الكود، وأمثلة جاهزة على GitHub، ومقالات «اختبر مهاراتك» وتحديات للتطبيق. وفيه شراكة مع منصة Scrimba لمن يريد مساراً تفاعلياً بالفيديو، وهذا الجزء خارج المنهج المجاني فتحقق من شروطه قبل أي التزام.
نصيحة عملية: القراءة وحدها لا تكفي. اعتمد قاعدة «عشرون دقيقة قراءة، أربعون دقيقة كتابة». افتح ملف HTML فارغاً، وأعد كتابة مثال كل مقال بنفسك قبل ما تنسخ. والتزم بتسليم صفحة صغيرة كل وحدة؛ هي مادة بورتفوليوك الأولى.
الوقت المقدّر غير مذكور على الصفحة التي فتحناها، فلا نعطيك رقماً. جرّب وحدة HTML وسجّل وقتك، ثم قدّر الباقي بنفسك.
غير محسوم، والبديل جاهز
MDN موقع توثيق عام، لكننا ما اختبرنا فتحه ولا تشغيل الملعب من داخل سوريا، فالحكم غير محسوم. الفحص دقيقة واحدة: افتح الرابط وجرّب الملعب. وإن تعطل جزء، فأمثلة المنهج منشورة على GitHub ويمكن تحميلها وتشغيلها محلياً بلا إنترنت.
الميزة أن المنهج نصي، فيحمل على إنترنت ضعيف بخلاف الفيديو، وتقدر تحفظ الصفحات للقراءة وقت انقطاع الكهرباء.
مشروع صغير لكل وحدة
اقتراحنا لتحويل القراءة إلى بورتفوليو، وهو ليس من المنهج نفسه:
- وحدة HTML: صفحة تعريفية عن حرفة أو خدمة تعرفها، بعناوين صحيحة وصور بنص بديل.
- وحدات CSS: أعد تصميم الصفحة نفسها لتفتح جيداً على موبايل صغير، فمعظم زوار العميل منه.
- وحدة جافاسكربت: أضف عدّاداً أو حاسبة سعر بسيطة. شيء يقدر العميل يلعب به.
- وحدة إمكانية الوصول: افحص صفحتك بلوحة المفاتيح فقط. إن لم تقدر تتنقل فأصلح.
علامة إتقانك: ترسل الرابط لشخص من أهلك وتسأله إن كان يفهم الصفحة من أول نظرة، ثم تعدّل بحسب ملاحظته.
الحدود
- لا شهادة ولا تصحيح. أنت وحدك مع الأمثلة؛ من يحتاج مدرّباً يتعثر.
- إنكليزي تقني. الجمل قصيرة لكن المصطلحات كثيرة. ابدأ بقاموس مصطلحات صغير.
- واجهات أولاً. الخادم موجود كامتداد فقط، فلا يكفيك وحده لموقع كامل.
لمين مناسب
مناسب لـ
- من يتعلم أفضل بالقراءة ويضيق من الفيديوهات الطويلة.
- من إنترنته ضعيف ويريد مادة خفيفة قابلة للحفظ.
- من أنهى كورس فيديو ويريد مرجعاً يثبّت به الأساس.
مو مناسب لـ
- من يحتاج مدرّباً يجاوب أسئلته.
- من يريد شهادة تُعرض على العميل.
- من لا يحب القراءة بالإنكليزية أبداً.
أين يضعه مساركم
يصلح كـ«مرجع مرافق» لأي مسار ويب: ابدأ تدريبك بكورس مرتب مثل freeCodeCamp أو الزيرو، وارجع لـMDN كلما غمض عليك مفهوم. ولمشروع كامل بواجهة وخادم انتقل إلى Full Stack Open.
نظّم مشاريع الوحدات بصفحة نظيفة باتباع دليل بورتفوليو بلا خبرة، وتصفح قائمة فحص البرمجة قبل التقديم. ولتثبيت المستوى جرّب الاختبار المجاني لمسار البرمجة.
أسئلة عن منهج MDN
هل MDN كورس أم مرجع؟
كلاهما: صفحته تصف «منهجاً» مرتباً بوحدات أساسية وامتدادات، ويعتمد على النصوص والأمثلة لا الفيديو.
هل يفتح من سوريا؟
غير محسوم عندنا لأننا لم نختبره من داخل سوريا. جرّب فتح الصفحة والملعب، والأمثلة متاحة على GitHub للتحميل.
هل يكفي وحده لأشتغل؟
الصفحة نفسها تقول إنه ينقلك لمستوى «مرتاح» لا «خبير». أضف إليه مشاريع حقيقية ومصدراً للخادم.
المصادر
| المصدر | النوع | التاريخ |
|---|---|---|
| MDN — Learn web development | رسمي | فُتحت 2 تشرين الأول 2026 |
الأرقام أعلاه من الصفحة الرسمية للكورس (آخر تحقق: 2 تشرين الأول 2026). وهل يفتح الكورس من سوريا؟ لم نجرّبه من داخل البلد، لذلك الحكم «غير محسوم» وبجانبه طريقة الفحص.
← كل صفحات القسم: مراجعات الكورسات
خلّصت الكورس؟ ثبّتو بشهادة موثّقة
الاختبار مجاني، والشهادة بتصدر بالدعوات بلا أي دفع. والقناة فيها فرص لتطبّق يلي تعلّمتو.