كيف؟
الرئيسيةالأقسامالأدلةالأوامرمقارناتنبدأ بهاعن الموقع

قائمة البريد

نراسلك بين الحين والآخر عند صدور أدلة جديدة. بلا جدول ثابت، ويمكنك إلغاء الاشتراك في أي وقت.

كيف؟

دليل عربي لأدوات ومواقع تساعد على مهمة تبدأ بـ «كيف». لا نقدّم الخدمة بأنفسنا؛ الزر يفتح الموقع الرسمي.

347أداة29قسمالتصفحمجاني
تابعنا:

الموقع

  • الرئيسية
  • كل الأقسام
  • أدلة عملية
  • مكتبة الأوامر
  • نبدأ بها
  • أفضل المنتجات
  • مقارنات الأدوات
  • بدائل حسب المهمة
  • المفضلة
  • اقترح أداة
  • عن الموقع
  • تواصل معنا

شائع

  • الذكاء الاصطناعي
  • أدوات PDF
  • التصميم
  • تعديل الفيديو
  • أدوات الصور
  • أدوات الكتابة
  • البرمجة

السياسات

  • سياسة الخصوصية
  • إلغاء الاشتراك
  • كيف نعمل
  • شروط الاستخدام
  • طلب حذف بيانات
🇸🇦صُنع في السعودية

© 2026 كيف؟ — جميع الحقوق محفوظة.

صُنع بـللقارئ العربي

الرئيسيةالبرمجةكيف أتعلم تطوير الويب
💻 البرمجة

كيف أتعلم تطوير الويب

المرجع الموثوق لتطوير الويب من موزيلا.

افتح MDN Web Docs الآن
شارك:
#ويب#مرجعمجاني بالكامل

نظرة عامة على MDN Web Docs

MDN Web Docs ضمن قسم البرمجة. وصف البطاقة أعلاه من الدليل، ومقدمة القسم الطويلة تبقى في صفحة القسم حتى لا تتكرر على كل أداة.

بقلم فريق كيف؟

آخر تحديث: 25 أكتوبر 2026 · سياسة التحرير

إم دي إن يُفتح فيه توثيق العنصر الذي انكسر لا المنهج من أوله كل مرة

MDN Web Docs مرجع لسلوك الويب من موزيلا. الصفحة لمن يبني صفحة وتعطّل عنصر: يبحث عن اسمه، ويقرأ المثال، ويطبقه على ملفه.

المرجع ليس دورة تُختم. إن بدأت من الصفر فالمنهج في مسار مشروع، وMDN قاموس ترجع إليه.

مثال: زر لا يرسل النموذج

كتبت نموذجًا صغيرًا والزر لا يفعل ما توقعت. تريد أن تفهم عنصر الزر أو النموذج لا أن تعيد قراءة الويب كله.

  1. سمِّ العنصر الذي انكسر بكلمة تعرفه: زر، أو نموذج، أو صورة. لا تبحث بجملة المشكلة الطويلة فقط.
  2. ادخل إلى MDN من زر الصفحة. افتح صفحة العنصر على النطاق الرسمي لا نسخة قديمة في منتدى.
  3. اقرأ ماذا يفعل العنصر والمثال القصير. انسخ المثال إلى ملف تجربة ثم قارنه بملفك.
  4. غيّر سطرًا واحدًا في ملفك وأعد التحميل. لا تصلح عشرة أسطر معًا فتضيع السبب.
  5. إن ذكرت الصفحة تحذيرًا عن استخدام قديم فاقرأ البديل الذي تقترحه قبل أن تنسخ أول مربع.
  6. اكتب في تعليق قصير أعلى السطر رابط المفهوم الذي فهمته، لا المقال كاملًا.

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

التوثيق يشرح السلوك لا مشروعك

الصفحة قد تتحدث مع تحديث المتصفحات. انظر الملاحظة في أعلاها إن وُجدت ولا تفترض أن مثالك من الذاكرة ما زال أدق.

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

لا تنسخ صفحة المرجع كأنها دورتك

لا تنسخ أمثلة طويلة وتسلّمها كمشروع مقرر بلا فهم السطر.

لا تلصق سر اتصال أو مفتاحًا داخل مثال تجربّه في صفحة عامة.

منهج أو تجربة سريعة أو مسار مشروع

  • كيف أبدأ تعلم HTML

    دبليو ثري سكولز لتجربة وسم في المتصفح حين تريد أن ترى المثال يعمل فورًا ثم تعود للمرجع.

  • كيف أتعلم البرمجة من الصفر

    فري كود كامب لمنهج متتابع إن كان المرجع يشعر كقاموس بلا بداية.

  • كيف أتعلم تطوير الويب من الصفر مجانًا

    ذا أودن بروجكت حين تقرر أن تبني مشروعًا طويلًا وترجع إلى MDN عند كل عطل لا كصفحة وحيدة.

اجعل المرجع قاموسًا بجانب تعلم البرمجة بمشروع صفحة واحدة. القسم: البرمجة.

  • أصلح عنصر الصفحة لا كل المرجع
  • قسم البرمجة

ملخص بمساعدة الذكاء الاصطناعي

من إعداد فريق كيف؟ لفهم MDN Web Docs بسرعة

MDN Web Docs هو المرجع الموثوق لتطوير الويب من موزيلا، يقدم أدلة شاملة ومراجع تفصيلية لتقنيات HTML وCSS وJavaScript، مفيد للمبتدئين والمحترفين على حد سواء.

خطوات سريعة

  1. افتح موقع MDN Web Docs عبر الرابط https://developer.mozilla.org.
  2. اختر القسم المناسب (HTML, CSS, JavaScript) من القائمة الرئيسية.
  3. تصفح الدروس التعليمية أو استخدم شريط البحث لكتابة مصطلح معين.
  4. اختر النتيجة المناسبة، مثل مقالة أو مرجع لواجهة برمجة تطبيقات.
  5. اقرأ المحتوى مع التركيز على الأمثلة العملية وجداول التوافق.
  6. جرب الكود في محرر النصوص أو أدوات المطور في المتصفح.
  7. استخدم خاصية 'Edit this page' للمساهمة في تحسين المحتوى إذا أردت.

متى تستخدمها؟

  1. عند تعلم أساسيات HTML أو CSS أو JavaScript من الصفر.
  2. للبحث عن شرح دقيق لواجهات برمجة التطبيقات (APIs) في المتصفحات.
  3. عند الحاجة إلى أمثلة عملية وتوضيحات لأفضل الممارسات في تطوير الويب.
  4. للتأكد من توافق الميزات مع المتصفحات المختلفة.

نصائح ذهبية

  1. استخدم شريط البحث مع كلمات مفتاحية بالإنجليزية للحصول على نتائج أسرع.
  2. انتبه إلى جدول توافق المتصفحات في أسفل كل صفحة لمعرفة الدعم.
  3. استخدم خاصية 'View page source' لرؤية أمثلة كود مباشرة.

احذر من

  1. المحتوى باللغة الإنجليزية بشكل أساسي، وقد تكون الترجمة العربية محدودة.
  2. بعض المقالات قد تكون قديمة أو غير محدثة لأحدث الإصدارات.
  3. لا يعتبر MDN مرجعًا رسميًا للمكتبات أو الأطر مثل React أو Angular.

أُعدّ هذا الملخص بواسطة فريق كيف؟ بمساعدة الذكاء الاصطناعي. يُراجع ويُحدَّث وفق سياسة التحرير. آخر تحديث: 24 أكتوبر 2026. هذه ليست مراجعة بشرية لكل زر في موقع الأداة، والتفاصيل التي تتغير تُراجع على الموقع الرسمي.

أسئلة شائعة عن MDN Web Docs

أقرأ MDN من أول الموقع حتى أصلح زرًا؟

لا. افتح صفحة العنصر الذي انكسر وقارن مثالك بملفك.

مثال MDN يعمل وصفحتي لا. المرجع قديم؟

ابدأ بالفرق في سطر ملفك. القديم محتمل، لكن المقارنة أسرع من اتهام الصفحة.

أنسخ توثيق MDN وأسلّمه مشروعًا؟

لا. المثال للتعلم على ملفك. تسليم النص المنسوخ ليس بناءً.

مشابه في البرمجة

عرض الكل

كيف أنشر موقعي على الإنترنت

أسرع طريقة لنشر مواقع Next.js و React بدون إعدادات.

Vercel
افتح الآن
نشرnext.jsمجاني
🗺️

كيف أعرف خطوات تعلم البرمجة

خرائط تعلم تفاعلية لكل مجال برمجي: ويب، موبايل، DevOps، AI، وغيرها.

Roadmap.sh
افتح الآن
خرائطتعلممجاني
⚔️

كيف أتعلم تطوير الويب من الصفر مجانًا

مسار تعليم متكامل ومجاني لتطوير الويب من الصفر إلى الاحتراف.

The Odin Project
افتح الآن
تطوير ويبمجانيمجاني

كيف أبني تطبيق سحابي بسرعة

بيئة برمجة سحابية تعمل في المتصفح بدون إعداد بسرعة وكفاءة.

StackBlitz
افتح الآن
سحابيمتصفحمجاني

🛒أجهزة مرتبطة بالمهمة

أجهزة لمن يكتب الكود على الكمبيوتر. ليست مراجعة، والسعر والمواصفات على أمازون.

شاشة Ultrawide

شاشة Ultrawide

شاشة عريضة لفتح المحرر والمتصفح معًا أثناء كتابة الكود.

تحقق من السعر على أمازون
كيبورد ميكانيكي لاسلكي

كيبورد ميكانيكي لاسلكي

لوحة مفاتيح إذا كنت تكتب على الكمبيوتر ساعات.

تحقق من السعر على أمازون
ماك بوك إير M

ماك بوك إير M

جهاز محمول لفتح المحرر خارج المكتب. المواصفات الحالية على صفحة المتجر.

تحقق من السعر على أمازون
قرص SSD خارجي محمول

قرص SSD خارجي محمول

قرص خارجي لنسخ مشاريع البرمجة احتياطيًا بجانب النسخة على جهازك.

تحقق من السعر على أمازون

قد نحصل على عمولة عند الشراء عبر روابط أمازون دون أي تكلفة إضافية عليك.

قائمة البريد

احفظ بريدك إن أحببت. نراسلك أحيانًا عند صدور دليل جديد، بلا جدول أسبوعي. يمكنك إلغاء الاشتراك في أي وقت.

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

افتح MDN Web Docs الآن