نظرة عامة على MDN Web Docs
المرجع الموثوق لتطوير الويب من موزيلا. يقع MDN Web Docs ضمن قسم البرمجة، ويُعد من الخيارات الأكثر استخدامًا في مجاله. اخترناه ضمن قائمة كيف؟ بعد مراجعة سمعته، سهولة استخدامه، وموثوقيته للمستخدم العربي.
تعلّم البرمجة لم يعد رفاهية — بل مهارة أساسية في القرن الواحد والعشرين. سواء كنت تطمح أن تكون مبرمجًا محترفًا، أو أن تطوّر مشروعك بنفسك، اخترنا لك أفضل المنصات لتعلّم البرمجة، وأدوات المطورين الأساسية، ومجتمعات الكود التي تساعدك على النمو.
ملخص ذكي بمساعدة AI
مولَّد آليًا لمساعدتك على فهم 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.
⚠️ المحتوى أعلاه مُولَّد بمساعدة الذكاء الاصطناعي ويُحدَّث بشكل دوري — قد يحتوي على معلومات قديمة. راجع موقع الأداة الرسمي للتحقق من الأسعار والميزات الحالية.
نصائح من فريق كيف؟
- ابدأ بـ freeCodeCamp — منهج كامل مجاني بمشاريع عملية.
- تعلّم Git/GitHub مبكرًا — لغة المطورين المشتركة.
- Stack Overflow صديقك لحل المشاكل البرمجية اليومية.
- Cursor و GitHub Copilot تضاعفان إنتاجيتك إذا استخدمتهما بذكاء.
منتجات موصى بها
أدوات وأجهزة تساعدك على إنجاز عملك باحترافية أكبر.
ماك بوك برو (شريحة M)
أداء خرافي لتشغيل أدوات الذكاء الاصطناعي والمونتاج بسلاسة طوال اليوم.
شاشة 4K للمصممين
ألوان دقيقة ومساحة عمل واسعة تريح عينك وترفع إنتاجيتك.
كيبورد ميكانيكي لاسلكي
كتابة مريحة وسريعة تدوم لساعات — تجربة طباعة احترافية فاخرة.
قرص SSD خارجي محمول
نقل ملفاتك الضخمة بسرعة فائقة — مساحة إضافية لمشاريعك أينما كنت.
قد نحصل على عمولة عند الشراء عبر روابط أمازون دون أي تكلفة إضافية عليك.
أسئلة شائعة عن MDN Web Docs
مشابه في البرمجة
عرض الكلكيف أتعلم البرمجة من الصفر
منصة مجانية كاملة لتعلم البرمجة من البداية حتى الاحتراف.
كيف أنشر مشروعي البرمجي
أكبر منصة لاستضافة الأكواد ومشاركتها مع المطورين.
كيف أحل مشاكل البرمجة
مجتمع المطورين الأكبر للسؤال والإجابة عن مشاكل البرمجة.
كيف أستعد لمقابلة برمجية
حل مشاكل خوارزميات للاستعداد لمقابلات الشركات الكبرى.
كيف أتعلم لغة برمجة جديدة
دروس تفاعلية لتعلم البايثون والجافاسكربت وغيرها بخطوات.
كيف أكتب كود أونلاين
بيئة برمجة كاملة في المتصفح بدون أي إعدادات.
كيف أجرب كود HTML و CSS
ساحة لعب للويب: HTML و CSS و JS مع مشاركة فورية.
كيف أبدأ تعلم HTML
أشهر مرجع تعليمي للمبتدئين في تطوير الويب.