دوره React Native - راهنمای عملی 2026
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یاد بگیرید چگونه با ReactJS اپلیکیشنهای موبایل نیتیو واقعی برای iOS و Android بسازید.
- بدون نیاز به دانستن Swift ،ObjectiveC یا Java/Android، اپلیکیشنهای موبایل چندسکویی (iOS و Android) توسعه دهید.
- مبانی React Native و قابلیتهای پیشرفته آن را بررسی کنید!
- یاد بگیرید چگونه از قابلیتهای کلیدی اپلیکیشن موبایل مثل Google Maps یا دوربین دستگاه استفاده کنید.
پیشنیازهای دوره
- آشنایی با React ضروری است. (اما اصلاً لازم نیست متخصص باشید)
- آشنایی با JavaScript ضروری است و آشنایی با نسل جدید JavaScript (یعنی ES6+) توصیه میشود.
- هیچ تجربهای در توسعه Android/Java یا iOS (Swift، ObjectiveC) لازم نیست.
توضیحات دوره
اپلیکیشنهای موبایل یکی از بهترین راهها برای ارتباط با کاربران هستند؛ پس جای تعجب نیست که همه میخواهند یکی بسازند!
اما آیا فوقالعاده نبود اگر میتوانستید از دانش توسعه وب خود، همراه با دانش React، برای ساخت اپلیکیشن موبایل استفاده کنید؟
React Native دقیقاً همین امکان را به شما میدهد!
دیگر نیازی نیست Java ،Android ،Swift ،ObjectiveC یا چیزهای مشابه را یاد بگیرید؛ فقط React و JavaScript کافی است تا اپلیکیشنهای موبایل بومی فوقالعادهای بسازید که هم روی Android و هم روی iOS کار کنند. احتمالاً به همین دلیل است که Instagram ،AirBnB ،Skype و بسیاری از شرکتهای بزرگ دیگر از آن برای ساخت اپلیکیشنهای موبایل خود استفاده میکنند!
با این دوره میتوانید به این جمع بپیوندید. همه چیزهایی را که برای ساخت اپلیکیشنهای React Native خودتان، انتشار آنها در Google Play Store و Apple App Store و ورود عمیق به اکوسیستم React Native نیاز دارید، به شما آموزش میدهیم.
شما همه چیز را درباره نظریه پشت React Native، مفاهیم اصلی آن، نحوه ساخت طراحیهای واکنشگرا برای اندازههای مختلف دستگاه، نحوه جابهجایی بین بخشها، استفاده از نقشه و دوربین و خیلی چیزهای دیگر یاد خواهید گرفت!
و چه راهی بهتر از ساختن یک اپلیکیشن واقعی برای یادگیری؟ ما در این دوره اپلیکیشن "Favorite Places" را میسازیم؛ اپلیکیشنی که در آن کاربران میتوانند تصاویر جذاب و موقعیتی را که در آن گرفتهاند به اشتراک بگذارند. این اپلیکیشن به شما نشان میدهد که استفاده از نقشه، دوربین، احراز هویت کاربر، اتصال به سرور و موارد بسیار دیگر در عمل چگونه انجام میشود.
در پایان دوره، البته تمام مراحل لازم برای قرار دادن آن در یک فروشگاه اپلیکیشن را هم مرور خواهیم کرد.
در ادامه، نگاهی دقیق به آنچه دریافت میکنید داشته باشید:
- مفاهیم و نظریههای اصلی
- نحوه استفاده از React، JavaScript و کامپوننتهای نیتیو
- درک نحوه ناوبری در اپلیکیشنهای React Native
- بررسی دقیقتر استایلدهی و انیمیشنسازی در اپلیکیشنهای React Native
- راهنمای استفاده از کتابخانههای شخص ثالث در اپلیکیشن React Native شما
- نمونههای دقیق از نحوه استفاده از نقشه یا انتخابگر تصویر
- یک جریان کامل احراز هویت کاربر
- نحوه اتصال اپلیکیشن به سرور بکاند
- دستورالعملهای اشکالزدایی
- و خیلی چیزهای دیگر!
برای موفقیت در این دوره به چه چیزهایی نیاز دارید؟
- هیچ دانشی از Android ،Java ،Swift یا ObjectiveC لازم نیست!
- اما آشنایی با JavaScript و React (برای وب) لازم است - نیازی نیست متخصص باشید، اما باید مبانی را بلد باشید. (هرچند در این دوره بخشهای مرور هم وجود دارد!)
این دوره برای چه کسانی مناسب است؟
- هر کسی که میخواهد با React اپلیکیشنهای موبایل نیتیو بسازد.
- هر توسعهدهنده موبایلی که میخواهد فقط یک زبان برای نوشتن اپلیکیشنهای موبایل چندسکویی یاد بگیرد.
- هر توسعهدهنده موبایل یا وبی که به نوشتن اپلیکیشنهای نیتیو پرفورمنسبالا با JavaScript علاقهمند است.
دوره React Native - راهنمای عملی 2026
-
به این دوره خوش آمدید و چه انتظاری داشته باشید! 01:05
-
React Native چیست؟ 03:27
-
نگاهی به سازوکار داخلی React Native 05:05
-
ایجاد پروژههای ری اکتیو نیتیو: Expo CLI در برابر React Native CLI 06:26
-
ایجاد یک پروژه جدید React Native 04:39
-
تحلیل پروژه ایجادشده 05:15
-
اجرای اولین اپلیکیشن ما روی یک دستگاه واقعی! 04:20
-
راهاندازی یک محیط توسعه محلی 09:26
-
درباره این دوره 06:54
-
معرفی ماژول 01:44
-
بررسی کامپوننتهای اصلی و استایلدهی کامپوننت 07:52
-
کار با کامپوننتهای اصلی 07:00
-
استایلدهی اپلیکیشنهای React Native 10:13
-
بررسی طرح بندی های و Flexbox 03:19
-
React Native و Flexbox 02:31
-
استفاده از Flexbox برای ساخت طرح بندی ها 05:08
-
Flexbox - بررسی عمیق 12:19
-
کامپوننتها، استایلها، طرح بندی ها None
-
بهبود طرح بندی 07:12
-
مدیریت رویدادها 07:29
-
مدیریت فهرستی از اهداف دوره (در اپلیکیشن نمونه ما) 07:10
-
تفاوتهای استایلدهی در iOS و Android 08:50
-
قابل اسکرول کردن محتوا با ScrollView 06:15
-
بهینهسازی فهرستها با FlatList 13:41
-
کامپوننتها و لیست های بیشتر None
-
تقسیم کامپوننتها به کامپوننتهای کوچکتر 05:11
-
استفاده از Props 02:33
-
کار روی کامپوننت Goal Input 09:40
-
مدیریت لمسها با کامپوننت Pressable 03:34
-
قابل حذف کردن آیتمها و استفاده از IDها 05:17
-
افزودن Ripple Effect در Android و جایگزین iOS 04:52
-
افزودن صفحه Modal 06:57
-
استایلدهی لایه رویی Modal 05:41
-
باز و بسته کردن Modal 02:30
-
کار با تصاویر و تغییر رنگها 06:04
-
جزئیات نهایی اپلیکیشن 07:15
-
خلاصه ماژول 03:32
-
معرفی ماژول 01:17
-
مدیریت خطاها 04:37
-
ثبت در Console 01:52
-
اشکالزدایی JavaScript از راه دور 03:05
-
استفاده از React DevTools 03:27
-
استفاده از مستندات 00:34
-
معرفی ماژول و آنچه خواهیم ساخت 02:06
-
شروع راهاندازی و تحلیل اپلیکیشن هدف 03:03
-
راهاندازی کامپوننتهای صفحه ما 05:39
-
ایجاد دکمههای سفارشی 06:58
-
استایلدهی برای Android و iOS 11:16
-
استایلدهی عنصر Number Input 06:52
-
پیکربندی فیلد TextInput 03:21
-
افزودن بازخورد بصری به دکمهها 15:46
-
بهبود دکمهها 07:38
-
رنگدهی به کامپوننتها و کل اپلیکیشن 03:19
-
افزودن Linear Gradient 04:02
-
افزودن تصویر پسزمینه 07:03
-
شروع کار با منطق بازی 07:10
-
مدیریت ورودی کاربر و نمایش Alert Dialog 07:30
-
تعویض برنامهنویسیشده صفحهها 07:11
-
شروع کار روی صفحه بازی 04:45
-
رعایت محدودیتهای صفحه دستگاه با SafeAreaView 03:06
-
ایجاد یک کامپوننت عنوان 04:37
-
مدیریت سراسری رنگها 06:53
-
ایجاد، استفاده و نمایش اعداد تصادفی 12:43
-
افزودن دکمههای کنترل بازی ( + و - ) در اپلیکیشن 15:27
-
بررسی Game Over 11:12
-
بهبود ظاهر صفحه بازی 11:40
-
استفاده از Cascading Styles 05:45
-
کار با آیکونها (آیکون دکمهها) 04:08
-
افزودن و استفاده از فونتهای سفارشی در اپلیکیشنهای React Native 07:03
-
افزودن تصویر (Foreground) 09:01
-
استفاده و استایلدهی متن تودرتو 04:52
-
افزودن منطق برای شروع مجدد بازی و نمایش صفحه خلاصه 06:58
-
لاگ کردن دورهای بازی 05:51
-
نمایش دادههای لاگ با FlatList 02:49
-
استایلدهی لاگهای دور بازی 08:10
-
جزئیات نهایی 04:33
-
خلاصه ماژول 02:56
-
معرفی ماژول 04:05
-
تنظیم عرضهای پویا 04:29
-
معرفی Dimensions API 06:39
-
تنظیم اندازه تصاویر با Dimensions API 04:04
-
درک مشکلات جهتگیری صفحه 03:16
-
تنظیم پویا اندازهها (برای جهتگیریهای مختلف) 07:55
-
مدیریت محتوای صفحه با KeyboardAvoidingView 05:49
-
بهبود رابط کاربری در حالت افقی 07:54
-
Dimensions API و رابطهای کاربری واکنشگرا None
-
بهبودهای بیشتر با useWindowDimensions 04:35
-
نوشتن کد مخصوص هر پلتفرم با Platform API 08:59
-
استایلدهی Status Bar 02:08
-
معرفی ماژول 01:28
-
ناوبری چیست؟ 04:21
-
شروع کار با اپلیکیشن و نمایش دستهبندی غذاها 09:31
-
نمایش آیتمها در یک Grid 14:28
-
شروع کار با بسته React Navigation 09:44
-
پیادهسازی ناوبری بین دو صفحه 08:30
-
درک Hook useNavigation 03:38
-
کار با پارامترهای مسیر برای انتقال داده بین صفحهها 06:36
-
نمایش غذاها 07:51
-
افزودن تصویر و استایلدهی 17:11
-
استایلدهی Headerها و پسزمینههای صفحه 07:59
-
تنظیم پویا گزینههای ناوبری 09:04
-
افزودن و پیکربندی صفحه جزئیات غذا 08:57
-
نمایش محتوا در صفحه جزئیات غذا 09:23
-
تکمیل صفحه جزئیات غذا 18:57
-
افزودن دکمههای Header 06:55
-
افزودن دکمه آیکونی به Header 04:50
-
افزودن ناوبری Drawer و ایجاد Drawer 09:31
-
پیکربندی Drawer Navigator و Drawer 10:09
-
افزودن، پیکربندی و استفاده از Bottom Tabها 06:29
-
تودرتو کردن Navigatorها 13:04
-
جزئیات نهایی اپلیکیشن 03:52
-
خلاصه ماژول 02:43
-
معرفی ماژول 03:04
-
شروع کار با Context API در React 05:22
-
مدیریت State سراسری اپلیکیشن با Context 04:59
-
استفاده از Context ایجادشده با useContext 05:11
-
مدیریت غذاهای موردعلاقه با Context API 09:39
-
شروع کار با Redux و Redux Toolkit 04:45
-
کار با Redux Sliceها 07:02
-
مدیریت State ریداکس و ارسال Actionها 05:13
-
استفاده از State ریداکس در کامپوننتها 01:45
-
خلاصه ماژول 01:15
-
معرفی ماژول و آنچه خواهیم ساخت 02:21
-
راهاندازی اولیه 06:17
-
افزودن ناوبری (با React Navigation) و پیکربندی ناوبری 08:28
-
افزودن رنگهای سراسری و ویرایش پیکربندی ناوبری 10:03
-
ایجاد کامپوننتهای اصلی اپلیکیشن برای نمایش هزینهها 06:17
-
ادامه کار روی کامپوننتهای مرتبط با هزینه 06:48
-
افزودن دادههای آزمایشی هزینه 05:37
-
نمایش فهرست هزینهها 04:44
-
بهبود طرح بندی و استایل اپلیکیشن 07:50
-
کار روی آیتمهای فهرست هزینه 13:24
-
قالببندی تاریخها 04:41
-
افزودن دکمه در Header و قابل لمس کردن آیتمهای هزینه 11:32
-
ناوبری برنامهنویسیشده بین صفحهها 05:16
-
استایلدهی صفحه مدیریت هزینهها 03:06
-
پشتیبانی از حالتهای مختلف ویرایش و استفاده از پارامترهای مسیر 07:00
-
افزودن دکمه Delete 05:34
-
افزودن دکمههای سفارشی 09:40
-
بستن Modal بهصورت برنامهنویسی 03:21
-
مدیریت State سراسری اپلیکیشن با Context 18:17
-
استفاده از Context از داخل کامپوننتها 08:18
-
حذف و بهروزرسانی هزینهها 06:32
-
جزئیات نهایی 04:25
-
معرفی ماژول 01:26
-
ساخت یک کامپوننت ورودی سفارشی 08:34
-
ایجاد یک فرم کامل 05:57
-
پیکربندی عناصر ورودی فرم 04:08
-
افزودن استایلدهی 07:40
-
تنظیم طرح بندی فرم 06:41
-
مدیریت عمومی ورودی کاربر 09:56
-
مدیریت State فرم و ارسال 04:54
-
کار با دادههای واردشده 05:20
-
تنظیم و استفاده از مقادیر پیشفرض 07:08
-
افزودن اعتبارسنجی 06:38
-
ارائه بازخورد بصری اعتبارسنجی 09:18
-
افزودن استایل خطا 04:54
-
خلاصه ماژول 01:41
-
معرفی ماژول 02:22
-
راهاندازی بکاند (Firebase) 03:29
-
نصب Axios 02:12
-
ارسال درخواستهای HTTP از نوع POST 06:34
-
واکشی دادههای بکاند (درخواستهای GET) 09:25
-
تبدیل و استفاده از دادههای دریافتشده 08:19
-
استفاده از دادههای پاسخ در درخواستهای POST 05:43
-
بهروزرسانی و حذف دادههای بکاند (درخواستهای UPDATE و DELETE) 07:50
-
مدیریت حالت بارگذاری 08:57
-
مدیریت خطاهای درخواست 12:02
-
خلاصه ماژول 00:58
-
معرفی ماژول 01:59
-
مرور اپلیکیشن نمونه 03:56
-
احراز هویت چگونه کار میکند؟ 02:58
-
راهاندازی بکاند 05:35
-
کنترل صفحههای ثبتنام و ورود 04:39
-
ارسال درخواستهای احراز هویت به بکاند 05:19
-
ایجاد کاربران جدید 05:39
-
ورود دادن کاربران 06:30
-
مدیریت خطاهای احراز هویت 03:49
-
ذخیره و مدیریت State احراز هویت کاربر (با Context) 07:13
-
استخراج توکن احراز هویت 04:16
-
محافظت از صفحهها 06:57
-
افزودن قابلیت خروج از حساب 03:38
-
دسترسی به منابع محافظتشده 10:17
-
ذخیره توکنهای احراز هویت روی دستگاه و ورود خودکار کاربران 11:46
-
خلاصه ماژول 02:12
-
معرفی ماژول 02:37
-
افزودن لیست Favorite Places 08:54
-
ویرایش آیتمهای Favorite Place 07:59
-
افزودن صفحه Add Place + ناوبری 06:34
-
افزودن دکمه در Header 07:17
-
رنگها و استایلدهی سراسری 05:03
-
شروع کار با یک فرم سفارشی 05:59
-
افزودن و پیکربندی بسته Camera (برای دسترسی نیتیو به دوربین) 06:19
-
گرفتن عکس در Android 06:08
-
گرفتن عکس در iOS + مدیریت مجوزها 08:28
-
نمایش پیشنمایش تصویر 06:41
-
ایجاد یک دکمه سفارشی 06:00
-
شروع کار با Location Picker 05:33
-
یافتن موقعیت کاربران 09:06
-
افزودن نقشه پیشنمایش موقعیت مکانی 12:25
-
افزودن یک نقشه تعاملی (Google Maps و Apple Maps) 08:32
-
فعالکردن تعامل با نقشه و افزودن Markerها 05:10
-
تأیید موقعیتهای انتخابشده 07:38
-
پیشنمایش موقعیتهای انتخابشده 09:15
-
افزودن دکمه ارسال فرم 04:44
-
مدیریت State موقعیت مکانی و تصویر در فرم 09:30
-
تبدیل موقعیتهای انتخابشده به آدرسهای قابلخواندن برای انسان 09:45
-
انتقال دادههای واردشده به صفحه AllPlaces 05:20
-
نمایش فهرست مکانها 04:39
-
استایلدهی به آیتمهای مکان 06:29
-
SQLite: شروع به کار و مقداردهی اولیه 16:11
-
آمادهسازی کد برای درج داده در پایگاه داده SQLite 07:09
-
درج مکانها در پایگاه داده 03:17
-
دریافت مکانها از پایگاه داده 09:35
-
افزودن صفحه جزئیات مکان 09:15
-
دریافت دادههای جزئیات مکان از پایگاه داده 08:36
-
نمایش یک نقشه فقطخواندنی 09:09
-
خلاصه ماژول 02:28
-
معرفی ماژول 01:30
-
Expo دقیقاً چگونه کار میکند؟ 04:20
-
جایگزینهای Expo 05:33
-
راهاندازی سیستم ما 04:43
-
استفاده از Bare Workflow در Expo 07:48
-
استفاده از قابلیتهای بومی دستگاه با Bare Workflow 07:26
-
خروج به Bare Workflow 05:41
-
ایجاد پروژهها با React Native CLI (بدون Expo) 07:11
-
اپلیکیشنهای غیر Expo و قابلیتهای بومی دستگاه 03:27
-
خلاصه ماژول 01:50
-
معرفی ماژول 01:36
-
انتشار اپلیکیشنها: یک نمای کلی 04:05
-
موارد و ملاحظات کلیدی پیکربندی 02:30
-
پیکربندی نام و نسخه اپلیکیشن 08:16
-
یک نکته کوتاه درباره متغیرهای محیطی 01:51
-
افزودن آیکونها و Splash Screen 03:40
-
ساخت اپلیکیشنهای Expo با EAS 14:31
-
EAS برای iOS (حتی روی دستگاههای Windows) 16:46
-
ساخت برای iOS بدون Expo 10:23
-
ساخت برای Android بدون Expo 07:21
-
معرفی ماژول 01:02
-
نوتیفیکیشن های (محلی) چیستند؟ 02:08
-
افزودن بسته نوتیفیکیشن Expo 06:11
-
زمانبندی نوتیفیکیشن ها 06:05
-
مدیریت نوتیفیکیشن های دریافتی 05:22
-
واکنش به نوتیفیکیشن های دریافتی 07:10
-
واکنش به تعامل کاربر با نوتیفیکیشن های دریافتی 04:51
-
درک Push Notifications 06:40
-
راهاندازی Push Notifications 05:12
-
استفاده از Push Token 08:54
-
ارسال Push Notifications 08:42
-
خلاصه ماژول 02:24
-
جمعبندی دوره 00:55
-
معرفی ماژول 01:36
-
JavaScript - جمعبندی 02:35
-
مرور سینتکس اصلی 04:34
-
let و const 02:27
-
توابع Arrow 05:17
-
آبجکتها: ویژگیها و متدها 03:19
-
آرایهها و متدهای آرایه 04:16
-
آرایهها، آبجکتها و انواع ارجاعی 02:13
-
عملگر Spread و پارامترهای Rest 06:40
-
Destructuring 05:37
-
کد Async و Promiseها 10:28
-
جمعبندی 00:50
-
معرفی ماژول 01:12
-
React چیست؟ 03:13
-
یک پروژه شروع 04:03
-
درک JSX 05:31
-
درک کامپوننتها 02:50
-
کار با چندین کامپوننت 07:04
-
کار با Props 06:52
-
رندر لیست های داده 04:30
-
مدیریت رویدادها 07:24
-
ارتباط والد و فرزند 04:38
-
مدیریت State 05:54
-
بیشتر درباره State 04:20
-
ورودی کاربر و اتصال دوطرفه 05:52
-
جمعبندی 02:11
-
این دوره بهروزرسانی شد | اطلاعات بهروزرسانی 07:16
مشخصات آموزش
دوره React Native - راهنمای عملی 2026
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:Alls
- تعداد درس:278
- مدت زمان :28:37:57
- حجم :13.08GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy