مرحبا بك في قسم بـشبكة مطوري موزيلا للتعلم. تهدف مجموعة المقالات هذه إلى توفير كل ما يحتاجه المبتدئون في تطوير الويب للبدء ببناء مواقعهم.

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

إذا كنت مبتدئ، تطوير الويب يمكن أن يكون تحدياً - سنساعدك وسنوفر لك تفاصيل كافية لتشعر بالراحة وتدرس المواضيع كما ينبغي. هذا هو مكانك إن كنت طالباً يتعلم تطوير الويب (بشكل ذاتي أو كجزء من الدراسة)، مدرساً يبحث عن مصادر، هاوٍ، أو شخص ما يريد فقط فهم المزيد حول طريقة عمل تقنيات الويب.

مهم: المحتوى في هذا القسم هو محتوى متجدد باستمرار. فإذا كان لديك أسئلة بخصوص مواضيع تود أن يتم تغطيتها أو تشعر أنها ناقصة، انظر إلى قسم «تواصل معنا» أسفله للحصول على معلومات عن كيفية التواصل معنا.

من أين أبدا

ملاحظة: يحتوي قاموسنا على تعريفات للمصطلحات

معلومة سريعة

خادم
الخادِم (أو المُخَدِّمُ أو الخَادُومُ أو المِخْدَامُ أو المُلَقِّمُ أو المُزَوِّدُ) هو برمجيّة أو جهاز يوفِر خدمة للمستخدم، أو ما يُسمى غالباً بالعميل. الخادم (كجهاز) هو حاسوب مُشترَك على الشبكة، يُشغَّل ويُستضاف غالباً في مراكز البيانات. الخادم (كبرمجيّة والذي يعمل غالباً على جهاز (خادم)) هو برنامج يوفِر الخدمات لبرامج العملاء أو واجهة مُستخدم للعملاء من البشر (ليس للبرامج بل للبشر).

المواضيع المغطاة

القائمة التالية تحتوي على جميع المواضيع التي تمت تغطيتها في قسم التعلم الخاص بشبكة مطوري موزيلا.

البدء مع الويب
توفر الوحدة مقدمة عملية عن تطوير الويب للمبتدئين.
لغة ترميز النص الفائق — لبنة الويب
لغة ترميز النص الفائق (HTML) هي اللغة التي نستخدمها لهيكلة أجزاء مختلفة من محتوانا ولتحديد معناها أو الغرض منها. هذا الموضوع يشرح هذه اللغة بالتفصيل.
صفحة الأنماط الانسيابية — تصميم الويب
صفحات الأنماط الانسيابية (CSS) هي اللغة التي نستخدمها لتصميم وتنسيق محتوى الويب، كما نستخدمها لإضافة تأثيرات مثل الرسوم المتحركة. يوفر هذا الموضوع تغطية شاملة لهذه التقنية.
الجافاسكربت — لغة برمجة ديناميكية لتطوير جهة العميل
تعد الجافاسكربت (JavaScript) لغة برمجة ديناميكيّة تُستخدم لإضافة ميزات تفاعليّة لصفحات الويب. يشرح هذا الموضوع جميع الأساسيات الضرورية لتُصبح قادراً على القراءة والكتابة باستخدام هاته اللغة.
الإتاحة — اجعل الويب متاحاً للجميع
الإتاحة (Accessibility) هي جعل محتوى الويب متاحاً لأكبر قدر من الناس بغض النظر عن الإعاقة التي لديهم، أو الجهاز الذي يستخدمونه، أو اللغة التي يتقنوها، أو أي عامل آخر. يقدم هذا الموضوع كل ما تحتاج معرفته عن هذا المفهوم.
الأدوات والإختبار
يُغطي هذا الموضوع الأدوات التي يستخدمها المطورون لتسهيل عملهم، مثل أدوات الإختبار العابرة للمتصفحات (corss-browser).
برمجة جهة الخادم
حتى ولو كنت مُركزاً على تطوير جهة العميل (client-side)، مازال من المفيد التعرُّف على كيفيّة عمل الخوادم وما هي المزايا التي تمتلكها لغات جهة الخادم (server-side). توفر هذه المقالة مقدمة عامة حول كيفيّة عمل جهة الخادم، كما تقدم دورة مُفصلة عن كيفيّة بناء تطبيق يعمل على الخادم باستخدام إطارين عمل (frameworks) مشهورين — جانغو (لغة بايثون) وأكسبريس (نود).

احصل على أمثلتنا البرمجيّة

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

  1. تثبيت جيت على حاسوبك. يعد جيت برمجيّة التحكم بالإصدارات الأساسيّة التي يستخدمها جيتهاب للقيام بعمله.
  2. قم بإنشاء حساب على جيتهاب. العملية سهلة وبسيطة
  3. بعدما تنتهي من إنشاء الحساب، قم بتسجيل الدخول إلى الموقع باسم المستخدم وكلمة المرور خاصتك.
  4. افتح موجه الأوامر على حاسوبك (إذا كنت تستخدم ويندوز) أو الطرفية (إذا كنت تستخدم لينُكس أو ماك)
  5. لتقوم بنسخ مستودع قسم التعلم إلى مجلد يسمى "learning-are" في مسارك الحالي، استخدم الأمر التالي:
    git clone https://github.com/mdn/learning-area
  6. يمكنك الآن الدخول إلى المجلد لتجد الملف الذي تبحث عنه (إما باستخدام مدير الملفات أو باستخدام الأمر cd)

يمكنك الحصول على آخر التحديثات المُجراة على مستودع وتحميلها إلى مجلدك تلقائياً عن طريق اتباع الخطوات التالية:

  1. باستخدام موجه الأوامر/الطرفية، ادخل إلى المجلد  learning-area باستخدام الأمر cd. على سبيل المثال إذا كنت في المجلد الحاوي للمجلد   learning-area استخدم الأمر:
    cd learning-area
  2. قم بتحديث المستودع باستخدام الأمر التالي:
    git pull

 

تواصل معنا

إذا أردت التواصل معنا من أجل إخبارنا بأي شيءٍ كان، فأفضل طريقة هي إرسال رسالة لنا عن طريق موضوع قسم التعلم أو باستخدام قنوات IRC. نود أن نسمع منك أي شيء بخصوص ما تظنه خاطئاً أو مفقوداً على هذا الموقع، أو طلبات لمواضيع تعلم جديدة، أو طلبات للمساعدة بخصوص شيء لا تستطيع فهمه، أو أي أسئلة أخرى.

 

طالع أيضاً

القائمة البريدية لمطوري موزيلا
قائمتنا البريدية لمطوري الويب، والتي تعد مصدر عظيم لجميع مستويات الخبرة.
موقع Codecademy
موقع تفاعلي رائع لتعليم لغات البرمجة من الصفر.
موقع Code.org
مقالات وتدريبات برمجيّة بسيطة تستهدف بشكل أساسي المبتدئين.
موقع freeCodeCamp.org
موقع تفاعلي يحتوي على دورات ومشاريع لتعليم تطوير الويب.
أنشطة تعليميّة
سلسلة من الأنشطة التعليميّة للتعليم مُنشأة من قبل مؤسسة موزيلا، تغطي كل شيء بدءً من أساسيات الويب والخصوصيّة وصولاً إلى الجافا سكربت وغيرها من التقنيات المتقدمة.

 

Document Tags and Contributors

 المساهمون في هذه الصفحة: ahmadnourallah, yaser-alazem, atefBB, saleem1998, Andrew_Pfeiffer
 آخر مَن حدّثها: ahmadnourallah,