تنزيل Web Dev For Beginners - تنزيل كود المصدر Web Dev For Beginners

Web Dev For Beginners

شفرة المصدر الأخرى

1.0.0

تنزيل

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

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

هل أنت طالب؟

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

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

لا تفوت منهجنا الجديد المكون من 12 درسًا حول الذكاء الاصطناعي التوليدي!

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

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

تفضل بزيارة https://aka.ms/genai-beginners للبدء!

ابدء

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

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

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

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

إعداد البيئة الخاصة بك

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

قم بإنشاء المستودع الخاص بك

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

اتبع الخطوات التالية:

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

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

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

إنشاء مساحة التعليمات البرمجية

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

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

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

استنساخ المستودع الخاص بك إلى جهاز الكمبيوتر الخاص بك. يمكنك القيام بذلك عن طريق النقر فوق الزر Code ونسخ عنوان URL:
بعد ذلك، افتح Terminal ضمن Visual Studio Code وقم بتشغيل الأمر التالي، مع استبدال <your-repository-url> بعنوان URL الذي نسخته للتو:
```
 استنساخ بوابة <your-repository-url>
```
افتح المجلد في Visual Studio Code. يمكنك القيام بذلك عن طريق النقر فوق ملف > فتح مجلد وتحديد المجلد الذي قمت باستنساخه للتو.

ملحقات Visual Studio Code الموصى بها:
Live Server - لمعاينة صفحات HTML ضمن Visual Studio Code
مساعد الطيار - لمساعدتك على كتابة التعليمات البرمجية بشكل أسرع

يتضمن كل درس:

مذكرة رسم اختيارية
فيديو تكميلي اختياري
اختبار الاحماء قبل الدرس
درس مكتوب
للدروس القائمة على المشاريع، أدلة خطوة بخطوة حول كيفية بناء المشروع
الشيكات المعرفة
تحديا
قراءة تكميلية
تكليف
اختبار ما بعد الدرس

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

دروس

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

علم أصول التدريس

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

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

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

؟ يمكنك تلقي الدروس القليلة الأولى في هذا المنهج كمسار تعلم على Microsoft Learn!

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

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

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

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

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

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