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

تعلم أساسيات تطوير الويب مع دورتنا الشاملة التي تستمر 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 (مؤتمت ويُحدّث دائمًا) Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Khmer | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese إذا كنت ترغب في دعم لغات ترجمة إضافية، فهي مدرجة هنا #### 🧑‍🎓 هل أنت طالب؟ تفضل بزيارة صفحة مركز الطلاب حيث ستجد موارد للمبتدئين، حزم للطلاب وحتى طرق للحصول على قسيمة شهادة مجانية. هذه هي الصفحة التي ترغب في وضعها في المفضلة والتحقق منها من وقت لآخر حيث نقوم بتبديل المحتوى شهريًا. ### 📣 إعلان - تحديات جديدة لوضع GitHub Copilot Agent لإكمالها! تمت إضافة تحدٍ جديد، ابحث عن "تحدي GitHub Copilot Agent 🚀" في معظم الفصول. هذا تحدٍ جديد يجب عليك إكماله باستخدام GitHub Copilot ووضع Agent. إذا لم تستخدم وضع Agent من قبل، فهو قادر ليس فقط على إنشاء النصوص بل أيضًا على إنشاء وتحرير الملفات، تشغيل الأوامر والمزيد. ### 📣 إعلان - مشروع جديد للبناء باستخدام الذكاء الاصطناعي التوليدي تم إضافة مشروع مساعد الذكاء الاصطناعي الجديد، تفقده المشروع ### 📣 إعلان - منهج جديد عن الذكاء الاصطناعي التوليدي لـ JavaScript تم إصداره للتو لا تفوت منهج الذكاء الاصطناعي التوليدي الجديد! تفضل بزيارة 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" في الركن العلوي الأيمن من هذه الصفحة. 2. انسخ المستودع: 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 ثم افتح Terminal داخل Visual Studio Code وقم بتشغيل الأمر التالي، مع استبدال بعنوان URL الذي قمت بنسخه للتو: bash git clone <your-repository-url> 2. افتح المجلد في Visual Studio Code. يمكنك القيام بذلك بالنقر على File > Open Folder واختيار المجلد الذي استنساخته للتو. ## 📂 كل درس يتضمن: - ملاحظات تخطيطية اختيارية - فيديو تكميلي اختياري - اختبار تسخين قبل الدرس - درس مكتوب - دروس خطوة بخطوة للمشاريع العملية - فحوصات معرفية - تحدي - قراءات تكميلية - مهمة - اختبار بعد الدرس ## 🗃️ الدروس ## 🏫 المنهجية التعليمية تم تصميم منهجنا مع مبدئين تعليميين رئيسيين في الاعتبار: * التعلم القائم على المشاريع * الاختبارات المتكررة يعلِّم البرنامج أساسيات JavaScript و HTML و CSS، بالإضافة إلى أحدث الأدوات والتقنيات التي يستخدمها مطورو الويب اليوم. سيحظى الطلاب بفرصة تطوير خبرة عملية من خلال بناء لعبة طباعة، تيراريوم افتراضي، إضافة متصفح صديقة للبيئة، لعبة بأسلوب غزو الفضاء، وتطبيق مصرفي للأعمال. بنهاية السلسلة، سيكتسب الطلاب فهمًا قويًا لتطوير الويب. من خلال ضمان توافق المحتوى مع المشاريع، يصبح التعلم أكثر جاذبية للطلاب ويزداد الاحتفاظ بالمفاهيم. كما كتبنا عدة دروس تمهيدية في أساسيات JavaScript لتقديم المفاهيم، مقرونة بفيديو من مجموعة "سلسلة للمبتدئين: JavaScript" التي ساهم بعض مؤلفيها في هذا المنهج. بالإضافة إلى ذلك، يحدد اختبار بسيط قبل الدرس نية الطالب تجاه تعلم الموضوع، بينما يضمن اختبار ثانٍ بعد الدرس مزيدًا من الاحتفاظ بالمعلومات. صمم هذا المنهج ليكون مرنًا وممتعًا ويمكن اتخاذه كاملاً أو جزئيًا. تبدأ المشاريع صغيرة وتزداد تعقيدًا حتى نهاية دورة الـ 12 أسبوعًا. وبينما تجنبنا عمدًا تقديم أُطُر جافاسكريبت للتركيز على المهارات الأساسية المطلوبة كمطور ويب قبل تبني أُطُر، فإن خطوة جيدة تالية لإكمال هذا المنهج هي تعلم Node.js من خلال مجموعة أخرى من الفيديوهات: "سلسلة للمبتدئين: Node.js". ## 🧭 الوصول في وضع عدم الاتصال يمكنك تشغيل هذه الوثائق في وضع عدم الاتصال باستخدام Docsify. قم بعمل نسخة من هذا المستودع، ثبت Docsify على جهازك المحلي، ثم في المجلد الجذري لهذا المستودع، اكتب docsify serve. سيتم تقديم الموقع على المنفذ 3000 على جهازك المحلي: localhost:3000. ## 📘 ملف PDF يمكن العثور على ملف PDF لجميع الدروس هنا. ## 🎒 دورات أخرى يقوم فريقنا بإنتاج دورات أخرى! تفقد: ### LangChain --- ### Azure / Edge / MCP / Agents --- ### سلسلة الذكاء الاصطناعي التوليدي -9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA) -C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC) -E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9) --- ### التعلم الأساسي --- ### سلسلة المساعد الشخصي (Copilot) ## الحصول على المساعدة إذا واجهت صعوبة أو كان لديك أي أسئلة حول بناء تطبيقات الذكاء الاصطناعي. انضم إلى المتعلمين والمطورين ذوي الخبرة في مناقشات حول MCP. إنها مجتمع داعم حيث الأسئلة مرحب بها والمعرفة تتم مشاركتها بحرية. إذا كان لديك تعليقات على المنتج أو أخطاء أثناء البناء قم بزيارة: ## الترخيص تم ترخيص هذا المستودع بموجب ترخيص MIT. راجع ملف LICENSE لمزيد من المعلومات. --- إخلاء المسؤولية: تمت ترجمة هذا المستند باستخدام خدمة الترجمة الآلية Co-op Translator. بينما نسعى لتحقيق الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر المعتمد. للمعلومات الهامة، يوصى بالترجمة المهنية البشرية. نحن غير مسؤولين عن أي سوء فهم أو تفسيرات خاطئة ناتجة عن استخدام هذه الترجمة.