نظرة عامة على MDN Web Docs
MDN Web Docs ضمن قسم البرمجة. وصف البطاقة أعلاه من الدليل، ومقدمة القسم الطويلة تبقى في صفحة القسم حتى لا تتكرر على كل أداة.
بقلم فريق كيف؟
آخر تحديث: 25 أكتوبر 2026 · سياسة التحرير
إم دي إن يُفتح فيه توثيق العنصر الذي انكسر لا المنهج من أوله كل مرة
MDN Web Docs مرجع لسلوك الويب من موزيلا. الصفحة لمن يبني صفحة وتعطّل عنصر: يبحث عن اسمه، ويقرأ المثال، ويطبقه على ملفه.
المرجع ليس دورة تُختم. إن بدأت من الصفر فالمنهج في مسار مشروع، وMDN قاموس ترجع إليه.
مثال: زر لا يرسل النموذج
كتبت نموذجًا صغيرًا والزر لا يفعل ما توقعت. تريد أن تفهم عنصر الزر أو النموذج لا أن تعيد قراءة الويب كله.
- سمِّ العنصر الذي انكسر بكلمة تعرفه: زر، أو نموذج، أو صورة. لا تبحث بجملة المشكلة الطويلة فقط.
- ادخل إلى MDN من زر الصفحة. افتح صفحة العنصر على النطاق الرسمي لا نسخة قديمة في منتدى.
- اقرأ ماذا يفعل العنصر والمثال القصير. انسخ المثال إلى ملف تجربة ثم قارنه بملفك.
- غيّر سطرًا واحدًا في ملفك وأعد التحميل. لا تصلح عشرة أسطر معًا فتضيع السبب.
- إن ذكرت الصفحة تحذيرًا عن استخدام قديم فاقرأ البديل الذي تقترحه قبل أن تنسخ أول مربع.
- اكتب في تعليق قصير أعلى السطر رابط المفهوم الذي فهمته، لا المقال كاملًا.
إن عمل المثال عندهم وفشل ملفك فالفرق في سطرك. ارجع للمقارنة ولا تفتح خمسة مراجع. دوّن اسم العنصر الذي أصلحته كي لا تبحث عنه من الصفر في المرة القادمة.
التوثيق يشرح السلوك لا مشروعك
الصفحة قد تتحدث مع تحديث المتصفحات. انظر الملاحظة في أعلاها إن وُجدت ولا تفترض أن مثالك من الذاكرة ما زال أدق.
MDN لا يستضيف موقعك ولا يصلح الاستضافة. إن كان العطل بعد الرفع فذلك مسار آخر.
لا تنسخ صفحة المرجع كأنها دورتك
لا تنسخ أمثلة طويلة وتسلّمها كمشروع مقرر بلا فهم السطر.
لا تلصق سر اتصال أو مفتاحًا داخل مثال تجربّه في صفحة عامة.
منهج أو تجربة سريعة أو مسار مشروع
- كيف أبدأ تعلم HTML
دبليو ثري سكولز لتجربة وسم في المتصفح حين تريد أن ترى المثال يعمل فورًا ثم تعود للمرجع.
- كيف أتعلم البرمجة من الصفر
فري كود كامب لمنهج متتابع إن كان المرجع يشعر كقاموس بلا بداية.
- كيف أتعلم تطوير الويب من الصفر مجانًا
ذا أودن بروجكت حين تقرر أن تبني مشروعًا طويلًا وترجع إلى MDN عند كل عطل لا كصفحة وحيدة.
اجعل المرجع قاموسًا بجانب تعلم البرمجة بمشروع صفحة واحدة. القسم: البرمجة.
ملخص بمساعدة الذكاء الاصطناعي
من إعداد فريق كيف؟ لفهم MDN Web Docs بسرعة
MDN Web Docs هو المرجع الموثوق لتطوير الويب من موزيلا، يقدم أدلة شاملة ومراجع تفصيلية لتقنيات HTML وCSS وJavaScript، مفيد للمبتدئين والمحترفين على حد سواء.
خطوات سريعة
- افتح موقع MDN Web Docs عبر الرابط https://developer.mozilla.org.
- اختر القسم المناسب (HTML, CSS, JavaScript) من القائمة الرئيسية.
- تصفح الدروس التعليمية أو استخدم شريط البحث لكتابة مصطلح معين.
- اختر النتيجة المناسبة، مثل مقالة أو مرجع لواجهة برمجة تطبيقات.
- اقرأ المحتوى مع التركيز على الأمثلة العملية وجداول التوافق.
- جرب الكود في محرر النصوص أو أدوات المطور في المتصفح.
- استخدم خاصية 'Edit this page' للمساهمة في تحسين المحتوى إذا أردت.
متى تستخدمها؟
- عند تعلم أساسيات HTML أو CSS أو JavaScript من الصفر.
- للبحث عن شرح دقيق لواجهات برمجة التطبيقات (APIs) في المتصفحات.
- عند الحاجة إلى أمثلة عملية وتوضيحات لأفضل الممارسات في تطوير الويب.
- للتأكد من توافق الميزات مع المتصفحات المختلفة.
نصائح ذهبية
- استخدم شريط البحث مع كلمات مفتاحية بالإنجليزية للحصول على نتائج أسرع.
- انتبه إلى جدول توافق المتصفحات في أسفل كل صفحة لمعرفة الدعم.
- استخدم خاصية 'View page source' لرؤية أمثلة كود مباشرة.
احذر من
- المحتوى باللغة الإنجليزية بشكل أساسي، وقد تكون الترجمة العربية محدودة.
- بعض المقالات قد تكون قديمة أو غير محدثة لأحدث الإصدارات.
- لا يعتبر MDN مرجعًا رسميًا للمكتبات أو الأطر مثل React أو Angular.
أُعدّ هذا الملخص بواسطة فريق كيف؟ بمساعدة الذكاء الاصطناعي. يُراجع ويُحدَّث وفق سياسة التحرير. آخر تحديث: 24 أكتوبر 2026. هذه ليست مراجعة بشرية لكل زر في موقع الأداة، والتفاصيل التي تتغير تُراجع على الموقع الرسمي.
أسئلة شائعة عن MDN Web Docs
أقرأ MDN من أول الموقع حتى أصلح زرًا؟
لا. افتح صفحة العنصر الذي انكسر وقارن مثالك بملفك.
مثال MDN يعمل وصفحتي لا. المرجع قديم؟
ابدأ بالفرق في سطر ملفك. القديم محتمل، لكن المقارنة أسرع من اتهام الصفحة.
أنسخ توثيق MDN وأسلّمه مشروعًا؟
لا. المثال للتعلم على ملفك. تسليم النص المنسوخ ليس بناءً.
مشابه في البرمجة
عرض الكلكيف أنشر موقعي على الإنترنت
أسرع طريقة لنشر مواقع Next.js و React بدون إعدادات.
كيف أعرف خطوات تعلم البرمجة
خرائط تعلم تفاعلية لكل مجال برمجي: ويب، موبايل، DevOps، AI، وغيرها.
كيف أتعلم تطوير الويب من الصفر مجانًا
مسار تعليم متكامل ومجاني لتطوير الويب من الصفر إلى الاحتراف.
كيف أبني تطبيق سحابي بسرعة
بيئة برمجة سحابية تعمل في المتصفح بدون إعداد بسرعة وكفاءة.
أجهزة مرتبطة بالمهمة
أجهزة لمن يكتب الكود على الكمبيوتر. ليست مراجعة، والسعر والمواصفات على أمازون.
شاشة Ultrawide
شاشة عريضة لفتح المحرر والمتصفح معًا أثناء كتابة الكود.
كيبورد ميكانيكي لاسلكي
لوحة مفاتيح إذا كنت تكتب على الكمبيوتر ساعات.
ماك بوك إير M
جهاز محمول لفتح المحرر خارج المكتب. المواصفات الحالية على صفحة المتجر.
قرص SSD خارجي محمول
قرص خارجي لنسخ مشاريع البرمجة احتياطيًا بجانب النسخة على جهازك.
قد نحصل على عمولة عند الشراء عبر روابط أمازون دون أي تكلفة إضافية عليك.