React JS - Build advance Ecommerce peoject A-Z

React js Bootstrap CSS

Ratings: 4.40 / 5.00




Description

  React js +Bootstrap + CSS   بإستخدام E-commerce دورة تشرح برمجة متجر إلكتروني

وبإستخدام العديد من التقنيات البرمجة المستخدمة في برمجة وتطوير المواقع الإلكترونية,صممت هذه الدورة خطوة بخطوة ومن الصفر لتناسب جميع مستويات المتدربين والطلاب وجعل المتدرب يقوم بالتطبيق العملي للدروس كما تم تزويد الدورة بالأكواد البرمجية الخاصة بكل قسم من أقسام الدورة لتساعد وتسرع عملية التعلم لدى المتدرب والوصول إلى الهدف المطلوب بأقصر الطرق. تعتبر هذه الدورة هي القسم الأول من الموقع وهو قسم

الواجهات الأمامية Frontend , أما الأقسام المتبيقة تم جعلها في دورات منفصلة لتسهيل الدراسة والمذاكرة على المتدربين


القسم الأول - تثبيت وتهيئة مشروع رياكت

الدرس الأول - إنشاء وتشغيل مشروع رياكت جديد

VS code - الدرس الثاني - تثبيت محرر الأكواد

React BootStrap - الدرس الثالث- تثبيت  مكتبة

Fonts _Icon - الدرس الرابع - إنشاء المجلدات والمكتبات الضرورية


TopNavbar -القسم الثاني - تصميم وبرمحة قسم

TopNavbar - الدرس الأول - تصميم وبرمجة قسم

الدرس الثاني - إضافة قسم البحث و الأيقونات

الدرس الثالث - تنسيق التصميم والألوان للأزرار

الدرس الرابع - تنسيق التصميم ضمن عدة أعمدة


HomeTop القسم الثالث - تصميم وبرمجة القائمة الجانبية والشرائح

HomeTop - الدرس الأول - تصميم الهيكل الأساسي لقسم

الدرس الثاني - تصميم القائمة الجانبية

الدرس الثالث - إظهار وإخفاء القائمة الفرعية

الدرس الرابع - تنسيق التصميم

Slider Slick - الدرس الخامس - إضافة مكتبة عرض الشرائح

الدرس السادس - تنسيق إعدادات الشرائح


القسم الرابع - تصميم وبرمجة قسم الأصناف الرئيسية

الدرس الأول - إنشاء الملفات الخاصة بقسم الأصناف

الدرس الثاني - تصميم وبرمجة قسم الأصناف


القسم الخامس - تصميم وبرمجة أقسام المنتجات

الدرس الأول - تصميم وبرمجة قسم المنتجات الجديدة

الدرس الثاني - التحكم بالشرائح عن طريق الأزرار

Collection products - الدرس الثالث -  تصميم وبرمجة قسم المنتجات

Featured Products - الدرس الرابع - تصميم وبرمجة قسم المنتجات المميزة

Footer -القسم السادس - تصميم وبرمجة قسم الفوتر

Footer -الدرس الأول - تصميم وبرمجة قسم الفوتر

HomePage - الدرس الثاني - إنشاء الصفحة الرئيسية وتنظيم المكونات ضمنها


القسم السابع - تصميم وبرمجة صفحات الموقع

Contact Page - الدرس الأول - تصميم صفحة التواصل

Favorate Page - الدرس الثاني - تصميم وبرمجة صفحة المفضلة


Notification Page - القسم الثامن - تصميم وبرمجة صفحة الإشعارات

الدرس الأول - تصميم وبرمجة صفحة الإشعارات

الدرس الثاني - إظهار تفاصيل الإشعارات


CartList Page -القسم التاسع - تصميم وبرمجة صفحة الإضافة إلى سلة المشتريات

الدرس الأول - تصميم وبرمجة قسم المنتجات المضافة إلى سلة المشتريات

الدرس الثاني - تصميم قسم معلومات الدفع

الدرس الثالث - تصميم وبرمجة صفحة الطلبات السابقة للزبائن وحالة الطلبات


Register-Login -القسم العاشر - تصميم وبرمجة نظام تسجيل الدخول

الدرس الأول - تصميم وبرمجة صفحة تسجيل مستخدم جديد

الدرس الثاني - تصميم وبرمجة صفحة تسجيل  الدخول

الدرس الثالث -تصميم وبرمجة صفحة نسيان كلمة السر

الدرس الرابع - تصميم وبرمجة صفحة تعيين كلمة سر جديدة


القسم الحادي عشر - تصميم وبرمجة صفحات الأصناف والمنتجات

