انتقل إلى محتوى الدرس

Practice Projects and GitHub Portfolio مشاريع التطبيق وبناء معرض الأعمال

تعرّف على الترتيب المرحلي لتعلم تطوير الواجهة الأمامية، والمدد الزمنية الواقعية، والفرق بين الدراسة الذاتية والمعسكرات والجامعة، وتجاوز فخ المشاهدة السلبية، وبناء معرض الأعمال على GitHub.
4 صفوف تعليمية
تكنولوجيا الويب
2 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

بدلاً من تكرار مشاريع تقليدية مكررة، خطط لبناء مشاريعك التدريبية في ثلاثة مستويات متدرجة الصعوبة، وانشر أفضلها في معرض أعمالك على منصة :

  • المستوى الأول — صفحات ثابتة ومتجاوبة ():
    • صفحة تعريفية شخصية أنيقة تدعم العرض على الهاتف والحاسوب.
    • صفحة هبوط لمنتج أو قائمة مطعم متجاوبة تستخدم تخطيطات و.
  • المستوى الثاني — أدوات تفاعلية حية ():
    • تطبيق إدارة مهام يومية أو حاسبة مصروفات تحفظ البيانات محلياً في المتصفح ().
    • اختبار تفاعلي قصير يتحقق من إجابات المستخدم ويعرض النتيجة فوراً.
  • المستوى الثالث — تطبيقات متصلة بالبيانات وأطر العمل ():
    • تطبيق بحث عن الكتب أو حالة الطقس أو متجر مصغر يجلب بيانات حية عبر ويعالج حالات التحميل والفراغ والخطأ باحترافية.
الصف 2 كود برمجي
Shell
# Publish your practice project to GitHub Portfolio
git init
git add .
git commit -m "Add responsive weather dashboard project"
git push -u origin main
الصف 3 شرح توضيحي

جرّب المحاكي التفاعلي الآتي لاستعراض مراحل خارطة التعلم وكيف تتحول كل مرحلة إلى مشروع ملموس في معرض أعمالك:

الصف 4 معاينة حية