React JS - Build advance Ecommerce peoject A-Z

React js Bootstrap CSS

4.05 (38 reviews)
Udemy
platform
العربية
language
Web Development
category
1,116
students
8.5 hours
content
Mar 2022
last update
$39.99
regular price

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 - الدرس الثالث - تثبيت مكتبة الأيقونات

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

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 - الدرس الثالث - تثبيت مكتبة الأيقونات

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






Content

Introduction

مقدمة عامة عن كامل الدورة
!مقدمة القسم الأول من هذه الدورة - ماذا ستتعلم في نهاية هذه الدورة التدريبية

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

الدرس الأول - إنشاء وتشغيل مشروع رياكت جديد
VS codeالدرس الثاني - تثبيت محرر الأكواد
React BootStrap - الدرس الثالث- تثبيت مكتبة
Fonts _Icon - الدرس الرابع - إنشاء المجلدات والمكتبات الضرورية

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

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

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

HomeTop - الدرس الأول - تصميم الهيكل الأساسي لقسم
الدرس الثاني - تصميم القائمة الجانبية
الدرس الثالث - إظهار وإخفاء القائمة الفرعية
الدرس الرابع - تنسيق التصميم
Slider Slick - الدرس الخامس - إضافة مكتبة عرض الشرائح
الدرس السادس - تنسيق إعدادات الشرائح
الدرس الأول - إنشاء الملفات الخاصة بقسم الأصناف
الدرس الثاني - تصميم وبرمجة قسم الأصناف
الدرس الأول - تصميم وبرمجة قسم المنتجات الجديدة
الدرس الثاني - التحكم بالشرائح عن طريق الأزرار
Collection products - الدرس الثالث - تصميم وبرمجة قسم المنتجات
Featured Products - الدرس الرابع - تصميم وبرمجة قسم المنتجات المميزة
Footer -الدرس الأول - تصميم وبرمجة قسم الفوتر
HomePage - الدرس الثاني - إنشاء الصفحة الرئيسية وتنظيم المكونات ضمنها
Contact Page - الدرس الأول - تصميم صفحة التواصل
Favorate Page - الدرس الثاني - تصميم وبرمجة صفحة المفضلة
الدرس الأول - تصميم وبرمجة صفحة الإشعارات
الدرس الثاني - إظهار تفاصيل الإشعارات
الدرس الأول - تصميم وبرمجة قسم المنتجات المضافة إلى سلة المشتريات
الدرس الثاني - تصميم قسم معلومات الدفع
الدرس الثالث - تصميم وبرمجة صفحة الطلبات السابقة للزبائن وحالة الطلبات
الدرس الأول - تصميم وبرمجة صفحة تسجيل مستخدم جديد
الدرس الثاني - تصميم وبرمجة صفحة تسجيل الدخول
الدرس الثالث -تصميم وبرمجة صفحة نسيان كلمة السر
الدرس الرابع - تصميم وبرمجة صفحة تعيين كلمة سر جديدة
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 - الدرس الأول - برمجة الانتقال ما بين الصفحات 1
React Router Dom - الدرس الثاني - برمجة الانتقال ما بين الصفحات 2
Header Router - الدرس الثالث - ربط الأزرار مع الصفحات الخاصة بها
Auth Pages - الدرس الرابع- ربط الأزرار مع صفحات نظام تسجيل الدخول
SubCategory router - الدرس الخامس - ربط القائمة الجانبية مع صفحة الأصناف الفرعية
Category router - الدرس السادس - ربط قسم الأصناف مع صفحة الأصناف
Product details router - الدرس السابع - ربط المنتجات مع صفحة تفاصيل المنتج
Contact us router - الدرس الثامن - ربط قسم التواصل مع صفحة التواصل
MultiLanguage - الدرس الأول - جعل الموقع متعدد اللغات وإضافة بعض التحسينات
الدرس الأول - إضافة التقييم إلى المنتجات
الدرس الثاني - تصميم قسم التقييم للمستخدم
react fontawasome - الدرس الثالث - تثبيت مكتبة الأيقونات
Slider Slick - الدرس الخامس - إضافة مكتبة عرض الشرائح

Screenshots

React JS - Build advance Ecommerce peoject A-Z - Screenshot_01React JS - Build advance Ecommerce peoject A-Z - Screenshot_02React JS - Build advance Ecommerce peoject A-Z - Screenshot_03React JS - Build advance Ecommerce peoject A-Z - Screenshot_04

Reviews

NaBaZ
May 17, 2023
كورس قوي ومفيد جدا جدا يستحق اشتراك والشراء والأستاذ يشرح كل حاجة بالتفصيل الممل وشرح مفهوم أنا شخصيا بحاجة إلى مثل هذا كورس لأنه غني بالمعلومات أشكرك أستاذ على مجهودك

Coupons

DateDiscountStatus
5/5/202250% OFF
expired
11/12/2022100% OFF
expired
12/5/202375% OFF
expired
3/23/202475% OFF
working

Charts

Price

React JS - Build advance Ecommerce peoject A-Z - Price chart

Rating

React JS - Build advance Ecommerce peoject A-Z - Ratings chart

Enrollment distribution

React JS - Build advance Ecommerce peoject A-Z - Distribution chart

Related Topics

4601234
udemy ID
3/17/2022
course created date
4/10/2022
course indexed date
Bot
course submited by