ساخت یک اپلیکیشن MERN با Cloudinary ،Redux و Tailwind CSS در سال 2025
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- تسلط به MERN Stack: یادگیری React ،Node Express ،MongoDB - ساخت وب اپلیکیشن های پویا و مقیاسپذیر از ابتدا
- ساخت یک وبسایت کامل تجارت الکترونیک: فهرست محصولات، لیست کاربران، لیست سفارشات، احراز هویت، سبد خرید و سفارشات
- طراحی با Tailwind CSS: ایجاد طرح بندی جذاب و واکنشگرا برای همه دستگاهها به سرعت
- پیادهسازی احراز هویت امن کاربران: ثبتنام، ورود، محافظت از داده، اعتبارسنجی داده و کنترل دسترسی بر اساس نقش
- مدیریت داده محصولات و سبد خرید: طراحی پایگاه داده، افزودن/حذف آیتمها، محاسبه جمع کل
- درک فرآیند سفارش و درگاههای پرداخت: مفاهیم و مراحل کلیدی
- آپلود تصاویر محصولات با استفاده از Cloudinary: ادغام آپلود تصاویر درون اپلیکیشن
- مدیریت استیت اپلیکیشن بهصورت بهینه با استفاده Redux Toolkit
پیش نیازهای دوره
- این دوره برای توسعهدهندگان وب که درک اساسی از React.js و Express.js دارند، بسیار مناسب است. شما باید به مفاهیم اولیه React مانند کامپوننتها و Props آشنا باشید و دارای ایدهای کلی از چگونگی پردازش درخواستها توسط بکاند با Express.js باشید. نگران نباشید اگر هنوز در حال یادگیری هستید! مدرس در هر مرحله از ساخت اپلیکیشن تجارت الکترونیکمان همراه شما میباشد و توضیحاتی واضح و راهنمایی عملی ارائه میدهد.
توضیحات دوره
سفری جامع را آغاز کنید تا یک پلتفرم تجارت الکترونیک کاملاً کاربردی و از نظر بصری جذاب را از ابتدا بسازید. از استک MERN پیشرفته (MongoDB ،Express.js ،React ،Node.js) با قدرت Tailwind CSS برای استایلدهی، Redux برای مدیریت استیت قدرتمند، Cloudinary برای مدیریت تصویر بدون درز، و PayPal برای ادغام دروازه پرداخت امن استفاده کنید.
این دوره با دقت طراحی شده است تا شما را در هر مرحلهی توسعه، از راهاندازی محیط توسعه تا استقرار اپلیکیشن کامل راهنمایی کند. تجربه عملی در ایجاد هم دو طرف فروشگاه کاربری و بکاند مدیریت کننده خواهید کسب کرد، و مهارتهای لازم برای ساخت وب اپلیکیشن های پیچیده را به دست خواهید آورد.
مناطق کلیدی یادگیری عبارتند از:
- تسلط به استک MERN: اصول اساسی و ادغام MongoDB برای پایگاه داده خود، Express.js برای ساخت یک API بکاند قدرتمند و امن، React برای ایجاد رابط کاربری پویا و تعاملی، و Node.js به عنوان محیط زمان اجرا کارآمد خود را درک کنید.
- استایلدهی بیدردسر با Tailwind CSS: یاد بگیرید چگونه اپلیکیشن خود را با Tailwind CSS استایل دهید، فریمورک CSS بر پایهی امکانات که امکان پیادهسازی طراحی سریع و مداوم بدون نوشتن CSS سفارشی را فراهم میکند.
- مدیریت استیت قدرتمند با Redux: به بررسی عمیق به Redux، یک کانتینر استیت پیشبینیپذیر برای اپلیکیشن های جاواسکریپت، بپردازید و یاد بگیرید چگونه جریان دادهی پیچیده اپلیکیشن را بهصورت مؤثر مدیریت کنید تا مقیاسپذیری و نگهداری آسان باشد.
- مدیریت تصویر بدون درز با Cloudinary: کشف کنید چگونه Cloudinary، سرویس مدیریت تصاویر و ویدئو مبتنی بر ابری، را برای بارگذاری، ذخیرهسازی، بهینهسازی و تحویل تصاویر در اپلیکیشن تجارت الکترونیک خود یکپارچه کنید.
- ادغام پرداخت امن با PayPal: یک دروازهی پرداخت امن و مورد اعتماد را با استفاده از PayPal API پیادهسازی کنید تا بتوانید تراکنشها را پردازش کرده و اعتماد مشتریان را بسازید.
- ساخت ویژگیهای متمرکز بر کاربر: توسعه قابلیتهای ضروری تجارت الکترونیک مانند فهرست محصولات، صفحات جزئیات محصول، مدیریت سبد خرید، رجیستر و احراز هویت کاربر، مدیریت پروفایل کاربر، و تاریخچه سفارشات
- توسعه قابلیتهای مدیریتی: ایجاد پنل مدیریتی جامع برای مدیریت محصولات (ایجاد، ویرایش، حذف)، پردازش سفارشات، و نظارت بر حسابهای کاربری، به شما کنترل کامل بر پلتفرم خود میدهد.
- پیادهسازی گردش کارهای اساسی تجارت الکترونیک: بهترین شیوه ها برای مدیریت احراز هویت کاربر، اجازه دسترسی، اعتبارسنجی داده، و مدیریت خطا در سراسر اپلیکیشن را یاد بگیرید.
در پایان این دوره، نه فقط یک اپلیکیشن تجارت الکترونیک کاملاً عملی در پورتفولیوی خود خواهید داشت، بلکه درک عمیقی از اصول توسعه وب فولاستک مدرن و ادغام ابزارها و سرویسهای قدرتمند به دست خواهید آورد. این دانش شما را قادر میسازد تا مجموعهای گسترده از وب اپلیکیشن های پویا و مقیاسپذیر بسازید. با ما همراه شوید و مهارتهای توسعه وب خود را به سطح بعدی برسانید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مبتدی که به دنبال افزایش پورتفولیو خود با یک پروژه واقعی و کاربردی تجارت الکترونیک ساخت با فناوریهای استاندارد صنعت هستند.
- افرادی که میخواهند فروشگاه آنلاین خود را بسازند یا راهحلهای تجارت الکترونیک برای دیگران ایجاد کنند، و تجربه عملی و کاربردی با استک MERN کسب کنند.
- توسعهدهندگان بکاند که به یادگیری چگونگی ساخت رابط کاربری پویا و تعاملی با React و استایلدهی مؤثر آن با Tailwind CSS علاقهمند هستند.
- توسعهدهندگان فرانتاند که میخواهند مهارتهای خود را به توسعه بکاند گسترش دهند و چرخه عمر یک وب اپلیکیشن را درک کنند.
ساخت یک اپلیکیشن MERN با Cloudinary ،Redux و Tailwind CSS در سال 2025
-
بررسی در اپلیکیشن تجارت الکترونیک MERN 08:56
-
پیشنیازهای دوره – آمادهسازی 01:00
-
ایجاد سرور Express و نصب Nodemon 05:35
-
نصب Mongoose و ایجاد الگوی محصول 06:35
-
پیادهسازی کنترلکننده محصول بخش 1 13:43
-
پیادهسازی کنترلکننده محصول بخش 2 09:53
-
ایجاد مسیرهای محصول 03:50
-
ایجاد دیتابیس پروژه در MongoDB Atlas و ایجاد فایل db و نصب .env 07:59
-
ایجاد الگوی کاربر MongoDB 05:37
-
نصب JSON Web Token و ایجاد توکن 04:47
-
قسمت 1 کنترلکنندههای کاربر (ورود و ثبتنام) 11:57
-
قسمت 2 کنترلکنندههای کاربر 09:59
-
قسمت 3 کنترلکنندههای کاربر برای کاربر مدیر 11:40
-
پیادهسازی مسیرهای کاربر 04:45
-
ایجاد middleware احراز هویت برای کاربر و کاربر مدیر 08:44
-
حفاظت از مسیرهای کاربر و محصول با middleware 02:31
-
نصب middlewareهای CORS و تجزیهکننده کوکی 02:54
-
بارگذاری داده به MongoDB 10:56
-
تست مسیرهای کاربر در Postman 17:04
-
تست مسیرهای محصولات در Postman 07:01
-
شروع با Redux Toolkit (پیکربندی فروشگاه و بخش API) 10:13
-
پیادهسازی بخش احراز هویت و بخش API کاربران 18:09
-
نصب Vite React 04:16
-
بخش API محصول 10:48
-
فاصله صفحه و قابلیت جستجو در بکاند 05:13
-
ایجاد اولین کامپوننت قسمت 1؛ عملکرد هدر 07:55
-
قسمت 2 کامپوننت هدر؛ شروع با JSX 13:05
-
قسمت 3 کامپوننت هدر 10:41
-
قسمت 4 هدر؛ پیادهسازی مسیرها در فایل اصلی و اجرای اپلیکیشن 04:01
-
کامپوننتهای بارگذاری، پیام و جستجو 10:44
-
کامپوننتهای امتیازدهی و صفحهبندی 13:17
-
کامپوننت محصول 12:17
-
پیادهسازی صفحه اصلی 15:24
-
قسمت 1 صفحه محصول 11:04
-
قسمت 2 صفحه محصول 12:11
-
قسمت 3 صفحه محصول 14:39
-
قسمت 4 صفحه محصول 12:31
-
رفع اشکال در صفحه محصول و افزودن مسیر آن 06:00
-
ایجاد کانتینر فرم و شروع با صفحه ورود 10:20
-
ادامه با صفحه ورود 11:25
-
تست ورود و رفع چند اشکال 04:49
-
پیادهسازی middleware خطا در بکاند 06:38
-
صفحه رجیستر 16:24
-
پیادهسازی بررسی تاریخ انقضا توکن 04:31
-
پیادهسازی بخش سبد خرید و عملکردهای کمکی سبد خرید 16:30
-
پیادهسازی قابلیت سبد خرید در صفحه محصول و هدر 06:05
-
قسمت 1 صفحه سبد خرید 18:44
-
قسمت 2 صفحه سبد خرید 10:26
-
پیادهسازی الگوی سفارش 09:05
-
محاسبه قیمت محصولات 04:03
-
راهاندازی PayPal 16:03
-
قسمت 1 کنترلکنندههای سفارش 11:55
-
قسمت 2 کنترلکنندههای سفارش 15:04
-
مسیرهای سفارش 07:00
-
سایس API سفارشات 10:00
-
مسیر خصوصی برای صفحات خصوصی و شروع با قسمت 1 صفحه حمل و نقل 08:56
-
قسمت 2 صفحه حمل و نقل 10:10
-
صفحه پرداخت 13:09
-
قسمت 1 قرار دادن سفارش 14:23
-
قسمت 2 قرار دادن سفارش 18:15
-
قسمت 1 صفحه سفارش 16:26
-
قسمت 2 صفحه سفارش 22:07
-
قسمت 3 صفحه سفارش 17:03
-
قسمت 1 صفحه پروفایل 10:32
-
قسمت 2 صفحه پروفایل 16:19
-
قسمت 3 صفحه پروفایل 19:20
-
صفحه لیست سفارشات 14:50
-
پیادهسازی مسیر خصوصی مدیر 06:22
-
صفحه لیست کاربران 19:03
-
صفحه ویرایش کاربر 21:55
-
صفحه محصول 22:58
-
اصلاح مسیر بارگذاری تصویر در بکاند 01:06
-
پیادهسازی مسیرهای بارگذاری با استفاده از Cloudinary 11:59
-
قسمت 1 صفحه ویرایش محصول 14:18
-
قسمت 2 صفحه ویرایش محصول (پایان دوره) 17:08
مشخصات آموزش
ساخت یک اپلیکیشن MERN با Cloudinary ،Redux و Tailwind CSS در سال 2025
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:همه سطوح
- تعداد درس:75
- مدت زمان :13:43:15
- حجم :6.97GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy