اپلیکیشن موبایل فروشگاهی فولاستک: React Native و Node.js
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک اپلیکیشن موبایل فروشگاهی فولاستک با استفاده از ترکیب قدرتمند React Native (فرانتاِند) و Node.js به همراه Express و MongoDB (بکاِند)
- پیادهسازی جریانهای احراز هویت قوی و امن کاربر، شامل ثبتنام، ورود و کنترل دسترسی پیشرفته بر اساس نقش (RBAC) برای عملکردهای مدیریتی
- توسعه ابزارهای مدیریتی جامع برای مدیریت بهینه محصولات، شامل قابلیتهای ایجاد، ویرایش دقیق و حذف.
- کسب مهارتهای ضروری عیبیابی و حل مسئله که برای توسعه واقعی با React Native و Node.js حیاتی هستند.
- کسب تجربه عملی در توسعه و استفاده از API و درک جریان بدون وقفه داده بین کلاینت موبایل و سرور بکاِند
پیشنیازهای دوره
- این دوره برای توسعهدهندگان مشتاق موبایل و فولاستک طراحی شده است که علاقهمند به ساخت اپلیکیشنهای واقعی هستند. برای بهرهگیری حداکثری از این دوره، داشتن درک پایهای از JavaScript (ES6+) به شدت توصیه میشود.
- آشنایی با مفاهیم زیر نیز مفید خواهد بود، هرچند مدرس این موارد را در طول دوره تقویت خواهد کرد: مفاهیم اولیه React (درک کامپوننتها، props و state)، متدهای HTTP (GET ،POST و غیره) و درک کلی از چگونگی عملکرد درخواستهای وب برای فهم تعاملات API
- اگر در تمام این زمینهها متخصص نیستید، نگران نباشید! این دوره به گونهای ساخته شده است که شما را گامبهگام در طول فرآیند هدایت کند و برای هر بخش از ساخت اپلیکیشن فروشگاهی، توضیحات شفاف و راهنماییهای عملی ارائه دهد. تمایل به یادگیری و اشتیاق به ساختن، مهمترین داراییهای شما هستند!
توضیحات دوره
قدرت توسعه موبایل فولاستک را با ساخت یک اپلیکیشن فروشگاهی کامل و مدرن از صفر آشکار کنید! در این دوره عملی، شما به فناوریهای اساسی که بهترین تجربههای موبایل امروزی را رقم میزنند مسلط خواهید شد: React Native برای فرانتاِند پویا، در کنار بکاِند قدرتمند Node.js، Express.js و MongoDB. این دوره فقط یادگیری مفاهیم نیست؛ بلکه درباره ساخت یک پروژه ملموس و آماده برای ارائه است که میتوانید با افتخار به پورتفوی خود اضافه کنید.
مدرس کار را با راهاندازی محیط توسعه بهینه آغاز میکند تا اطمینان حاصل شود که شما به Node.js و VS Code مجهز هستید و آمادگی دارید اپلیکیشنهای خود را به راحتی با استفاده از Expo Go اجرا کنید.
سپس دوره به عمق مباحث فرانتاِند و بکاِند میپردازد. در سمت React Native، شما یک رابط کاربری موبایل کاربرپسند طراحی و پیادهسازی میکنید و بر ایجاد طرحهای واکنشگرا تمرکز خواهید کرد که در هر دستگاهی عالی به نظر برسند. شما عملکردهای اصلی فروشگاهی را خواهید ساخت، از جمله:
- یک صفحه لیست محصولات جامع با جزئیات دقیق محصول
- احراز هویت امن کاربر، شامل ثبتنام، ورود و مسیرهای محافظتشده
- یک پنل مدیریت کارآمد برای مدیریت کامل محصول (ایجاد، خواندن، بروزرسانی، حذف)
- قابلیت آپلود تصویر محصول بدون وقفه مستقیماً از دستگاه موبایل و یکپارچهسازی آن با بکاِند
در سمت بکاِند با Node.js ،Express.js و MongoDB، شما APIهای قدرتمند RESTful را معماری خواهید کرد. شما یاد میگیرید:
- طراحی و مدیریت اسکیما پایگاه داده برای کاربران، محصولات و موارد دیگر
- پیادهسازی منطق احراز هویت و مجوزدهی امن، شامل امنیت مبتنی بر توکن و کنترل دسترسی بر اساس نقش برای ویژگیهای مدیریتی
- توسعه Endpoints قدرتمند API برای تمام عملیات CRUD روی محصولات و سایر منابع
- مدیریت امن آپلود فایلها و آمادهسازی اپلیکیشن برای سناریوهای واقعی
تا پایان این دوره، شما نه تنها MERN Stack را درک خواهید کرد، بلکه یک اپلیکیشن موبایل فروشگاهی React Native کاملاً کاربردی ساختهاید که توانایی شما را در ایجاد راهکارهای امن، مقیاسپذیر و کاربرپسند نشان میدهد. این رویکرد پروژهمحور تضمین میکند که مهارتهای عملی و پرتقاضا را کسب کنید و شما را برای فعالیت حرفهای در توسعه موبایل فولاستک یا راهاندازی فروشگاه موبایل خودتان آماده میکند. به ما بپیوندید تا آرزوهای برنامهنویسی خود را به یک اپلیکیشن موبایل ملموس و تحسینبرانگیز تبدیل کنید!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مشتاق موبایل که میخواهند اولین اپلیکیشن فروشگاهی واقعی و کامل خود را با React Native و یک بکاِند قدرتمند بسازند.
- توسعهدهندگان سطح مبتدی تا متوسط که به دنبال ارتقای قابل توجه پورتفوی خود با یک پروژه فولاستک موبایل هستند.
- توسعهدهندگان فرانتاِند (با تجربه وب) که مشتاقند مهارتهای خود را به دنیای جذاب توسعه اپلیکیشن موبایل با React Native منتقل کنند.
- توسعهدهندگان بکاِند که علاقهمند به درک نحوه اتصال APIهای Node.js/Express خود به یک فرانتاِند موبایل پویا و تعاملی هستند.
- کارآفرینان یا صاحبان کسبوکارهای کوچک که مایلند مهارتهای فنی لازم برای ساخت و مدیریت فروشگاه موبایل خود را کسب کنند.
اپلیکیشن موبایل فروشگاهی فولاستک: React Native و Node.js
-
ویدیوی تبلیغاتی و پیشنمایش دوره 01:40
-
راهاندازی محیط توسعه و پیشنیازهای ضروری 02:54
-
راهاندازی بکاِند Express 05:13
-
نصب Mongoose و پیادهسازی مدل محصول 08:49
-
ساخت API محصول - کنترلرها بخش 1 09:43
-
ساخت API محصول - کنترلرها بخش 2 08:59
-
ساخت API محصول - کنترلرها بخش 3 07:23
-
اتصال محصولات به API - مسیرهای محصول 05:21
-
راهاندازی پایگاه داده - MongoDB Atlas و اتصال 07:09
-
ساخت مدل دادهای کاربر 07:23
-
ایمنسازی سشنهای کاربر با JWT - ایجاد توکن احراز هویت 06:03
-
مدیریت کنترلر کاربران: احراز هویت، ثبتنام و پروفایل بخش 1 10:47
-
مدیریت کنترلر کاربران: احراز هویت، ثبتنام و پروفایل بخش 2 09:40
-
مدیریت کنترلر کاربران: احراز هویت، ثبتنام و پروفایل بخش 3 10:24
-
اتصال کاربران به API - مسیرهای کاربر 04:52
-
پیادهسازی میانافزار احراز هویت - محافظت از مسیرها 07:22
-
ایمنسازی API - اعمال احراز هویت و میانافزار ادمین 05:11
-
بهبود بکاِند - CORS و تحلیل کوکی 02:53
-
مقداردهی اولیه پایگاه داده - ایمپورت کردن داده نمونه 12:06
-
رفع باگها 07:34
-
نصب اپلیکیشن Expo و اجرای آن 04:30
-
راهاندازی اپلیکیشن Expo - طرح بندی ریشه و طرح بندی تبها 12:05
-
شروع کار با Redux Toolkit - بخش API پایه 07:20
-
Redux Toolkit - بخش API محصولات و پیکربندی Store 10:27
-
ساخت اولین کامپوننت React Native - سیستم امتیازدهی 06:37
-
کامپوننت پیام 07:23
-
ساخت کامپوننت محصول بخش 1 10:05
-
ساخت کامپوننت محصول بخش 2 11:05
-
طراحی کامپوننت هدر پویا بخش 1 08:47
-
طراحی کامپوننت هدر پویا بخش 2 10:58
-
طراحی کامپوننت هدر پویا بخش 3 13:15
-
پیادهسازی صفحه اصلی بخش 1 08:30
-
پیادهسازی صفحه اصلی بخش 2 11:32
-
پیادهسازی استایلهای صفحه اصلی 10:07
-
ساخت صفحه جزئیات محصول بخش 1 09:30
-
ساخت صفحه جزئیات محصول بخش 2 11:15
-
ساخت صفحه جزئیات محصول بخش 3 - کامپوننت کارت تصویر 08:28
-
ساخت صفحه جزئیات محصول بخش 4 - کامپوننت کارت جزئیات محصول 10:11
-
ساخت صفحه جزئیات محصول بخش 5 - کامپوننت کارت تصویر 07:26
-
ساخت صفحه جزئیات محصول بخش 6 - استایلهای کامپوننت کارت تصویر 11:43
-
مدیریت پیشرفته سبد خرید - بخش Redux Slice با ماندگاری در AsyncStorage قسمت ۱ 07:21
-
مدیریت پیشرفته سبد خرید - بخش Redux Slice با ماندگاری در AsyncStorage قسمت ۲ 14:54
-
یکپارچهسازی عملکرد سبد خرید در هدر و جزئیات محصول 10:43
-
ساخت صفحه سبد خرید بخش 1 11:16
-
ساخت صفحه سبد خرید بخش 2 10:39
-
ساخت صفحه سبد خرید بخش 3 09:53
-
ساخت صفحه سبد خرید بخش 4 12:02
-
راهاندازی احراز هویت کاربر (بخش Auth و API Endpoint) 12:45
-
ماندگاری Redux Store - یکپارچهسازی Redux-Persist برای احراز هویت و سبد خرید 10:38
-
پیادهسازی صفحه ورود کاربر بخش 1 09:57
-
پیادهسازی صفحه ورود کاربر و کامپوننت ظرف فرم بخش 2 09:55
-
پیادهسازی صفحه ورود کاربر بخش 3 10:43
-
پیادهسازی صفحه ورود کاربر بخش 4 10:28
-
پیادهسازی صفحه ورود کاربر بخش 5 12:41
-
میانافزار مدیریت خطای متمرکز 06:59
-
ساخت صفحه ثبتنام کاربر بخش 1 10:11
-
ساخت صفحه ثبتنام کاربر بخش 2 08:42
-
یکپارچهسازی بخش نظرات محصول بخش 1 13:47
-
یکپارچهسازی بخش نظرات محصول بخش 2 07:01
-
پیادهسازی مودال افزودن نظر و عملکرد آن بخش 1 13:37
-
پیادهسازی مودال افزودن نظر و عملکرد آن بخش 2 09:11
-
پیادهسازی مودال افزودن نظر و عملکرد آن بخش 3 13:31
-
پیادهسازی صفحه حمل و نقل بخش 1 10:59
-
پیادهسازی صفحه حمل و نقل بخش 2 10:48
-
پیادهسازی صفحه حمل و نقل بخش 3 10:26
-
صفحه انتخاب روش پرداخت بخش 1 10:52
-
انتخاب روش پرداخت بخش 2 05:25
-
طراحی مدل سفارش (Mongoose Schema) 10:22
-
کنترلرهای API سفارش و ابزارهای محاسبه قیمت بخش 1 15:25
-
کنترلرهای API سفارش بخش 2 10:41
-
کنترلر API سفارش بخش 3 04:36
-
مسیرهای API سفارش 06:13
-
پیکربندی کلاینت PayPal 08:20
-
مسیرهای API پیپال و فرآیند یکپارچهسازی بخش 1 09:23
-
مسیرهای API پیپال و فرآیند یکپارچهسازی بخش 2 15:09
-
پیادهسازی Order API Slice با یکپارچهسازی PayPal 15:11
-
ساخت صفحه ثبت سفارش بخش 1 13:33
-
ساخت صفحه ثبت سفارش بخش 2 12:47
-
ساخت صفحه ثبت سفارش بخش 3 14:37
-
ساخت صفحه ثبت سفارش بخش 4 08:01
-
پیادهسازی صفحه سفارش و یکپارچهسازی PayPal بخش 1 09:57
-
پیادهسازی صفحه سفارش و یکپارچهسازی PayPal بخش 2 11:32
-
پیادهسازی صفحه سفارش و یکپارچهسازی PayPal بخش 3 14:10
-
رفع مشکل نمایش پیام در صفحه سفارش و غیرفعالسازی دکمه افزودن به سبد خرید 13:17
-
رفع خطای Fragment 02:58
-
ساخت صفحه سفارشات من بخش 1 15:38
-
ساخت صفحه سفارشات من بخش 2 13:25
-
پیادهسازی صفحه پروفایل بخش 1 12:49
-
پیادهسازی صفحه پروفایل بخش 2 14:20
-
پیادهسازی صفحه پروفایل بخش 3 07:55
-
پیادهسازی صفحه اطلاعات حساب کاربری بخش 1 13:19
-
پیادهسازی صفحه اطلاعات حساب کاربری بخش 2 13:08
-
پیادهسازی صفحه اطلاعات حساب کاربری بخش 3 09:46
-
پیادهسازی صفحه لیست سفارشات بخش 1 14:44
-
پیادهسازی صفحه لیست سفارشات بخش 2 13:53
-
پیادهسازی صفحه لیست کاربران بخش 1 13:18
-
پیادهسازی صفحه لیست کاربران بخش 2 13:44
-
پیادهسازی صفحه لیست کاربران بخش 3 05:07
-
پیادهسازی صفحه جزئیات کاربر بخش 1 12:32
-
پیادهسازی صفحه جزئیات کاربر بخش 2 14:12
-
پیادهسازی صفحه جزئیات کاربر بخش 3 06:14
-
بکاِند - مسیر آپلود تصاویر با Multer 15:14
-
پیادهسازی صفحه لیست محصولات بخش 1 14:11
-
پیادهسازی صفحه لیست محصولات بخش 2 14:03
-
پیادهسازی صفحه لیست محصولات بخش 3 15:29
-
پیادهسازی صفحه ویرایش محصول بخش 1 16:25
-
پیادهسازی صفحه ویرایش محصول بخش 2 13:31
-
پیادهسازی صفحه ویرایش محصول بخش 3 13:58
-
پیادهسازی صفحه ویرایش محصول بخش 4 16:15
-
جایگزینی React Navigation با Expo Router در اپلیکیشن 05:55
-
رفع اشکالات صفحات Layout و افزودن Loaderها در صفحه لیست محصولات 05:10
-
بخش پایانی و حل مشکلات عدم سازگاری Expo SDK 02:04
مشخصات آموزش
اپلیکیشن موبایل فروشگاهی فولاستک: React Native و Node.js
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:112
- مدت زمان :19:00:35
- حجم :7.31GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy