توسعه وب با پروژه MERN Stack + ریداکس، SaaS تجارت الکترونیک
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت بکاند متصل به پایگاه داده MongoDB و راهاندازی سرور بکاند
- ایجاد احراز هویت کاربران با رمزگذاری پسورد و مدل دقیق کاربر با قابلیت ذخیره کوکیها
- آپلود تصاویر و ویدئوها روی فضای ابری و ادغام آنها با پایگاه داده برای دسترسی بعدی
- قابلیت تأیید ایمیلها و ارسال ایمیل بازنشانی رمز عبور با توکنهای رمزنگاری شده، درست مانند وبسایتهای بزرگ واقعی
- ادغام پرداختهای Stripe، ساخت پنجره پرداخت میزبانی شده توسط Stripe، مدیریت اشتراک کاربران و بروزرسانی نقش کاربران در پایگاه داده
- ارائه نمای کلی و جامع از چگونگی عملکرد بکاند یک وبسایت بزرگ و ارتباط اجزای آن
- ارسال درخواست به پایگاه داده و بروزرسانی یا حذف جزئیات کاربران یا محصولات به صورت آنی
- دانش ساختاردهی و کدنویسی یک بکاند کامل و استاندارد برای وبسایتهای فولاستک
- تسلط به Redux Toolkit و کلیه امکانات آن در نمونه واقعی یک وبسایت
- استفاده از API خودتان که ساختهاید و دسترسی به آن از فضای ابری پس از استقرار
توضیحات دوره
در این دوره، نه تنها MERN Stack و فناوریهای مربوط به آن را یاد میگیرید، بلکه به آن مسلط نیز می شوید. این آموزش به صورت سرگرمکننده و عملی است؛ به این صورت که به همراه مدرس کدنویسی میکنید و یک وبسایت نرمافزار به عنوان سرویس (SaaS) آماده اجرا میسازید و در نهایت آن را در وب مستقر میکنید. این روش به شما کمک میکند تا کل فرآیند را از ابتدا تا پایان بدون هیچ نکتهی ناگفتهای یاد بگیرید. همچنین مدرس هر خط کد را به طور کامل توضیح میدهد تا پس از اتمام دوره، قادر باشید هر چیزی که خواستید بسازید!
این دوره مخصوص مبتدیان و همچنین توسعهدهندگان پیشرفته است، چرا که ابتدا همه چیز توضیح داده شده است. یک مبتدی محض میتواند بدون سردرگمی به این دوره ورود کند و یک توسعهدهنده پیشرفته نیز میتواند مهارتهای خود را با موضوعات، فناوریها و بلاکهای منطق پیشرفتهای که در هیچ دوره دیگری در یودمی یا حتی جای دیگر نمییابید، ارتقا دهد. در حقیقت این دوره نه فقط به سطح بلکه به عمق مسائل میپردازد!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان وب مبتدی
- توسعهدهندگان وب در سطح متوسط
توسعه وب با پروژه MERN Stack + ریداکس، SaaS تجارت الکترونیک
-
مقدمه - آنچه یاد میگیرید و به آن تسلط پیدا میکنید 09:34
-
نمای کلی پروژه و فناوریها 13:40
-
وبسایت کامل شده 00:33
-
تنظیمات محیط توسعه وب 12:40
-
راه اندازی وابستگیهای پروژه 17:31
-
API چیست؟ 10:50
-
اتصال به MongoDB، پایگاه داده ما 14:47
-
ساخت مدل کاربر و ایجاد اولین کاربر، بخش 1 30:50
-
ساخت مدل کاربر و ایجاد اولین کاربر، بخش 2 17:42
-
تکمیل مدل کاربر 08:12
-
ساخت مدل محصولات 15:55
-
ساخت حساب Stripe، تکمیل منطق ثبتنام 09:59
-
ساخت منطق ورود 16:34
-
میان افزار احراز هویت و واکشی جزئیات کاربر 19:40
-
واکشی منطق همه کاربران 05:47
-
Stripe - دریافت کلیه اشتراکها 06:55
-
منطق بروزرسانی پسورد کاربران 09:09
-
منطق بازنشانی پسورد کاربران، بخش 1 22:56
-
منطق بازنشانی پسورد کاربران، بخش 2 14:42
-
تأیید حساب کاربران، بخش 1 11:32
-
تأیید حساب کاربران، بخش 2 17:04
-
منطق بروزرسانی جزئیات کاربر 10:59
-
منطق ذخیره محصول 15:48
-
منطق لغو ذخیره محصول 09:27
-
ساخت پنجره تسویه Stripe 18:09
-
بروزرسانی اشتراک Stripe و نقش کاربر 22:24
-
بروزرسانی اشتراک Stripe پس از لغو طرح 40:09
-
بروزرسانی اشتراک Stripe پس از تمدید 17:55
-
چگونه همه اجزا به یکدیگر متصل اند؟ 07:07
-
ساخت کنترلر محصولات و اولین محصول 24:23
-
پیکربندی multer و ایجاد حساب Cloudinary 10:50
-
آپلود تصاویر در Cloudinary 32:24
-
کنترلرهای بروزرسانی، ذخیره و لغو ذخیره محصولات 14:46
-
واکشی کنترلر محصولات رایگان 05:49
-
واکشی کنترلر محصولات پولی 04:53
-
واکشی محصولات تیک تاک، فیسبوک و گوگل 13:02
-
کنترلر واکشی یک محصول 10:55
-
کنترلر بروزرسانی محصول 11:55
-
حذف یک محصول، حذف همه محصولات و تکمیل بکاند 20:03
-
Redux و Redux Toolkit چه هستند؟ 31:28
-
ساخت پروژه Redux Toolkit 26:53
-
ایجاد فروشگاه redux و بخش شمارنده 31:20
-
CreateAsyncThunk و واکشی دادهها از API 33:04
-
ساخت اپلیکیشن React 09:20
-
نصب TailwindCSS و ایمپورت فونتهای گوگل 10:43
-
نصب وابستگیها 10:04
-
توضیح وابستگیهای نصب شده 22:48
-
ساخت فروشگاه Redux 20:23
-
ثبت کاربر و پوشه یوتیلیتی ها 14:54
-
کامپوننت ثبتنام، بخش 1 24:25
-
کامپوننت ثبتنام، بخش 2 34:59
-
ورود کاربر 13:00
-
کامپوننت ورود، بخش 1 16:44
-
کامپوننت ورود، بخش 2 09:45
-
خروج کاربر 19:05
-
واکشی جزئیات کاربر 15:01
-
ذخیره یا لایک کردن محصول 10:26
-
لغو ذخیره یا دیس لایک کردن محصول 09:17
-
دریافت قیمت اشتراکها از Stripe 12:10
-
ارسال ایمیل از طریق اکشن و کنترلر 44:05
-
ساخت سشن یا پنجره تسویه Stripe 13:32
-
بروزرسانی اشتراک Stripe پس از پرداخت موفق 26:03
-
دسترسی به پنجره پورتال مشتری 08:35
-
واکشی همه کاربران 08:35
-
بروزرسانی پسورد کاربر 09:51
-
ارسال url بازنشانی پسورد به ایمیل 09:42
-
بازنشانی پسورد پس از کلیک روی لینک بازنشانی 09:23
-
ارسال لینک تأییدیه 08:27
-
تائید حساب پس از کلیک روی لینک تائید 10:20
-
بروزرسانی فیلد کاربر 10:32
-
بروزرسانی اشتراک پس از لغو 12:30
-
بروزرسانی اشتراک پس از تمدید 21:02
-
ساخت بخش محصولات و اکشن ایجاد محصول 29:55
-
واکشی همه محصولات 06:05
-
واکشی محصولات رایگان و پولی 08:21
-
واکشی محصولات تبلیغاتی تیک تاک، فیسبوک و گوگل 09:39
-
واکشی یک محصول و محصولات رایگان 10:04
-
بروزرسانی فیلدهای محصول 20:51
-
حذف یک محصول و حذف همه محصولات 15:14
-
نوار ناوبری، بخش 1 31:17
-
نوار ناوبری، بخش 2 33:56
-
کامپوننت صفحه اصلی 17:09
-
کامپوننت «What wee offer» و اصلاح نوار ناوبری 06:51
-
کامپوننت آمار 04:42
-
کامپوننت قیمتگذاری - بخش 1 19:24
-
کامپوننت قیمتگذاری - بخش 2 17:15
-
کامپوننتهای سوالات متداول، گارانتی، نظرات 08:00
-
کامپوننت پاورقی 10:06
-
صفحه درباره ما 11:45
-
صفحه قیمتگذاری و اصلاح نوار ناوبری 14:46
-
صفحه ویژگیها 09:51
-
صفحه تماس 19:08
-
صفحه محصولات رایگان 28:08
-
صفحه جزئیات محصول رایگان 57:51
-
ساخت صفحه محصول 51:30
-
صفحه محصول پرمیوم 40:52
-
صفحه جزئیات محصول پرمیوم 37:30
-
صفحه پروفایل 42:14
-
صفحه ذخیره محصول 25:29
-
تغییر پسورد 17:46
-
بازنشانی پسورد 44:22
-
تأیید حساب کاربری 14:40
-
صفحات حقوقی 04:43
-
صفحات موفقیت آمیز بودن و لغو Stripe 19:12
-
رفع مشکل کوکی و خروج خودکار 02:07
-
استقرار بکاند روی Vercel 08:24
-
استقرار بخش فرانتاند در Netlify 17:43
مشخصات آموزش
توسعه وب با پروژه MERN Stack + ریداکس، SaaS تجارت الکترونیک
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:107
- مدت زمان :31:02:46
- حجم :15.52GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy