الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

تطوير الويب الحديث

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

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

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

تدفق الدورة

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

سوف تحتاج

  • كمبيوتر محمول مزود بواجهة bash (نظام التشغيل Unix أو Windows 10 مع محطة ubuntu)
  • متصفح حديث مثل جوجل كروم الأحدث
  • إنترنت
  • NodeJS
  • بوابة
  • محرر النصوص مثل Atom

جلسات الدورة

في هذه الدورة سوف نقدم

1. تاريخ تطبيقات الويب

سنتحدث في هذه الجلسة عن المشهد الحالي للأشياء التي يمكن للمطور تعلمها وما سنغطيه خلال هذه الدورة.

  • تحديد التوقعات للدورة.
  • المشاكل التي سوف نقوم بحلها.
  • تاريخ تطبيق الويب.
  • إعداد مشروع ES6 باستخدام babel وnode
  • حزمة الويب

المهمة في المرة القادمة

  • أنشئ تطبيق ويب بسيطًا بدون أي مكتبات
  • المشاكل الأساسية التي نواجهها
  • تقسيم التعليمات البرمجية إلى ملفات sepret
  • OOCSS وBEM

2. حياة التطبيق الحديث: عرض البيانات

سنبدأ في هذه الجلسة بتلخيص ميزات Javascript الأساسية وسنتناول مفاهيم البرمجة الوظيفية.

  • فليكس بوكس
  • سلاسل قالب الميزة es6
  • مكونات تقديم البيانات إلى HTML

المهمة في المرة القادمة

  • استكمال تقديم التعليمات البرمجية إلى HTML

3. حياة التطبيق الحديث: إجراءات تحديث البيانات

  • أحداث دوم
  • تحديد نطاق الكود الخاص بنا
  • البرمجة المبنية على الأحداث بنمط المراقب

المهمة في المرة القادمة

  • بنية التدفق (البيانات لأسفل الإجراء لأعلى)

4. حياة التطبيق الحديث: الاختبار

  • عرض HTML لاختبار الوحدة
  • وظائف نقية
  • متجر الدولة
  • يسخر و بذرة
  • حقن التبعية

المهمة في المرة القادمة

  • اختبار وظائف العرض لدينا
  • اختبار المرسلين العمل لدينا
  • اختبار أعمالنا تحور المتجر

5. حياة التطبيق الحديث: المشاهدات تثير الأحداث

  • NodeJS: الوحدات النمطية
  • أدوات البناء: بلع
  • تقديم دوم الظاهري
  • تشغيل مهمة الاختبار لدينا
  • browserify

المهمة في المرة القادمة

  • قم بتطوير نوع جديد من عناصر المهام يسمى العداد
  • يمكن الآن تحرير عناصر المهام

6. حياة التطبيق الحديث: الكود غير المتزامن

  • حلقة أحداث جافا سكريبت
  • وعود مع الجلب
  • إنشاء خادم REST بسيط باستخدام Express
  • مآخذ
  • غير متزامن
  • البرمجة التفاعلية 
					_MIDTERM BREAK_

7. التكامل والنشر المستمر

  1. الواجهة الأمامية مع صفحات Git * مقاومة Git * نشر التعليمات البرمجية الخاصة بك على github باستخدام CI * SSH مع Nginx ودعنا نقوم بالتشفير
  2. الواجهة الخلفية مع Capistrano (رحلة العقدة) * النشر على خادم باستخدام ssh * الأتمتة باستخدام CI، قبول طلب سحب git الخاص بنا * استخدام Flightplan للنشر

8. كل ما تحتاجه للحصول على أفضل لاعب

  1. قاعدة النار * *
  2. الاختبار باستخدام Firebase * *

8. هندسة التطبيقات الضخمة: المشاكل

  1. تفاعل * *
  2. تطبيقات الويب التقدمية * *

9. هندسة التطبيقات الضخمة: الأطر

  1. تفاعل * *
  2. غراف كيو إل * *

10. رد الفعل النصي الأصلي

  1. يثبت * *
  2. إشعار الدفع *

11. إضافي للوقت الضائع

  1. الإلكترون * *

12. إضافي للوقت الضائع

ملحوظات

  • استخدم ورقة الأسئلة الشائعة

#دورة

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل