توسعه اپلیکیشن موبایل فولاستک iOS و Android
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یاد بگیرید چگونه یک اپلیکیشن چندپلتفرمی فروش گجت با رابط کاربری مدرن، ناوبری پویا، نمایش محصولات و قابلیت سبد خرید ایجاد کنید.
- به Supabase برای احراز هویت، داده بلادرنگ و مدیریت پایگاه داده مسلط شوید و کاربران، محصولات و سفارشات را بهصورت یکپارچه مدیریت کنید.
- Stripe را برای فعالسازی جریانهای پرداخت امن و بلادرنگ در اپلیکیشن موبایل خود، شامل مدیریت Payment Intentها و کالبکهای موفقیت، راهاندازی کنید.
- با استفاده از Next.js یک پنل مدیریت تحت وب قدرتمند برای مدیریت محصولات، مشاهده سفارشات و نظارت بر فعالیت کاربران با دسترسی مبتنی بر نقش بسازید.
پیشنیازهای دوره
- درک اولیه از JavaScript و React. شما باید با اصول React مانند کامپوننتها، پراپها، هوکها و مدیریت استیت راحت باشید.
- آشنایی با ابزارهای توسعه مدرن. مقداری تجربه در استفاده از Git، Node.js و دستورات پایه ترمینال مفید خواهد بود.
- تمایل به یادگیری و ساختن. نیازی به تجربه پیشرفته بکاند یا موبایل نیست. مدرس شما را گامبهگام از راهاندازی تا استقرار راهنمایی خواهد کرد.
توضیحات دوره
آیا آمادهاید با استفاده از مدرنترین ابزارهای اکوسیستم جاوا اسکریپت یک اپلیکیشن موبایل با امکانات کامل بسازید؟ این دوره عملی به شما آموزش میدهد که چگونه یک اپلیکیشن موبایل تجارت الکترونیک کامل را با استفاده از React Native ،Expo Router ،Supabase ،Stripe و Next.js از ایده تا تولید خلق کنید.
در این دوره، تمام مراحل ساخت یک اپلیکیشن موبایل دنیای واقعی شامل احراز هویت کاربر، مدیریت فروشنده/محصول، پرداختهای امن و رابط کاربری واکنشگرا آموزش داده میشود. با استفاده از Expo، تجربهای چندپلتفرمی برای کاربران iOS و Android ایجاد خواهید کرد، در حالی که Supabase با ویژگیهای پایگاه داده، ذخیرهسازی و احراز هویت، قدرتبخش بکاند خواهد بود. پرداختها از طریق Stripe مدیریت میشوند و از Next.js به عنوان داشبورد مدیریت و بکاند API استفاده خواهد شد.
چه توسعهدهندهای مبتدی باشید و چه متوسط، این دوره شما را به شیوهای قابلفهم و کاربردی در مسیر توسعه موبایل فولاستک راهنمایی میکند.
آنچه خواهید آموخت:
- ساخت یک اپلیکیشن تجارت الکترونیک واقعی با React Native و Expo
- استفاده از Expo Router برای ناوبری تمیز و پویای اپلیکیشن
- راهاندازی احراز هویت (ثبتنام، ورود، مدیریت سشن) با Supabase
- مدیریت داده (کاربران، محصولات، سفارشها) با استفاده از جداول Supabase
- یکپارچهسازی Stripe برای پرداخت امن و تسویهحساب
- ایجاد یک پنل مدیریت مدرن با استفاده از Next.js
- ساختاردهی کدبیس برای مقیاسپذیری با استفاده از TypeScript و بهترین شیوه ها
- استقرار پروژه و آمادهسازی برای انتشار در اپاستور/پلیاستور
در پایان این دوره، شما یک اپلیکیشن موبایل کامل و آماده تولید خواهید داشت و اعتمادبهنفس لازم برای ساخت و انتشار پروژههای خود را کسب خواهید کرد.
بیایید شروع کنیم!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مشتاق اپلیکیشن موبایل که میخواهند با استفاده از React Native و ابزارهای مدرن فولاستک، اپلیکیشنهای واقعی بسازند.
- توسعهدهندگان فرانتاند که آمادهاند با Supabase ،Stripe و یکپارچهسازی بکاند، وارد حوزه توسعه موبایل فولاستک شوند.
توسعه اپلیکیشن موبایل فولاستک iOS و Android
-
مقدمه 06:49
-
راهاندازی پروژه جدید 01:41
-
Expo Router 03:45
-
ایجاد صفحات 05:23
-
بررسی دقیق طرح بندی 17:54
-
صفحه اصلی 22:23
-
صفحات پویا (صفحه دستهبندی) 06:58
-
وضعیت کارت با Zustand 14:03
-
صفحات جزئیات محصول 13:33
-
وضعیت سبد خرید 11:31
-
صفحه سفارشات 07:38
-
صفحه جزئیات سفارشات 05:54
-
صفحه احراز هویت 11:41
-
معرفی Supabase 04:47
-
ارائهدهنده احراز هویت Supabase 17:44
-
ورود با Supabase 07:28
-
تریگرها و توابع SQL در Supabase 16:55
-
امنیت سطح ردیف (RLS) 05:00
-
راهاندازی اولیه ادمین NextJS 08:35
-
مسیریابی در NextJS 07:39
-
یکپارچهسازی کلاینت SSR و تایپهای Supabase 13:39
-
احراز هویت ایمیل و رمز عبور Supabase 12:36
-
محافظت از مسیرهای مجوزدهی 06:59
-
امنیت سطح نقش - مجوزدهی 06:46
-
ساخت طرح بندی 11:56
-
خروج و تمگذاری 03:40
-
دستهبندی Supabase 08:25
-
اکشن دریافت دستهبندی 06:11
-
امنیت سطح ردیف (RLS) اسکیمای محصول 07:59
-
تنظیم صفحه دستهبندی 12:02
-
مرور کد 07:35
-
رابط کاربری صفحه دستهبندی نسخه 1 08:21
-
رابط کاربری صفحه دستهبندی نسخه 2 04:13
-
ایجاد دستهبندی و ذخیرهسازی Supabase 15:57
-
بروزرسانی و حذف دستهبندی 13:36
-
راه اندازی صفحه محصول 06:39
-
مرور کد 09:07
-
ایجاد اسکیمای محصول 05:47
-
عملیات CRUD محصول 10:32
-
راه اندازی ابزارهای صفحه محصول 14:30
-
طرح بندی صفحه محصول 15:26
-
مرور پروژه تا این مرحله 02:17
-
راهاندازی React Query 03:27
-
دریافت محصول و دستهبندیها 05:25
-
تایپهای Supabase در React Native 05:50
-
نمایش دستهبندیها 02:03
-
نمایش دادههای صفحه جزئیات محصول 05:04
-
صفحه جزئیات دستهبندی 05:26
-
اصلاحات صفحه سبد خرید 04:56
-
سفارشات Supabase 06:05
-
نمایش سفارشات 08:27
-
تابع ایجاد سفارش 04:35
-
تابع ایجاد آیتم سفارش 06:34
-
ایجاد آیتم سفارش 12:35
-
صفحه جزئیات سفارش 11:12
-
صفحه سفارشات ادمین 01:56
-
دریافت سفارشات همراه با محصولات 05:05
-
کامپوننت صفحه دریافت سفارشات 04:12
-
جدول مدیریت سفارشات 06:03
-
مشاهده محصولات سفارش در عملیات سفارش 09:49
-
انتخاب وضعیت سفارش 03:13
-
سرور اکشن تغییر وضعیت سفارش 03:27
-
اشتراک بلادرنگ بروزرسانی سفارش 07:28
-
راهاندازی محلی Supabase 13:40
-
استفاده از متغیرهای ENV در Expo 04:30
-
یکپارچهسازی Stripe - توابع Edge 16:46
-
Stripe Checkout 14:40
-
ستون جدید Stripe و مایگریشنها 06:43
-
ایجاد مشتری Stripe 25:03
-
راهاندازی EAS 03:03
-
راه اندازی نوتیفیکیشن ها 08:54
-
تست نوتیفیکیشن پوش روی دستگاه واقعی 04:47
-
نوتیفیکیشن وضعیت سفارش ادمین به صورت بلادرنگ 16:32
-
نمودار سفارشات 10:33
-
نمودار دستهبندی محصولات 08:35
-
نمودار آخرین کاربران 06:27
-
راهاندازی صفحه فرود 05:53
-
بخش Hero 10:34
-
تکمیل صفحه اصلی 04:09
-
استقرار روی Vercel 16:04
-
رفع باگها 03:44
مشخصات آموزش
توسعه اپلیکیشن موبایل فولاستک iOS و Android
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:81
- مدت زمان :11:45:03
- حجم :9.47GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy