Web-Dev-For-Beginners/translations/ar

تطوير الويب للمبتدئين - منهج دراسي

تعلّم أساسيات تطوير الويب من خلال دورتنا الشاملة التي تستمر 12 أسبوعًا من قبل دعاة السحابة في مايكروسوفت. تغوص كل من دروس الـ24 في جافاسكريبت وCSS وHTML عبر مشاريع عملية مثل التيراريوم، امتدادات المتصفح، وألعاب الفضاء. شارك مع الاختبارات، النقاشات، والواجبات العملية. حسّن مهاراتك وزد من احتفاظك بالمعرفة من خلال منهجنا التعليمي القائم على المشاريع الفعالة. ابدأ رحلتك في الترميز اليوم!

انضم إلى مجتمع Azure AI Foundry على ديسكورد

اتبع هذه الخطوات للبدء باستخدام هذه الموارد:

1. انشئ نسخة من الريبو (Fork): انقر على
2. انسخ الريبو محليًا (Clone): git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. انضم إلى Azure AI Foundry على ديسكورد والتق بخبراء ومطورين زملاء

🌐 دعم متعدد اللغات

مدعوم عن طريق GitHub Action (آلي ودائمًا محدث)

العربية | البنغالية | البلغارية | البورمية (ميانمار) | الصينية (المبسطة) | الصينية (التقليدية، هونغ كونغ) | الصينية (التقليدية، ماكاو) | الصينية (التقليدية، تايوان) | الكرواتية | التشيكية | الدانماركية | الهولندية | الإستونية | الفنلندية | الفرنسية | الألمانية | اليونانية | العبرية | الهندية | الهنغارية | الإندونيسية | الإيطالية | اليابانية | الكانادا | الكورية | الليتوانية | الماليزية | المالايالامية | الماراثية | النيبالية | نيجيري بيدجن | النرويجية | الفارسية (اللغة) | البولندية | البرتغالية (البرازيل) | البرتغالية (البرتغال) | اللبنغالية (غورموخي) | الرومانية | الروسية | الصربية (السيريلية) | السلوفاكية | السلوفينية | الإسبانية | السواحيلية | السويدية | التاغالوغ (الفلبينية) | التاميلية | التلغو | التايلاندية | التركية | الأوكرانية | الأردية | الفيتنامية

تفضل النسخ محليًا؟

يحتوي هذا الريبو على أكثر من 50 ترجمة لغة مما يزيد بشكل كبير من حجم التنزيل. للنسخ بدون الترجمات، استخدم sparse checkout:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

هذا يمنحك كل ما تحتاجه لإكمال الدورة مع تنزيل أسرع بكثير.

إذا كنت ترغب في دعم لغات ترجمة إضافية، فهي مدرجة هنا

🧑‍🎓 هل أنت طالب؟

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

📣 إعلان - تحديات جديدة لوضع GitHub Copilot Agent لإكمالها!

تمت إضافة تحدي جديد، ابحث عن "تحدي GitHub Copilot Agent 🚀" في معظم الفصول. هذا تحدي جديد لإكماله باستخدام GitHub Copilot ووضع Agent. إذا لم تستخدم وضع Agent من قبل، فهو قادر ليس فقط على توليد النصوص ولكن أيضًا على إنشاء وتعديل الملفات، تشغيل الأوامر والمزيد.

📣 إعلان - مشروع جديد للبناء باستخدام الذكاء الاصطناعي التوليدي

تمت إضافة مشروع جديد لمساعد الذكاء الاصطناعي، اطلع عليه المشروع

📣 إعلان - منهج جديد حول الذكاء الاصطناعي التوليدي لجافاسكريبت تم إصداره للتو

لا تفوت منهجنا الجديد في الذكاء الاصطناعي التوليدي!

زر https://aka.ms/genai-js-course للبدء!

• دروس تغطي كل شيء من الأساسيات إلى RAG.
• تفاعل مع شخصيات تاريخية باستخدام GenAI وتطبيق الرفيق الخاص بنا.
• سرد قصصي ممتع وجذاب، ستسافر عبر الزمن!

تحتوي كل درس على مهمة لإكمالها، اختبار معرفة وتحدي لتوجيهك في تعلم موضوعات مثل:

• التوجيه وتصميم التوجيه
• تطوير تطبيقات النصوص والصور
• تطبيقات البحث

زر https://aka.ms/genai-js-course للبدء!

🌱 البدء

أيّها المعلمون، لقد قمنا بإدراج بعض الاقتراحات حول كيفية استخدام هذا المنهج الدراسي. نود أن نحصل على ملاحظاتكم في منتدى النقاش الخاص بنا!

المتعلمون، لكل درس، ابدأ باختبار ما قبل المحاضرة واتبع قراءة مادة المحاضرة، وأكمل الأنشطة المختلفة وتحقق من فهمك باستخدام اختبار ما بعد المحاضرة.

لتحسين تجربتك التعليمية، تواصل مع زملائك للعمل على المشاريع معًا! يتم التشجيع على النقاشات في منتدى النقاش الخاص بنا حيث يتوفر فريق المشرفين للإجابة على أسئلتك.

لتعميق تعليمك، نوصي بشدة باستكشاف Microsoft Learn لمواد دراسية إضافية.

📋 إعداد بيئتك

يحتوي هذا المنهج الدراسي على بيئة تطوير جاهزة للعمل! عندما تبدأ، يمكنك اختيار تشغيل المنهج الدراسي في Codespace (بيئة قائمة على المتصفح، لا يحتاج تثبيت)، أو محليًا على جهاز الكمبيوتر باستخدام محرر نصوص مثل Visual Studio Code.

أنشئ مستودعك الخاص

لكي تتمكن من حفظ عملك بسهولة، يُنصح بإنشاء نسخة خاصة بك من هذا المستودع. يمكنك فعل ذلك بالنقر على زر Use this template في أعلى الصفحة. سيؤدي ذلك إلى إنشاء مستودع جديد في حساب GitHub الخاص بك مع نسخة من المنهج الدراسي.

اتبع هذه الخطوات:

1. انشئ نسخة من المستودع (Fork): انقر على زر "Fork" في أعلى يمين هذه الصفحة.
2. انسخ المستودع محليًا (Clone): git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

تشغيل المنهج الدراسي في Codespace

في نسخة المستودع الخاصة بك التي أنشأتها، انقر على زر Code واختر Open with Codespaces. سيؤدي ذلك إلى إنشاء Codespace جديد للعمل فيه.

تشغيل المنهج الدراسي محليًا على جهاز الكمبيوتر

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

توصيتنا هي استخدام Visual Studio Code كمحرر لديك، والذي يتضمن أيضًا طرفية مدمجة. يمكنك تنزيل Visual Studio Code من هنا.

1. انسخ المستودع الخاص بك إلى جهاز الكمبيوتر الخاص بك. يمكنك فعل ذلك بالنقر على زر Code ونسخ عنوان URL:

   CodeSpace ثم، افتح الطرفية داخل فيجوال ستوديو كود وشغّل الأمر التالي، مع استبدال <your-repository-url> بالرابط الذي نسخته للتو:

   git clone <your-repository-url>
   

2. افتح المجلد في فيجوال ستوديو كود. يمكنك فعل ذلك بالنقر على File > Open Folder واختيار المجلد الذي قمت باستنساخه.

ملحقات فيجوال ستوديو كود الموصى بها:

• Live Server - لمعاينة صفحات HTML داخل فيجوال ستوديو كود
• Copilot - لمساعدتك على كتابة الكود بشكل أسرع

📂 كل درس يشمل:

• ملاحظات توضيحية اختيارية
• فيديو تفاعلي اختياري
• اختبار تمهيدي قبل الدرس
• درس مكتوب
• لدروس المشاريع، إرشادات خطوة بخطوة لكيفية بناء المشروع
• اختبارات للتحقق من المعرفة
• تحدي
• قراءة إضافية
• واجب
• اختبار بعد الدرس

ملاحظة حول الاختبارات: جميع الاختبارات موجودة في مجلد Quiz-app، يوجد 48 اختبارًا بمجموع ثلاث أسئلة لكل اختبار. متوفرة هنا يمكن تشغيل تطبيق الاختبار محليًا أو نشره على Azure؛ اتبع التعليمات في مجلد quiz-app.

🗃️ الدروس

	اسم المشروع	المفاهيم التي يُدرّسها	أهداف التعلم	الدرس المرتبط	المؤلف
01	البدء	مقدمة في البرمجة وأدوات العمل	تعلّم أساسيات معظم لغات البرمجة والبرمجيات التي تساعد المطورين المحترفين في أداء عملهم	مقدمة في لغات البرمجة وأدوات العمل	Jasmine
02	البدء	أساسيات GitHub، يتضمن العمل الجماعي	كيفية استخدام GitHub في مشروعك، وكيفية التعاون مع الآخرين على قاعدة كود	مقدمة في GitHub	Floor
03	البدء	إمكانية الوصول	تعلّم أساسيات إمكانية الوصول على الويب	أساسيات إمكانية الوصول	Christopher
04	أساسيات JS	أنواع بيانات جافاسكريبت	أساسيات أنواع البيانات في جافاسكريبت	أنواع البيانات	Jasmine
05	أساسيات JS	الدوال والأساليب	تعلّم حول الدوال والأساليب لإدارة تدفق منطق التطبيق	الدوال والأساليب	Jasmine و Christopher
06	أساسيات JS	اتخاذ القرارات باستخدام جافاسكريبت	تعلّم كيفية إنشاء شروط في الكود باستخدام طرق اتخاذ القرار	اتخاذ القرارات	Jasmine
07	أساسيات JS	المصفوفات والحلقات	العمل مع البيانات باستخدام المصفوفات والحلقات في جافاسكريبت	المصفوفات والحلقات	Jasmine
08	Terrarium	HTML في التطبيق	بناء HTML لإنشاء ترباريوم إلكتروني مع التركيز على بناء التخطيط	مقدمة في HTML	Jen
09	Terrarium	CSS في التطبيق	بناء CSS لتصميم الترباريوم الإلكتروني مع التركيز على أساسيات CSS بما في ذلك جعل الصفحة متجاوبة	مقدمة في CSS	Jen
10	Terrarium	إغلاق جافاسكريبت، التلاعب بـ DOM	بناء جافاسكريبت لجعل الترباريوم يعمل كواجهة سحب وإفلات، مع التركيز على الإغلاق والتلاعب بـ DOM	إغلاق جافاسكريبت والتلاعب بـ DOM	Jen
11	لعبة الطباعة	بناء لعبة طباعة	تعلّم كيفية استخدام أحداث لوحة المفاتيح لتشغيل منطق تطبيق جافاسكريبت	البرمجة الحدثية	Christopher
12	إضافة المتصفح الخضراء	العمل مع المتصفحات	تعلّم كيف تعمل المتصفحات، تاريخها، وكيفية إعداد أول عناصر إضافة لمتصفح	حول المتصفحات	Jen
13	إضافة المتصفح الخضراء	بناء نموذج، الاستدعاء API وتخزين المتغيرات في التخزين المحلي	بناء عناصر جافاسكريبت لإضافة المتصفح لاستدعاء API باستخدام المتغيرات المخزنة محليًا	APIs، النماذج والتخزين المحلي	Jen
14	إضافة المتصفح الخضراء	العمليات الخلفية في المتصفح، أداء الويب	استخدام العمليات الخلفية للمتصفح لإدارة أيقونة الإضافة؛ تعلم حول أداء الويب وبعض التحسينات لرفع الكفاءة	المهام الخلفية والأداء	Jen
15	لعبة الفضاء	تطوير ألعاب متقدم مع جافاسكريبت	تعلّم حول الوراثة باستخدام الكلاسات والتكوين ونمط النشر/الاشتراك، تمهيدًا لبناء لعبة	مقدمة في تطوير الألعاب المتقدم	Chris
16	لعبة الفضاء	الرسم على اللوحة	تعلّم حول API اللوحة (Canvas API)، المستخدم للرسم على الشاشة	الرسم على اللوحة	Chris
17	لعبة الفضاء	تحريك العناصر حول الشاشة	اكتشف كيف يمكنك تحريك العناصر باستخدام الإحداثيات الديكارتية وواجهة برمجة تطبيقات اللوحة	تحريك العناصر	Chris
18	لعبة الفضاء	كشف التصادم	جعل العناصر تتصادم وتتفاعل مع بعضها باستخدام ضغطات المفاتيح وتوفير دالة تبريد لضمان أداء اللعبة	كشف التصادم	Chris
19	لعبة الفضاء	حفظ النقاط	إجراء حسابات رياضية بناءً على حالة اللعبة وأدائها	حفظ النقاط	Chris
20	لعبة الفضاء	إنهاء وإعادة بدء اللعبة	تعلّم حول إنهاء وإعادة تشغيل اللعبة، بما في ذلك تنظيف الموارد وإعادة تعيين المتغيرات	شرط النهاية	Chris
21	تطبيق البنك	قوالب HTML والمسارات في تطبيق ويب	تعلّم كيفية إنشاء الهيكل الأساسي لموقع ويب متعدد الصفحات باستخدام التوجيه والقوالب في HTML	قوالب HTML والمسارات	Yohan
22	تطبيق البنك	بناء نموذج تسجيل دخول وتسجيل	تعلّم حول بناء النماذج والتعامل مع إجراءات التحقق من صحة البيانات	النماذج	Yohan
23	تطبيق البنك	طرق جلب واستخدام البيانات	كيف تتدفق البيانات داخل وخارج التطبيق، كيفية جلبها وتخزينها والتخلص منها	البيانات	Yohan
24	تطبيق البنك	مفاهيم إدارة الحالة	تعلّم كيف يحتفظ تطبيقك بالحالة وكيفية إدارتها برمجيًا	إدارة الحالة	Yohan
25	كود المتصفح/في سكود	العمل مع في سكود	تعلم كيفية استخدام محرر الكود	استخدام محرر كود في سكود	Chris
26	مساعدات الذكاء الاصطناعي	العمل مع الذكاء الاصطناعي	تعلم كيفية بناء مساعد ذكي خاص بك	مشروع مساعد الذكاء الاصطناعي	Chris

🏫 البيداغوجيا

تم تصميم منهجنا التعليمي مع مبدئين بيداغوجيين رئيسيين في الاعتبار:

• التعلم القائم على المشاريع
• الاختبارات المتكررة

البرنامج يُعلّم أساسيات جافاسكريبت، HTML، وCSS، بالإضافة إلى أحدث الأدوات والتقنيات المستخدمة من قبل مطوري الويب في الوقت الحالي. سيحصل الطلاب على فرصة لاكتساب خبرة عملية من خلال بناء لعبة الطباعة، ترباريوم افتراضي، إضافة متصفح صديقة للبيئة، لعبة على نمط غزو الفضاء، وتطبيق بنكي للأعمال. بنهاية السلسلة، سيكون لدى الطلاب فهم قوي لتطوير الويب.

🎓 يمكنك أخذ الدروس الأولى في هذا المنهج كـ مسار تعلم على Microsoft Learn!

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

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

بينما تجنبنا عمدًا تقديم أُطر عمل جافاسكريبت للتركيز على المهارات الأساسية المطلوبة كمطور ويب قبل تبني إطار عمل، فإن الخطوة التالية الجيدة لإكمال هذا المنهج ستكون تعلم Node.js عبر مجموعة أخرى من الفيديوهات: "سلسلة المبتدئين إلى: Node.js".

قم بزيارة مدونة قواعد السلوك والمساهمة. نرحب بتعليقاتك البناءة!

🧭 الوصول دون اتصال

يمكنك تشغيل هذه الوثائق دون اتصال باستخدام Docsify. انسخ هذا المستودع، ثبت Docsify على جهازك المحلي، ثم في المجلد الجذر لهذا المستودع، اكتب docsify serve. سيتم تقديم الموقع على المنفذ 3000 على جهازك المحلي: localhost:3000.

📘 ملف PDF

يمكن العثور على ملف PDF لكل الدروس هنا.

🎒 دورات أخرى

فريقنا يُنتج دورات أخرى! اطلع على:

لانغتشين

---

أزور / إيدج / MCP / الوكلاء

---

سلسلة الذكاء الاصطناعي التوليدي

---

التعلم الأساسي

---

سلسلة كوبايلوت

الحصول على المساعدة

إذا علقت أو كان لديك أي أسئلة حول بناء تطبيقات الذكاء الاصطناعي. انضم إلى المتعلمين الآخرين والمطورين ذوي الخبرة في مناقشات حول MCP. إنها مجتمع داعم حيث الأسئلة مرحب بها والمعرفة تُشارك بحرية.

إذا كان لديك ملاحظات عن المنتج أو أخطاء أثناء البناء قم بزيارة:

الترخيص

هذا المستودع مرخص تحت رخصة MIT. راجع ملف LICENSE لمزيد من المعلومات.

---

إخلاء المسؤولية:
تمت ترجمة هذا المستند باستخدام خدمة الترجمة الآلية Co-op Translator. بينما نسعى جاهدين لتحقيق الدقة، يُرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر المعتمد. يُنصح باللجوء إلى الترجمة البشرية المهنية للمعلومات الحساسة. نحن غير مسؤولين عن أي سوء فهم أو تفسير ناجم عن استخدام هذه الترجمة.