آموزش React Native - راهنمای کامل + پروژه تجارت الکترونیک + سوالات مصاحبه
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری اصول اولیه توسعه اپلیکیشن موبایل با React Native و توسعه گامبهگام اپلیکیشن فروشگاهی به همراه آمادگی برای سوالات مصاحبه
- ساخت اپلیکیشن تجارت الکترونیک با مبانی طرح بندی UI، سبد خرید و درگاه پرداخت
- یادگیری جدیدترین و بهترین رویکردهای React Native
- درک و ساخت پروژه با Expo و کتابخانههای Native
- درک ماژول Platform برای سفارشیسازی پویای اپلیکیشن برای iOS یا Android و تضمین تجربه کاربری مشابه اپلیکیشنهای بومی با استفاده از Platform.OS و Platform.select
- تسلط به ناوبری موبایل با Expo Router و مسیریابی مبتنی بر فایل، Stack Navigation ،Tab Navigation و Drawer Navigation
- یادگیری کار با پایگاه داده با استفاده از fetch() API و Axios و پیادهسازی عملیات CRUD
- تسلط به Flexbox برای طرح بندی و طراحی اپلیکیشنهای موبایل مدرن که در تمام اندازههای دستگاهها بهخوبی نمایش داده میشوند.
- پیادهسازی حرکات لمسی بصری مانند کشیدن، جابجایی و نیشگون گرفتن با GestureHandler برای ایجاد تجربههای تعاملی و بسیار پاسخگو
- تسلط به ادغام دسترسی به دوربین و گالری، جهت عکاسی یا انتخاب تصاویر که برای اپلیکیشنهای تعاملی ضروری است.
- تسلط به ارسال و مدیریت هشدارهای آنی با Push Notification در iOS و Android جهت تعامل کاربران با بروزرسانیهای بهموقع
- یادگیری ادغام مکان دستگاه و نقشههای تعاملی و ساخت ویژگیهای قدرتمند مبتنی بر موقعیت مکانی در اپلیکیشن
- پیادهسازی و ساخت اپلیکیشنها بدون استفاده از Expo برای کسب درک عمیقتر از فریمورک اصلی
پیشنیازهای دوره
- آشنایی با مبانی Javascript و React کمک بزرگی خواهد بود.
- زمان، تمرکز و پشتکار برای یادگیری و تمرین
توضیحات دوره
همانطور که از نامش پیداست، این دوره یک راهنمای کامل برای یادگیرندگان سطح مبتدی تا پیشرفته است. مبتدیان سفر خود را از اصول اولیه توسعه اپلیکیشن موبایل و همچنین مبانی React آغاز خواهند کرد. یادگیرندگانی که از قبل با مبانی آشنایی دارند، مفاهیم پیشرفتهای مانند مدیریت چندین دستگاه، حرکات لمسی، نقشه، پروژه تجارت الکترونیک و چگونگی استقرار را یاد میگیرند.
آنچه در این دوره به آن مسلط خواهید شد:
کامپوننتهای اصلی
مدرس بخش ویژهای را در نظر گرفته است که عمیقاً به بلوکهای سازنده ضروری React Native مانند View ،Text ،TextInput ،Button ،Image ScrollView ،FlatList و موارد دیگر میپردازد تا رابطهای کاربری پویا و پاسخگو طراحی کنید.
تسلط به ناوبری موبایل
او بخش اختصاصی را طراحی کرده است که شما را در استفاده از کتابخانه قدرتمند React Navigation راهنمایی میکند.
شما پیادهسازی موارد زیر را فرا خواهید گرفت:
- Expo Router و مسیریابی مبتنی بر فایل
- Stack Navigation: برای صفحات متوالی مانند جریانهای سنتی اپلیکیشن
- Tab Navigation: ایجاد تبهای کاربرپسند در بالا یا پایین صفحه
- Drawer Navigation: ساخت منوهای جانبی برای ساختارهای پیچیده اپلیکیشن
مدیریت خطا
همچنین یاد خواهید گرفت که چگونه در دنیای واقعی خطاهای محلی و سراسری مدیریت میشوند.
ماژول Platform:
یاد بگیرید که چگونه اپلیکیشن خود را بهصورت پویا برای iOS یا Android سفارشی کنید و با استفاده از Platform.OS و Platform.select تجربه بومی روانی را در تمام دستگاهها ایجاد نمایید.
کار با پایگاه داده با استفاده از fetch() API و Axios
مدرس اطمینان حاصل کرده است که شما به مدیریت داده با مثالهای CRUD با استفاده از هر دو روش fetch() API و کتابخانه Axios مسلط شوید.
Flexbox برای طرح بندی: شما بر چیدمان واکنشگرای عناصر با Flexbox در تمام اندازههای دستگاه مسلط خواهید شد؛ این موضوع برای هر صفحه در React Native حیاتی است.
تسلط به حرکات لمسی: پیادهسازی حرکات بصری Swiping ،Panning و Pinching با GestureHandler برای ایجاد تجربههای موبایل تعاملی و بسیار پاسخگو
عکاسی و انتخاب تصاویر: تسلط به ادغام دسترسی به دوربین و گالری جهت اجازه دادن به کاربران برای ثبت یا انتخاب تصاویر در اپلیکیشنهای تعاملی.
پیادهسازی Push Notifications: تسلط به ارسال و مدیریت هشدارهای آنی با Push Notification در iOS و Android برای تعامل کاربران.
مکان و نقشهها: شما همچنین ادغام موقعیت مکانی دستگاه و نقشههای تعاملی را یاد میگیرید تا ویژگیهای قدرتمند مبتنی بر مکان را به اپلیکیشن خود اضافه کنید.
React Native بدون Expo: مدرس همچنین چگونگی ساخت اپلیکیشنها بدون Expo را به اشتراک میگذارد تا درک عمیقتری از ساختار اصلی فریمورک به دست آورید.
و در نهایت:
پروژه تجارت الکترونیک: جایی که اکثر مراحل چرخه توسعه اپلیکیشن موبایل را به همراه تمرینهای واقعی مانند کار با دادهها، ساخت کامپوننتهای اختصاصی، درک استانداردهای UI، ادغام سبد خرید و درگاه پرداخت، استقرار و موارد دیگر طی خواهید کرد.
پس بدون معطلی، همین امروز در این دوره شرکت کنید و قدمی قاطع به سوی یادگیری و تسلط به React Native بردارید.
این دوره برای چه کسانی مناسب است؟
- مبتدیان در توسعه موبایل
- توسعهدهندگان وب که قصد ورود به دنیای موبایل را دارند.
- علاقه مندان به توسعه اپلیکیشنهای موبایل
- توسعهدهندگانی که به دنبال مهارتهای چندپلتفرمیهستند.
- دانشجویان و فارغالتحصیلانی که میخواهند مهارت پرتقاضای React Native را به رزومه خود اضافه کنند.
آموزش React Native - راهنمای کامل + پروژه تجارت الکترونیک + سوالات مصاحبه
-
مقدمه 03:22
-
توسعه موبایل Native در مقابل Hybrid 04:52
-
آیا React Native هیبرید است؟ 01:31
-
آشنایی با Expo CLI 01:35
-
ایجاد اولین پروژه 02:05
-
درک ساختار پروژه 01:56
-
اجرای اپلیکیشن روی موبایل 01:51
-
شبیهساز Apple [XCode] 03:05
-
مقدمهای بر کامپوننتهای اصلی 02:01
-
سوالات مروری - مقدمهای بر کامپوننتهای اصلی 01:48
-
کانتینر <View> 02:55
-
سوالات مروری - کانتینر <View> 00:49
-
استایلدهی درونخطی 03:48
-
سوالات مروری - استایلدهی درونخطی 01:16
-
روش بهتر استایلدهی - آبجکت StyleSheet 02:40
-
سوالات مروری - آبجکت StyleSheet 01:25
-
مبانی مدیریت رویدادها 01:53
-
سوالات مروری - مبانی مدیریت رویدادها 00:47
-
ارسال پارامتر به تابع مدیریت رویداد 02:56
-
کامپوننت <Button> 02:12
-
تفاوت ویژگی Color در اندروید و iOS 01:03
-
کار با State - شمارنده افزایشی 03:37
-
شمارنده کاهشی 01:32
-
عملکرد شمارنده با ارسال پارامتر 02:50
-
روش بهتر برای بهروزرسانی State - کالبک 02:18
-
سوالات مروری - مدیریت State 01:03
-
کار با آرایه به عنوان State 06:38
-
شیء به عنوان State 04:26
-
سوالات مروری - UseState 01:49
-
کامپوننت <Switch> 04:39
-
استایلدهی به کامپوننت <Switch> 02:40
-
سوالات مروری - کامپوننت <Switch> 00:45
-
کامپوننت <Image> 03:29
-
اندازهدهی به تصویر با resizeMode 03:08
-
ویژگیهای defaultSource، blur و fade در کامپوننت Image 01:29
-
سوالات مروری - کامپوننت <Image> 01:24
-
کامپوننت <TextInput> 03:45
-
ویژگیهای کامپوننت <TextInput> 02:48
-
ویژگیهای autoCorrect، autoCapitalize و multiline در TextInput 03:36
-
سوالات مروری - کامپوننت <TextInput> 00:58
-
کامپوننت <ScrollView> 02:50
-
کامپوننت <ScrollView> افقی 01:31
-
صفحهبندی با استفاده از <ScrollView> 04:46
-
تمرین - ساخت یک دفترچه آدرس با تمام کامپوننتهای آموخته شده (بخش 1) 09:25
-
تمرین - پیادهسازی تغییرات استایل (بخش 2) 03:37
-
تمرین - افزودن قابلیت حذف (بخش 3) 04:56
-
کامپوننت <FlatList> 05:04
-
پیادهسازی Lazyloading، هدر و فوتر در <FlatList> 07:39
-
کامپوننت <SectionList> 03:07
-
سوالات مروری - FlatList و SectionList 01:22
-
مقدمهای بر ناوبری 01:22
-
ساختار Expo Router (مسیریابی مبتنی بر فایل) با TypeScript 04:55
-
ساختار Expo Router با JavaScript 02:59
-
سوالات مروری - Expo Router 02:00
-
ناوبری بین مسیرها در موبایل 02:07
-
پیکربندی فایل _layout 04:07
-
سوالات مروری - فایلهای _layout 02:03
-
الگوی ناوبری: Stack Navigator 05:10
-
سفارشیسازی هدر و دکمه بازگشت (سراسری) 03:16
-
سفارشیسازی هدر و دکمه بازگشت (برای هر صفحه جداگانه) 02:00
-
سفارشیسازی هدر و دکمه بازگشت (داخل صفحه) 01:00
-
سوالات مروری - ناوبری Stack 01:38
-
ناوبری تب 03:52
-
سفارشیسازی دکمههای تب 05:36
-
سوالات مروری - تبها 00:52
-
ناوبری کشویی 03:35
-
سفارشیسازی منوی کشویی 02:38
-
سوالات مروری - منوی کشویی 00:27
-
ناوبری تودرتو 02:30
-
مقدمه 00:55
-
درک خطاها در React Native 03:11
-
مدیریت خطای محلی با استفاده از بلوک try-catch 03:12
-
مدیریت خطاهای سراسری با Error Boundaries 05:40
-
مدیریت خطاهای API 02:58
-
افزودن پیامهای خطای کاربرپسند 03:01
-
استفاده از ErrorUtils برای مدیریت خطاهای سراسری 02:32
-
سوالات مروری - مدیریت خطا 02:35
-
ماژولهای مختص پلتفرم 01:41
-
رندرینگ مختص پلتفرم 01:28
-
استایلهای مختص پلتفرم 01:53
-
پسوندها و فایلهای مختص پلتفرم 01:45
-
معرفی ماژول - Firebase 05:29
-
مقدمهای بر FetchAPI 02:15
-
ارسال داده با استفاده از Fetch API 06:14
-
تمرین - ارسال داده با استفاده از ورودی کاربر 03:16
-
ارسال داده - اعتبارسنجی فرم 01:41
-
دریافت داده (GET) با استفاده از Fetch API 03:39
-
تمرین - دریافت رکوردها و نمایش لیست 06:19
-
بروزرسانی رکوردها - متد PATCH 02:48
-
بروزرسانی جزئی رکوردها - متد PATCH 01:44
-
تمرین - بروزرسانی داینامیک رکوردها 07:10
-
حذف رکوردها با استفاده از HTTP - متد DELETE 02:08
-
تمرین - حذف داینامیک رکوردها از لیست 01:33
-
مقدمهای بر Axios 01:17
-
ایجاد یک نمونه از Axios 03:00
-
کار با متد POST 02:26
-
کار با متد GET 01:38
-
کار با متد PATCH 01:49
-
کار با متد DELETE 01:34
-
طرح بندی 01:48
-
طرح بندی نمونه با هدر، بخش محتوا و فوتر (درک Flex) 05:40
-
طرح بندی نمونه - درک جهتهای Flex 04:36
-
سوالات مروری - Flex 02:11
-
طرح بندی نمونه - درک تراز Justify Content 03:00
-
طرح بندی نمونه - AlignContent و AlignItem 03:09
-
سوالات مروری - ترازهای Flex 00:53
-
مقدمه 01:30
-
حرکات لمسی Tap و Press 04:08
-
حرکت لمسی Pan (کشیدن و جابجایی) 05:41
-
حرکت لمسی Pinch (بزرگنمایی و کوچکنمایی) 01:54
-
حرکت لمسی چرخش 01:33
-
ترکیب چندین حرکت لمسی 01:23
-
مقدمه 01:26
-
پیکربندی expo-image-picker 02:20
-
راهاندازی دوربین 02:23
-
مدیریت مجوزها - دوربین در iOS 05:41
-
تنظیمات دوربین 02:42
-
نمایش تصویر گرفته شده 03:39
-
استفاده از انتخابگر تصویر 02:29
-
انتخاب چندین تصویر 03:18
-
تمرین: محدود کردن تعداد تصاویر انتخابی 05:58
-
مقدمه 04:10
-
راهاندازی نوتیفیکیشن های محلی 02:22
-
اولین نوتیفیکیشن 03:24
-
مدیریت نوتیفیکیشن ورودی 03:07
-
واکنش به نوتیفیکیشن های ورودی 04:21
-
راهاندازی Push Notification 10:34
-
کانال نوتیفیکیشن 05:40
-
ارسال با ابزار Push Notification 02:46
-
ارسال Push Notification با استفاده از Expo API 03:58
-
اجرای نوتیفیکیشن های Push در SDK 53 12:50
-
مقدمه 01:16
-
Expo دقیقاً چگونه کار میکند؟ 02:39
-
سوالات مروری - Expo دقیقاً چگونه کار میکند؟ 01:08
-
جایگزینها برای ساخت اپلیکیشن React Native 05:40
-
سوالات مروری - جایگزینها برای ساخت اپلیکیشن 03:24
-
ایجاد پروژه با استفاده از React Native CLI 03:15
-
سوالات مروری - ایجاد پروژه با React Native CLI 01:14
-
درک ساختار پروژه 04:18
-
سوالات مروری - تست واحد و Ruby Gems 04:00
-
مقدمه 01:21
-
راهاندازی قابلیت موقعیت مکانی 03:30
-
دریافت موقعیت مکانی دستگاه 05:37
-
سوالات مروری - دریافت موقعیت مکانی دستگاه 02:54
-
راهاندازی نقشه 02:35
-
یافتن مکان کاربر روی نقشه 08:09
-
سوالات مروری - یافتن مکان کاربر روی نقشه 02:52
-
مدیریت انتخاب مکان روی نقشه 01:49
-
معرفی محدوده پروژه 01:59
-
آغاز فرآیند ایجاد پروژه 03:15
-
راهاندازی NativeWind CSS برای رابط کاربری 06:40
-
راهاندازی تبها 03:48
-
سفارشیسازی دکمههای تب 03:48
-
مدیریت هدرهای صفحه 05:26
-
دریافت دادههای محصولات 07:35
-
ایجاد رابط کاربری کارت محصول 07:24
-
نمایش محصولات با استفاده از کامپوننت FlatList 03:42
-
پیادهسازی قابلیت جستجوی محصول 06:50
-
راهاندازی مودال فیلتر 07:23
-
افزودن فیلترها 06:18
-
دریافت داینامیک دستهبندی محصولات 04:47
-
تعاملی کردن فیلترها 08:00
-
اعمال فیلترها بر روی محصولات 08:35
-
ایجاد صفحه جزئیات محصول 07:46
-
کار بر روی رابط کاربری جزئیات محصول 09:07
-
تکمیل رابط کاربری جزئیات محصول 08:19
-
پیادهسازی Context API برای سبد خرید 04:22
-
پیادهسازی قابلیتهای سبد خرید 06:10
-
پیادهسازی رابط کاربری سبد خرید 07:11
-
تکمیل رابط کاربری سبد خرید 08:44
-
پیادهسازی خلاصه سبد خرید 09:17
-
پیادهسازی صفحه ثبتنام 05:31
-
مدیریت مقادیر فرم ثبتنام 03:25
-
پیادهسازی صفحه ورود 03:50
-
ریفکتورینگ تبهای ثبتنام و ورود 03:26
-
پیادهسازی قابلیت ثبتنام 07:48
-
دریافت جزئیات کاربر 06:01
-
پیادهسازی صفحه پروفایل 05:41
-
قابلیت ورود به سیستم 06:03
-
مدیریت نهایی خطاها 01:57
-
راهاندازی درگاه پرداخت Stripe 06:02
-
ایجاد API برای تراکنش پرداخت 10:51
-
ادغام API تراکنش پرداخت 04:57
-
راهاندازی PaymentSheet در Stripe 04:40
-
فراخوانی API تسویه حساب 05:49
مشخصات آموزش
آموزش React Native - راهنمای کامل + پروژه تجارت الکترونیک + سوالات مصاحبه
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:185
- مدت زمان :11:20:41
- حجم :6.91GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy