Web-Dev-For-Beginners/translations/ar

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

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

انضم إلى مجتمع Azure AI Foundry على Discord

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

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

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

مدعوم عبر GitHub Action (تلقائي ودائم التحديث)

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

إذا كنت ترغب في دعم لغات إضافية، يمكنك الاطلاع على القائمة هنا

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

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

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

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

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

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

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

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

قم بزيارة https://aka.ms/genai-js-course للبدء!

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

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

• التوجيه وهندسة التوجيه
• إنشاء تطبيقات النصوص والصور
• تطبيقات البحث

قم بزيارة https://aka.ms/genai-js-course للبدء!

🌱 البدء

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

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

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

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

📋 إعداد بيئتك

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

إنشاء مستودعك

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

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

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

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

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

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

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

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

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

   CodeSpace

   ثم افتح Terminal داخل Visual Studio Code وقم بتشغيل الأمر التالي، مع استبدال <your-repository-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	Terrarium	HTML عملي	بناء HTML لإنشاء تيراريوم عبر الإنترنت، مع التركيز على إنشاء تخطيط	مقدمة في HTML	Jen
09	Terrarium	CSS عملي	بناء CSS لتنسيق التيراريوم عبر الإنترنت، مع التركيز على أساسيات CSS بما في ذلك جعل الصفحة متجاوبة	مقدمة في CSS	Jen
10	Terrarium	إغلاق JavaScript، التلاعب بـ DOM	بناء JavaScript لجعل التيراريوم يعمل كواجهة سحب وإفلات، مع التركيز على الإغلاق والتلاعب بـ DOM	إغلاق JavaScript، التلاعب بـ DOM	Jen
11	Typing Game	بناء لعبة كتابة	تعلم كيفية استخدام أحداث لوحة المفاتيح لتوجيه منطق تطبيق JavaScript الخاص بك	برمجة قائمة على الأحداث	Christopher
12	Green Browser Extension	العمل مع المتصفحات	تعلم كيفية عمل المتصفحات، تاريخها، وكيفية إنشاء العناصر الأولى لإضافة المتصفح	حول المتصفحات	Jen
13	Green Browser Extension	بناء نموذج، استدعاء API وتخزين المتغيرات في التخزين المحلي	بناء عناصر JavaScript لإضافة المتصفح لاستدعاء API باستخدام المتغيرات المخزنة في التخزين المحلي	APIs، النماذج، والتخزين المحلي	Jen
14	Green Browser Extension	العمليات الخلفية في المتصفح، أداء الويب	استخدام العمليات الخلفية للمتصفح لإدارة أيقونة الإضافة؛ تعلم أداء الويب وبعض التحسينات لجعلها أفضل	المهام الخلفية والأداء	Jen
15	Space Game	تطوير ألعاب أكثر تقدمًا باستخدام JavaScript	تعلم الوراثة باستخدام الفئات والتكوين ونمط Pub/Sub، استعدادًا لبناء لعبة	مقدمة في تطوير الألعاب المتقدمة	Chris
16	Space Game	الرسم على اللوحة	تعلم واجهة برمجة التطبيقات Canvas، المستخدمة لرسم العناصر على الشاشة	الرسم على اللوحة	Chris
17	Space Game	تحريك العناصر على الشاشة	اكتشاف كيفية اكتساب العناصر للحركة باستخدام الإحداثيات الكارتيسية وواجهة برمجة التطبيقات Canvas	تحريك العناصر	Chris
18	Space Game	اكتشاف الاصطدام	جعل العناصر تصطدم وتتفاعل مع بعضها البعض باستخدام ضغطات المفاتيح وتوفير وظيفة تبريد لضمان أداء اللعبة	اكتشاف الاصطدام	Chris
19	Space Game	تسجيل النقاط	إجراء حسابات رياضية بناءً على حالة اللعبة وأدائها	تسجيل النقاط	Chris
20	Space Game	إنهاء اللعبة وإعادة تشغيلها	تعلم كيفية إنهاء اللعبة وإعادة تشغيلها، بما في ذلك تنظيف الأصول وإعادة تعيين قيم المتغيرات	حالة النهاية	Chris
21	Banking App	قوالب HTML والمسارات في تطبيق ويب	تعلم كيفية إنشاء هيكل موقع ويب متعدد الصفحات باستخدام التوجيه وقوالب HTML	قوالب HTML والمسارات	Yohan
22	Banking App	بناء نموذج تسجيل الدخول والتسجيل	تعلم كيفية بناء النماذج ومعالجة إجراءات التحقق	النماذج	Yohan
23	Banking App	طرق جلب البيانات واستخدامها	كيفية تدفق البيانات داخل وخارج التطبيق الخاص بك، كيفية جلبها، تخزينها، والتخلص منها	البيانات	Yohan
24	Banking App	مفاهيم إدارة الحالة	تعلم كيفية احتفاظ التطبيق بالحالة وكيفية إدارتها برمجيًا	إدارة الحالة	Yohan
25	Browser/VScode Code	العمل مع VScode	تعلم كيفية استخدام محرر الكود	استخدام محرر الكود VScode	Chris
26	AI Assistants	العمل مع الذكاء الاصطناعي	تعلم كيفية بناء مساعد ذكاء اصطناعي خاص بك	مشروع مساعد الذكاء الاصطناعي	Chris

🏫 منهجية التعليم

تم تصميم منهجنا بناءً على مبدأين أساسيين في التعليم:

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

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

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

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

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

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

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

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

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

📘 PDF

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

🎒 دورات أخرى

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

• MCP للمبتدئين
• Edge AI للمبتدئين
• وكلاء الذكاء الاصطناعي للمبتدئين
• الذكاء الاصطناعي التوليدي للمبتدئين .NET
• الذكاء الاصطناعي التوليدي باستخدام JavaScript
• الذكاء الاصطناعي التوليدي باستخدام Java
• الذكاء الاصطناعي للمبتدئين
• علم البيانات للمبتدئين
• تعلم الآلة للمبتدئين
• الأمن السيبراني للمبتدئين
• تطوير الويب للمبتدئين
• إنترنت الأشياء للمبتدئين
• تطوير الواقع الممتد للمبتدئين
• إتقان GitHub Copilot للاستخدام التفاعلي
• إتقان GitHub Copilot لمطوري C#/.NET
• اختر مغامرتك الخاصة مع Copilot

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

إذا واجهت صعوبة أو كانت لديك أي أسئلة حول بناء تطبيقات الذكاء الاصطناعي، انضم إلى:

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

الترخيص

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

---

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