دوره MERN از ابتدا - پلتفرم تجارت الکترونیک
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک پلتفرم تجارت الکترونیک اختصاصی با React ،Redux ،Node ،Express و MongoDB
- یک پروژه واقعی و کاربردی که بهصورت خطی و مرحلهبهمرحله ساخته میشود.
- احراز هویت JWT ذخیرهشده در کوکی HTTP-Only
- سبد خرید کامل با پرداختهای PayPal و کارتهای اعتباری/نقدی
- بخش مدیریت برای مدیریت مشتریان، محصولات و سفارشها
- سیستم امتیازدهی و ثبت نظر برای محصولات
- جستوجوی محصول، Carousel، صفحهبندی و موارد بیشتر
پیشنیازهای دوره
- باید با اصول مدرن JavaScript و مبانی React آشنا باشید.
توضیحات دوره
این یک دورهی تکپروژهای است؛ یعنی ما نزدیک به 13 ساعت را صرف ساخت یک فروشگاه تجارت الکترونیک با استفاده از پشتهی MERN بههمراه Redux Toolkit میکنیم. کار را از صفرِ مطلق و با یک پوشهی خالی شروع میکنیم. شما همهچیز را یاد میگیرید؛ از راهاندازی سرور، مدلسازی داده، ساخت پایگاهداده MongoDB، و seed کردن داده، ساخت رابط کاربری، مدیریت استیت با Redux، احراز هویت با JWT و خیلی چیزهای دیگر
پلتفرم ProShop که قرار است بسازیم، شامل ویژگیهای زیر خواهد بود:
- سبد خرید کامل با امکان تعیین تعداد
- نظرات و امتیازدهی محصولات
- Carousel محصولات برتر
- صفحهبندی محصولات
- قابلیت جستوجوی محصول
- پروفایل کاربر همراه با سفارشها
- مدیریت محصولات توسط ادمین
- مدیریت کاربران توسط ادمین
- صفحهی جزئیات سفارش برای ادمین
- امکان علامتگذاری سفارشها بهعنوان تحویلشده
- فرآیند پرداخت نهایی (ارسال، روش پرداخت و غیره)
- یکپارچهسازی با PayPal / کارت اعتباری
- اسکریپت Seeder سفارشی پایگاه داده
این دوره از نوع مستندات و تئوری نیست. این یک دورهی «وارد شوید و دستبهکار شوید» است که در پایان آن، یک پروژهی واقعی و کاربردی برای استفاده و قرار دادن در نمونهکار خود خواهید داشت. با تکمیل این دوره، موارد زیر را یاد میگیرید..
- React با کامپوننتهای تابعی و hooks
- React Router
- کتابخانهی رابط کاربری React-Bootstrap
- چگونه کامپوننتها را ساختاردهی کنیم
- استیت و props در سطح کامپوننت
- مدیریت استیت سراسری با Redux (Actions و Reducers)
- استفاده از استیت Redux در کامپوننتها (useDispatch و useSelector)
- ساخت یک بکاند گسترده با Express
- کار با پایگاهداده MongoDB و ODM مربوط به Mongoose
- احراز هویت JWT (JSON Web Tokens) با کوکی HTTP-Only
- ساخت middleware سفارشی برای احراز هویت
- هندلر خطای سفارشی
- یکپارچهسازی PayPal API
- متغیرهای محیطی
- استقرار پروژه
- و خیلی موارد دیگر!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان وب فولاستک که میخواهند با ساخت یک اپلیکیشن واقعی، MERN را یاد بگیرند.
دوره MERN از ابتدا - پلتفرم تجارت الکترونیک
-
به دوره خوش آمدید 02:57
-
معرفی پروژه دوره 07:01
-
مخزن کد دوره 01:49
-
راهاندازی اولیه 04:40
-
راهاندازی React و مقداردهی اولیه Git 10:10
-
کامپوننتهای هدر و فوتر 10:04
-
قالب سفارشی Bootstrap 03:38
-
فهرست محصولات 08:45
-
پیادهسازی React Router 08:03
-
کامپوننت امتیازدهی 08:11
-
صفحه جزئیات محصول 09:53
-
گردشکار فولاستک و توضیحات 03:41
-
سرور Express و مسیرهای اولیه محصول 09:54
-
Nodemon و Concurrently 04:28
-
متغیرهای محیطی 03:30
-
دریافت محصولات 09:45
-
راهاندازی MongoDB Atlas 05:03
-
راهاندازی MongoDB Compass 01:45
-
اتصال با Mongoose 04:41
-
مدلسازی داده ما 13:57
-
آمادهسازی داده نمونه 04:51
-
Seed کردن داده نمونه 14:20
-
شروع کار با Postman 05:33
-
دریافت محصولات از پایگاهداده 12:21
-
middleware خطای سفارشی 07:33
-
کنترلر محصول 05:37
-
مروری بر Redux و استیت 07:13
-
Redux Store و API Slice 14:16
-
Products API Slice و endpoint دریافت محصولات 13:02
-
چالش ساخت endpoint جزئیات محصول 05:27
-
کامپوننتهای Loader و پیام 05:54
-
Cart Slice و Reducer 04:36
-
تابع افزودن به سبد خرید 11:22
-
هندلر تعداد و افزودن به سبد خرید 15:58
-
فایل ابزارهای سبد خرید 03:09
-
تعداد آیتمها در هدر 06:00
-
صفحه سبد خرید 21:48
-
حذف از سبد خرید 06:27
-
مسیرها و کنترلر کاربر 20:18
-
اعتبارسنجی ایمیل و رمز عبور کاربر 10:50
-
JSON Web Tokenها چگونه کار میکنند؟ 03:53
-
کوکی HTTP-Only برای JWT 08:27
-
middleware و endpoint احراز هویت 14:11
-
خروج کاربر و پاککردن کوکی 03:14
-
endpoint ثبتنام کاربر و رمزنگاری 10:15
-
endpointهای پروفایل کاربر 06:14
-
Auth و User API Slice 08:31
-
صفحه ورود 07:35
-
قابلیت ورود 19:38
-
خروج کاربر 06:56
-
ثبتنام کاربر 08:53
-
صفحه ارسال 13:19
-
مسیرهای خصوصی 03:45
-
کامپوننت مراحل پرداخت نهایی 05:38
-
متد پرداخت 09:58
-
مسیرها و کنترلر سفارش 15:42
-
ایجاد و دریافت سفارشها 05:24
-
Order API Slice و شروع صفحه سفارش 08:15
-
ایجاد یک سفارش 18:19
-
صفحه سفارش 14:46
-
راهاندازی PayPal و پرداخت سفارش 05:52
-
یکپارچهسازی React با PayPal 12:22
-
دکمههای PayPal 12:39
-
پروفایل کاربر و بروزرسانی 15:45
-
نمایش تاریخچه سفارشها 09:20
-
کامپوننت مسیر ادمین 07:12
-
فهرست سفارشها برای ادمین 06:50
-
وضعیت تحویل سفارش 06:06
-
فهرست محصولات برای ادمین 09:41
-
ایجاد محصولات 09:00
-
ویرایش محصول 21:57
-
رفع اشکال بروزرسانی محصول 01:15
-
Multer و endpoint بارگذاری تصویر 09:35
-
بارگذاری تصویر محصول - فرانتاند 08:07
-
حذف محصولات 07:12
-
مسیرهای کاربر در بکاند 04:26
-
فهرست کاربران برای ادمین 07:24
-
حذف کاربران 04:04
-
بروزرسانی کاربران 14:57
-
ایجاد نظرات - بکاند 04:44
-
ایجاد نظرات - فرانتاند 13:05
-
صفحهبندی محصولات 07:13
-
کامپوننت صفحهبندی 09:26
-
جستوجوی محصولات 09:53
-
کامپوننت جعبه جستوجو 06:53
-
Carousel محصولات 07:05
-
عنوانهای صفحه 07:13
-
آمادهسازی برای Production 05:09
-
استقرار در Render 09:57
-
افزودن IP سرور به MongoDB Atlas 01:09
-
افزودن دامنهی سفارشی 04:21
-
جمعبندی 01:36
-
رفع اشکالهای جزئی 12:18
-
رفع اشکالهای PayPal و محاسبه قیمت 13:59
مشخصات آموزش
دوره MERN از ابتدا - پلتفرم تجارت الکترونیک
- تاریخ به روز رسانی: 1405/04/12
- سطح دوره:Alls
- تعداد درس:94
- مدت زمان :13:29:08
- حجم :4.75GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy