Web-Dev-For-Beginners/translations/ar

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

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

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

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

1. فرع المستودع: انقر على
2. انسخ المستودع محليًا: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. انضم إلى Azure AI Foundry على ديسكورد والتقِ بالخبراء والمطورين الآخرين

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

مدعوم عبر إجراء GitHub (آلي ومحدث دائمًا)

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

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

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

Bash / macOS / Linux:

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'

CMD (Windows):

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 للبدء!

🌱 بداية العمل

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

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

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

لتطوير تعليمك أكثر، نوصي بشدة باستكشاف مايكروسوفت ليرن للمزيد من مواد الدراسة.

📋 إعداد بيئتك

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

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

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

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

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

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

في نسختك من هذا المستودع التي أنشأتها، انقر زر Code واختر Open with Codespaces. سيُنشئ هذا مساحة عمل جديدة للعمل فيها.

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

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

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

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

   CodeSpace

   ثم، افتح Terminal داخل Visual Studio Code وشغّل الأمر التالي، مستبدلاً <your-repository-url> بعنوان URL الذي قمت بنسخه للتو:

   git clone <your-repository-url>
   

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

التوصيات الخاصة بالامتدادات في Visual Studio Code:

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

📂 كل درس يشمل:

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

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

🗃️ الدروس

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

🏫 المنهجية التربوية

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

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

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

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

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

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

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

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

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

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

📘 PDF

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

🎒 دورات أخرى

يقوم فريقنا بإنتاج دورات أخرى! تحقق من:

LangChain

Azure / Edge / MCP / Agents

---

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

---

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

---

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

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

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

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

الترخيص

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

---

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