Category Products - الدرس الأول - تصميم وبرمجة صفحة أصناف المنتجات

Product Detail - الدرس الثاني - تصميم وبرمجة صفحة تفاصيل المنتجات – 1

Product Details - الدرس الثالث - تصميم وبرمجة صفحة تفاصيل المنتجات – 2

Zoom Image - الدرس الرابع  - تكبير حجم الصورة عند وضع مؤشر الماوس على الصورة

Preview Image - الدرس الخامس - برمجة استعراض  جميع صور المنتج

Suggested Products - الدرس السادس - تصميم وبرمجة قسم المنتجات المقترحة

Review List - الدرس السابع - تصميم وبرمجة قسم التقييمات

Search Page -الدرس الثامن - تصميم وبرمجة صفحة البحث عن المنتجات

SubCategory Page - الدرس التاسع - تصميم وبرمجة صفحة المنتجات الفرعية

About us - الدرس العاشر- تصميم صفحة معلومات عن الموقع


React Router Dom -  القسم الثاني عشر - برمجة الأنتقال بين صفحات الموقع

React Router Dom - الدرس الأول - برمجة الانتقال ما بين الصفحات 1

React Router Dom -  الدرس الثاني - برمجة الانتقال ما بين الصفحات 2

Header Router - الدرس الثالث - ربط الأزرار مع الصفحات الخاصة بها

Auth Pages - الدرس الرابع- ربط الأزرار مع صفحات نظام تسجيل الدخول

SubCategory router - الدرس الخامس - ربط القائمة الجانبية مع صفحة الأصناف الفرعية

Category router - الدرس السادس - ربط قسم الأصناف مع صفحة الأصناف

Product details router - الدرس السابع - ربط المنتجات مع صفحة تفاصيل المنتج

Contact us router - الدرس الثامن - ربط قسم التواصل مع صفحة التواصل


MultiLanguage - القسم الثالث عشر -إضافة اللغات وإضافة بعض التحسينات

MultiLanguage - الدرس الأول - جعل الموقع متعدد اللغات وإضافة بعض التحسينات


Rating - القسم الرابع عشر - تصميم وبرمجة نظام تقييم  المنتجات

الدرس الأول - إضافة التقييم إلى المنتجات

الدرس الثاني - تصميم قسم التقييم للمستخدم

react fontawasome - الدرس الثالث - تثبيت مكتبة الأيقونات

الدرس الرابع - برمجة وظائف قسم التقييم والمراجعة






What You Will Learn!

  • القسم الأول - تثبيت وتهيئة مشروع رياكت
  • الدرس الأول - إنشاء وتشغيل مشروع رياكت جديد
  • VS codeالدرس الثاني - تثبيت محرر الأكواد
  • React BootStrap - الدرس الثالث- تثبيت مكتبة
  • Fonts _Icon - الدرس الرابع - إنشاء المجلدات والمكتبات الضرورية
  • TopNavbar -القسم الثاني - تصميم وبرمحة قسم
  • TopNavbar - الدرس الأول - تصميم وبرمجة قسم
  • الدرس الثاني - إضافة قسم البحث و الأيقونات
  • الدرس الثالث - تنسيق التصميم والألوان للأزرار
  • الدرس الرابع - تنسيق التصميم ضمن عدة أعمدة
  • HomeTop القسم الثالث - تصميم وبرمجة القائمة الجانبية والشرائح
  • HomeTop - الدرس الأول - تصميم الهيكل الأساسي لقسم
  • الدرس الثاني - تصميم القائمة الجانبية
  • الدرس الثالث - إظهار وإخفاء القائمة الفرعية
  • الدرس الرابع - تنسيق التصميم
  • Slider Slick - الدرس الخامس - إضافة مكتبة عرض الشرائح
  • الدرس السادس - تنسيق إعدادات الشرائح
  • القسم الرابع - تصميم وبرمجة قسم الأصناف الرئيسية
  • الدرس الأول - إنشاء الملفات الخاصة بقسم الأصناف
  • الدرس الثاني - تصميم وبرمجة قسم الأصناف
  • القسم الخامس - تصميم وبرمجة أقسام المنتجات
  • الدرس الأول - تصميم وبرمجة قسم المنتجات الجديدة
  • الدرس الثاني - التحكم بالشرائح عن طريق الأزرار
  • Collection products - الدرس الثالث - تصميم وبرمجة قسم المنتجات
  • Featured Products - الدرس الرابع - تصميم وبرمجة قسم المنتجات المميزة
  • Footer -القسم السادس - تصميم وبرمجة قسم الفوتر
  • Footer -الدرس الأول - تصميم وبرمجة قسم الفوتر
  • HomePage - الدرس الثاني - إنشاء الصفحة الرئيسية وتنظيم المكونات ضمنها
  • القسم السابع - تصميم وبرمجة صفحات الموقع
  • Contact Page - الدرس الأول - تصميم صفحة التواصل
  • Favorate Page - الدرس الثاني - تصميم وبرمجة صفحة المفضلة
  • Notification Page - القسم الثامن - تصميم وبرمجة صفحة الإشعارات
  • الدرس الأول - تصميم وبرمجة صفحة الإشعارات
  • الدرس الثاني - إظهار تفاصيل الإشعارات
  • CartList Page -القسم التاسع - تصميم وبرمجة صفحة الإضافة إلى سلة المشتريات
  • الدرس الأول - تصميم وبرمجة قسم المنتجات المضافة إلى سلة المشتريات
  • الدرس الثاني - تصميم قسم معلومات الدفع
  • الدرس الثالث - تصميم وبرمجة صفحة الطلبات السابقة للزبائن وحالة الطلبات
  • Register-Login -القسم العاشر - تصميم وبرمجة نظام تسجيل الدخول
  • الدرس الأول - تصميم وبرمجة صفحة تسجيل مستخدم جديد
  • الدرس الثاني - تصميم وبرمجة صفحة تسجيل الدخول
  • الدرس الثالث -تصميم وبرمجة صفحة نسيان كلمة السر
  • الدرس الرابع - تصميم وبرمجة صفحة تعيين كلمة سر جديدة
  • القسم الحادي عشر - تصميم وبرمجة صفحات الأصناف والمنتجات
  • Category Products - الدرس الأول - تصميم وبرمجة صفحة أصناف المنتجات
  • Product Detail - الدرس الثاني - تصميم وبرمجة صفحة تفاصيل المنتجات – 1
  • Product Details - الدرس الثالث - تصميم وبرمجة صفحة تفاصيل المنتجات – 2
  • Zoom Image - الدرس الرابع - تكبير حجم الصورة عند وضع مؤشر الماوس على الصورة
  • Preview Image - الدرس الخامس - برمجة استعراض جميع صور المنتج
  • Suggested Products - الدرس السادس - تصميم وبرمجة قسم المنتجات المقترحة
  • Review List - الدرس السابع - تصميم وبرمجة قسم التقييمات
  • Search Page -الدرس الثامن - تصميم وبرمجة صفحة البحث عن المنتجات
  • SubCategory Page - الدرس التاسع - تصميم وبرمجة صفحة المنتجات الفرعية
  • About us - الدرس العاشر- تصميم صفحة معلومات عن الموقع
  • React Router Dom - القسم الثاني عشر - برمجة الأنتقال بين صفحات الموقع
  • React Router Dom - الدرس الأول - برمجة الانتقال ما بين الصفحات 1
  • React Router Dom - الدرس الثاني - برمجة الانتقال ما بين الصفحات 2
  • Header Router - الدرس الثالث - ربط الأزرار مع الصفحات الخاصة بها
  • Auth Pages - الدرس الرابع- ربط الأزرار مع صفحات نظام تسجيل الدخول
  • SubCategory router - الدرس الخامس - ربط القائمة الجانبية مع صفحة الأصناف الفرعية
  • Category router - الدرس السادس - ربط قسم الأصناف مع صفحة الأصناف
  • Product details router - الدرس السابع - ربط المنتجات مع صفحة تفاصيل المنتج
  • Contact us router - الدرس الثامن - ربط قسم التواصل مع صفحة التواصل
  • MultiLanguage - القسم الثالث عشر -إضافة اللغات وإضافة بعض التحسينات
  • Rating - القسم الرابع عشر - تصميم وبرمجة نظام تقييم المنتجات
  • الدرس الأول - إضافة التقييم إلى المنتجات
  • الدرس الثاني - تصميم قسم التقييم للمستخدم
  • react fontawasome - الدرس الثالث - تثبيت مكتبة الأيقونات
  • الدرس الرابع - برمجة وظائف قسم التقييم والمراجعة

Who Should Attend!

  • لكل من يرغب بتعلم وإحتراف برمجة المتاجر الإلكترونية
  • Frontend Developer لكل من يرغب أن يصبح
  • React js Developer لكل من يرغب أن يصبح
  • مبرمجي المواقع الإلكترونية
  • طلاب هندسة الحواسيب
  • ITطلاب المعلوماتية و
  • React js محبي البرمجة بإطار العمل