React Shopping Cart (Node, Express, React, MongoDB) بالعربية

🌟 اكتب آن يشرفك إلى مستوى Experienced Developer مع React Shopping Cart (MERN) دورًا أخر!

📚 وظيفة الدور:

من خلال هذا الدور، ستتعلم كيفية إنشاء مجموعة من التطبيقات الرقمية المتقدمة باستخدام الأنظمة MERN (MongoDB, Express, React, Node)، والعمل على بناء محpers متجر أستخدامي (Shopping Cart) مع فك اللحن (Redux), Redux Thunk, Hooks، وإطلاق التطبيق.

محتوي الدور:

1. التنظيم والتخطيط:

   • ستبدأ بإجراء التخصيص للتأكد من تنظيم الأولويات للأعمال المتوقعة بفضل Trello.

2. نظام التحكم في التاسك:

   • ستتعلم إزاى تحدد مؤخرًا وشروط التحقق من قبل البدء في الكود.

3. نظام التاسكات الأعمال:

   • ستتعلم كيفية إدخال الأعمال في نظام عدم جدول (Kanban) وإتاحها.

4. إعادة تشغيل وإنشاء الرفреنسيات:

   • ستعمل npm أو yarn لإعادة تشغيل البيئة وإنشاء الرفреنسيات.

5. الهندسة الجغرافية (Frontend):

   • ستقوم بإنشاء واجهة مستخدم الأطراد (UI) باستخدام React.js.
   • ستحظر Hooks لإدارة الثور الإضافي والبيانات داخل الأطراد.
   • ستقوم بتطوير واجهة المستخدم (UI) وتكاملها مع Redux لإدارة البيانات الهندسية.
   • ستبني Redux Thunk لإضافة التحكم عن طريدة (Side Effects) في وجود الخط.

6. البرمجة الخلفية (Backend):

   • ستعمل Node.js لإنشاء API قابل الاستخدام.
   • ستعض مع Express.js لإنشاء ومعدل الطلبات HTTP بشكل فعّال.

7. التحقق من البيانات (Database):

   • ستتعلم إزاى تعمل مع MongoDB، وإنشاء نماذج (Schemas) والتحقق من بيانات الدات.

8. وظيفة Postman:

   • ستتعلم كيفية إجراء طلبات HTTP وتذكر الرموز API مع Postman.

9. النموذج وتقدير الأخطار:

   • ستقوم بإنشاء النماذج (models) لبيانات الدات.
   • ستحافظ على كافة إطلاق التطبيق والإدارة لحل الأخطار.

10. التشغيل (Deployment):

    • ستعمل React Router DOM لإنشاء الترتيب في الروابط داخل التطبيق.
    • ستعمل Heroku لالترفع والتشغيل من الخاصة (CI/CD)، وإعادة التشغيل الآلي لـ MERN stack.

11. الحلاً النهائية:

    • ستقوم بتجem التطبيق الأكثر قدرة وإعادة تشغيله في Heroku.
    • ستتعرف على كيفية إعادة تخصيص مؤشرات الأعمال وإضافة التحقق من الإطارات.

أهداف الدور:

• تطوير مهارات البرمجة باستخدام أنظمة MERN.
• إدارة المشاريع الأكثر طبيعة والتحقق من أهدافها.
• استخدام React.js لإنشاء الواجهة الرئيسية.
• تعميل مع MongoDB لإختار، إضافة، وإزالة بيانات.
• إدارة الأخطار وحلها في تطوير البرمجة.
• إعادة تشغيل التطبيق (CI/CD) لمنح الدعم السلمي.

الأصول:

• GitHub / GitLab لإدارة الكود والتعاون.
• Node.js / npm لإنشاء API.
• React.js / Redux لإنشاء الواجهة المستخدم.
• MongoDB لالتعامل مع بيانات الدات الغير قطرية.
• Express.js لتوصيل API.
• Heroku لالترفع وإدارة التطبيق.
• Postman لإجراء طلبات HTTP وتذكر الرموز API.

السلوكيات:

• مهار في العمل في محيط خطة مشتركة.
• قدرة على العمل بناءً على محركات الأوقات (Pomodoro, Scrum, Kanban).
• قدرة على التعاون والإجراء مهارات في مجموعة خطة مشتركة.

الاهتمام:

• لفهم واستخدام الأدوات والأنظمات الحديثة في عملية تطوير البرمجة.
• لتحسين قدرة على الحل لمشكل متنوعة أو خلق بحث جذري وابتكار في مجال MERN stack.
• لتعزيز العمل في مستوى الإطار الأكثر شدة (High Frequency Trading) والحل الناجح لمجموعة متنوعة من المشاكل.

البنية التحتية:

• React.js v16+، Express.js، Node.js، MongoDB، Heroku، GitHub/GitLab.

أهلاً بك، مطور! 👋 سنعمل معك لتحقيق هذه الأهداف وابتعد للمزيد من النجاح.