Overview

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 - الدرس الثاني - تصميم وبرمجة صفحة تفاصيل المنتجات - 1Product Details - الدرس الثالث - تصميم وبرمجة صفحة تفاصيل المنتجات - 2Zoom Image - الدرس الرابع - تكبير حجم الصورة عند وضع مؤشر الماوس على الصورةPreview Image - الدرس الخامس - برمجة استعراض جميع صور المنتجSuggested Products - الدرس السادس - تصميم وبرمجة قسم المنتجات المقترحةReview List - الدرس السابع - تصميم وبرمجة قسم التقييماتSearch Page -الدرس الثامن - تصميم وبرمجة صفحة البحث عن المنتجاتSubCategory Page - الدرس التاسع - تصميم وبرمجة صفحة المنتجات الفرعيةAbout us - الدرس العاشر- تصميم صفحة معلومات عن الموقعReact Router Dom - القسم الثاني عشر - برمجة الأنتقال بين صفحات الموقعReact Router Dom - الدرس الأول - برمجة الانتقال ما بين الصفحات 1React Router Dom - الدرس الثاني - برمجة الانتقال ما بين الصفحات 2Header Router - الدرس الثالث - ربط الأزرار مع الصفحات الخاصة بهاAuth Pages - الدرس الرابع- ربط الأزرار مع صفحات نظام تسجيل الدخولSubCategory router - الدرس الخامس - ربط القائمة الجانبية مع صفحة الأصناف الفرعيةCategory router - الدرس السادس - ربط قسم الأصناف مع صفحة الأصنافProduct details router - الدرس السابع - ربط المنتجات مع صفحة تفاصيل المنتجContact us router - الدرس الثامن - ربط قسم التواصل مع صفحة التواصلMultiLanguage - القسم الثالث عشر -إضافة اللغات وإضافة بعض التحسيناتMultiLanguage - الدرس الأول - جعل الموقع متعدد اللغات وإضافة بعض التحسيناتRating - القسم الرابع عشر - تصميم وبرمجة نظام تقييم المنتجاتالدرس الأول - إضافة التقييم إلى المنتجاتالدرس الثاني - تصميم قسم التقييم للمستخدمreact fontawasome - الدرس الثالث - تثبيت مكتبة الأيقوناتالدرس الرابع - برمجة وظائف قسم التقييم والمراجعة

Skills

Reviews