ساخت وبسایت تجارت الکترونیک فول استک MERN
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک اپلیکیشن فول استک: توسعه یک وبسایت کامل تجارت الکترونیک با استفاده از پشته MERN
- پیادهسازی ویژگیهای پیشرفته تجارت الکترونیک: ایجاد فیلتر دستهبندی، انتخاب رنگ، فیلتر قیمت و سبد خرید کارآمد با قابلیتهای محاسبه
- ادغام سیستمهای پرداخت: راهاندازی Stripe برای پرداختهای آنلاین امن و مدیریت پیگیری سفارش با بهروزرسانی استیت ها
- توسعه داشبوردهای کاربری: طراحی داشبوردی برای کاربران که در آن بتوانند سفارشها، تاریخچه پرداخت، نظرات را مشاهده کرده و پروفایل خود را بهروز کنند.
- ایجاد داشبورد مدیریتی: ساخت پنل مدیریتی کاملاً کاربردی برای مدیریت موجودی، محصولات، سفارشها و کاربران، با قابلیت بارگذاری تصاویر و غیره
- ایمنسازی اپلیکیشن ها: پیادهسازی تأیید هویت و مجوز با استفاده از JWT و هش کردن رمز عبور با bcrypt، بهمنظور تأمین امنیت دادهها
- استقرار و نگهداری اپلیکیشن ها: درک چگونگی استقرار اپلیکیشن MERN و نگهداری آن برای استفادههای واقعی
پیش نیازهای دوره
- دانش پایه از جاوااسکریپت: آشنایی با مفاهیم جاوااسکریپت، سینتکس +ES6 و اصول پایه برنامهنویسی
- دانش HTML و CSS: توانایی ساخت و استایل دهی صفحات وب با استفاده از HTML و CSS
- تجربه با React: تجربه قبلی با React توصیه میشود، زیرا دوره بر مبنای اصول اولیه React ساخته شده است.
توضیحات دوره
قدرت توسعه فول استک را با ساخت یک وبسایت کامل تجارت الکترونیک از ابتدا با استفاده از پشته MERN (MongoDB، Express.js ،React و Node.js) باز کنید. این دوره شما را در هر مرحله از ایجاد یک فروشگاه آنلاین کاملاً کاربردی، که شامل ویژگیهای پیشرفته مانند فیلتر دستهبندی، سبد خرید پویا، پردازش امن پرداخت با Stripe و پیگیری جامع سفارشها است، هدایت میکند.
شما همچنین داشبوردهای کاربری و مدیریتی قوی خواهید ساخت که به کاربران اجازه میدهد سفارشها، محصولات را بررسی کرده و پروفایلهای خود را بهروز کنند و به مدیران ابزارهایی برای مدیریت موجودی، محصولات، سفارشها و کاربران ارائه میشود، همه با دادههای بصری که از طریق نمودارها و گرافیکهای جذاب نمایش داده میشود.
این دوره برای توسعهدهندگان و کارآفرینان آیندهنگر طراحی شده و آخرین فناوریها و بهترین شیوهها را در توسعه وب ترکیب میسازد. در پایان، شما یک وبسایت تجارت الکترونیک تولیدی آماده برای استقرار خواهید داشت و مهارتهای لازم برای ساخت برنامههای تمامپشته خود را کسب خواهید کرد.
چه شما یک توسعهدهنده فرانتاند باشید که به دنبال گسترش مهارتهای بکاند خود هستید، و چه یک توسعهدهنده بکاند باشید که میخواهد یک فرانتاند قوی React را ادغام کند، این دوره دروازه شما به تسلط در توسعه تجارت الکترونیک تمامپشته خواهد بود.
ویژگیهای کلیدی:
- آموزش جامع پشته MERN: بیاموزید که چگونه یک وبسایت تجارت الکترونیک کامل با MongoDB ،Express.js، React و Node.js بسازید.
- عملکرد پیشرفته تجارت الکترونیک: ویژگیهایی مانند فیلتر دستهبندی، محاسبات سبد خرید و ادغام پرداخت Stripe را پیادهسازی کنید.
- داشبوردهای کاربر و مدیر: داشبوردهایی با قابلیتهایی مانند پیگیری سفارش، مدیریت محصولات و مدیریت کاربران توسعه دهید.
- شیوههای امنیتی واقعی: برنامه خود را با تأیید هویت JWT، هش کردن رمز عبور و ادغام Middleware ایمن کنید.
- آماده برای استقرار: درک کنید که چگونه سایت خود را بر روی Vercel استقرار و نگهداری کنید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان فول استک آیندهنگر: ایدهآل برای کسانی که به دنبال گسترش دانش و مهارتهای خود در توسعه فول استک با استفاده از پشته MERN هستند.
- جستجوی کارآموزی یا شغل، این پروژه پیشرفته تجارت الکترونیک به شما در کسب مصاحبه یا تماس کمک خواهد کرد.
- توسعهدهندگان فرانتاند: توسعهدهندگان React که میخواهند عمیقتر به توسعه بکاند رفته و یاد بگیرند که چگونه مهارتهای فرانتاند خود را با یک بکاند قوی ادغام کنند.
- توسعهدهندگان بکاند: توسعهدهندگان Node.js یا Express.js که به دنبال ساخت یک اپلیکیشن کامل هستند.
- کارآفرینان و توسعهدهندگان محصول: افرادی که به دنبال ایجاد یک پلتفرم تجارت الکترونیک کاملاً کاربردی برای ایدههای تجاری خود هستند.
- دانشجویان و یادگیرندگان: هر کس که به دنبال تسلط به پشته MERN و ساخت اپلیکیشن های مقیاسپذیر و آماده برای تولید است.
ساخت وبسایت تجارت الکترونیک فول استک MERN
-
مقدمه 16:49
-
مروری بر داشبورد مدیریتی 10:44
-
راه اندازی پروژه 06:23
-
نصب Tailwind CSS 06:41
-
سفارشیسازی پروژه شما 09:42
-
راهاندازی React Router Dom 08:24
-
ایجاد یک کامپوننت Navbar 19:59
-
آزمون سریع None
-
بخش بنر قهرمان 08:23
-
دسته بندی های اصلی 06:02
-
بخش قهرمان دوم 07:28
-
محصولات پرطرفدار 27:24
-
بخش معاملات 06:34
-
بنر تبلیغاتی 04:17
-
بخش وبلاگهای اصلی 06:49
-
بخش فوتر 10:39
-
صفحه دستهبندی 11:32
-
عملکرد صفحه جستجو 12:18
-
صفحه فروشگاه 36:50
-
صفحه محصول واحد 16:16
-
نصب Redux Toolkit و ایجاد اسلایس سبد خرید 27:26
-
نمایش مودال سبد خرید 26:06
-
خلاصه سفارش 12:19
-
بهروزرسانی مقدار، حذف از سبد خرید و عملکرد پاک کردن سبد خرید 20:04
-
ایجاد صفحه ورود 14:21
-
صفحه ثبتنام 05:15
-
راهاندازی سرور پایه Express.js 08:56
-
نصب MongoDB و Mongoose 10:28
-
نصب بستههای dotenv ،cors ،cookie-parser و body-parser 10:22
-
ایجاد اسکیما و مدل کاربر 08:30
-
ایجاد مسیرهای کاربر 13:47
-
چگونه رمز عبور را هش کنیم؟ 05:00
-
ایجاد مسیرهای لاگین 14:26
-
تولید توکن JWT (وب توکن جی سان) 16:09
-
تأیید Middleware توکن 09:30
-
خروج، حذف کاربر و دریافت همه مسیرهای کاربران 10:43
-
بهروزرسانی نقش کاربر 05:09
-
بهروزرسانی پروفایل کاربر 10:00
-
authApi با استفاده از RTK Query 26:27
-
authSlice برای کاربران لاگین شده 10:59
-
خروج، حذف، بهروزرسانی نقش و تأیید پروفایل 08:54
-
منوهای کشویی ناوبری 21:18
-
ایجاد اسکیما و مدل محصول 07:39
-
ایجاد اسکیما و مدل نظرات 03:42
-
ایجاد مسیر محصول 13:18
-
دریافت همه مسیرهای محصولات 12:36
-
دریافت یک محصول با مسیرهای شناسه 05:05
-
بهروزرسانی، حذف و مسیر محصولات مرتبط 21:03
-
تأیید Middleware مدیر 08:43
-
ایجاد Product Api با استفاده از RTK Query 20:14
-
بهروزرسانی صفحه فروشگاه و نمایش صفحهبندی 24:35
-
نمایش جزئیات محصول واحد 14:31
-
ایجاد مسیرهای Post Review 19:41
-
تعداد کل نظرات و دریافت نظرات بر اساس شناسه کاربر 06:10
-
ایجاد ReviewApi با استفاده از RTK Query 10:33
-
نمایش نظرات در صفحه جزئیات محصول 17:48
-
ارسال یک نظر جدید 22:33
-
ایجاد طرح و مدل سفارش 08:46
-
ایجاد یک سشن پرداخت Stripe 13:39
-
ایجاد مسیر تأیید پرداخت Stripe 10:58
-
پرداخت با استفاده از کارت Stripe 26:30
-
صفحه موفقیت پرداخت 28:22
-
دریافت سفارشها، بهروزرسانی و حذف مسیر سفارشها 27:16
-
آمار داشبورد کاربر 18:12
-
آمار داشبورد مدیریتی 12:28
-
راهاندازی مسیرهای داشبورد 12:33
-
ایجاد مسیر خصوصی 12:31
-
طرح بندی داشبورد 10:49
-
داشبورد کاربر 17:57
-
داشبورد مدیریتی 07:45
-
API آمار با استفاده از RTK Query 07:38
-
داشبورد اصلی کاربر 30:59
-
سفارشات کاربران 25:43
-
سیستم پیگیری سفارش 16:15
-
صفحه پرداخت کاربر 19:26
-
بخش نظرات کاربر 13:49
-
چگونه پروفایل کاربر را بهروز کنیم؟ 36:02
-
طراحی داشبورد مدیریتی 14:34
-
نمودارهای دایرهای و خطی برای ارائه دادهها 19:26
-
طراحی صفحه افزودن محصول 38:04
-
بارگذاری تصویر با استفاده از Cloudinary و ارسال یک محصول جدید 47:17
-
مدیریت یا حذف محصولات 31:19
-
بهروزرسانی دادههای محصول 23:22
-
مدیریت نقش کاربر 25:29
-
مدیریت سفارشات 33:29
-
چگونه پروژه خود را بر روی Vercel مستقر کنیم؟ 20:10
-
آزمون نهایی None
مشخصات آموزش
ساخت وبسایت تجارت الکترونیک فول استک MERN
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:مقدماتی
- تعداد درس:87
- مدت زمان :22:28:38
- حجم :12.6GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy