فلش‌کارت‌های آموزشی آموزش جامع React Native: ساخت اپلیکیشن‌های موبایل Cross-Platform حرفه‌ای

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره آموزش جامع React Native: ساخت اپلیکیشن‌های موبایل Cross-Platform حرفه‌ای

موضوع کلی: توسعه اپلیکیشن موبایل

موضوع میانی: توسعه اپلیکیشن‌های موبایل چند پلتفرمی

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر توسعه اپلیکیشن‌های موبایل Cross-Platform
• 2. React Native چیست؟ چرا از آن استفاده کنیم؟
• 3. مقایسه React Native با دیگر فریم‌ورک‌ها (Flutter, Xamarin)
• 4. آشنایی با معماری React Native (Bridge, JSI)
• 5. راه‌اندازی محیط توسعه: Node.js, Watchman, JDK
• 6. انتخاب بین Expo Go و React Native CLI
• 7. راه‌اندازی اولین پروژه با Expo Go
• 8. راه‌اندازی اولین پروژه با React Native CLI
• 9. ساختار یک پروژه React Native
• 10. اجرای اپلیکیشن روی شبیه‌ساز (iOS/Android) و دستگاه واقعی
• 11. مروری بر جاوااسکریپت مدرن (ES6+): let, const, arrow functions
• 12. مفاهیم Destructuring, Spread/Rest Operators
• 13. ماژول‌ها در جاوااسکریپت: import و export
• 14. آشنایی با JSX: نوشتن UI در جاوااسکریپت
• 15. مفهوم کامپوننت: بلوک‌های سازنده UI
• 16. کامپوننت‌های تابعی (Functional Components)
• 17. کامپوننت‌های کلاسی (Class Components) و چرخه حیات آن‌ها (Lifecycle)
• 18. مفهوم Props: انتقال داده به کامپوننت‌ها
• 19. مفهوم State: مدیریت وضعیت داخلی کامپوننت
• 20. رویدادها (Events) و مدیریت تعاملات کاربر
• 21. معرفی Hooks: انقلابی در کامپوننت‌های تابعی
• 22. هوک useState: مدیریت State در کامپوننت‌های تابعی
• 23. هوک useEffect: مدیریت Side Effects (جایگزین Lifecycle)
• 24. رندر شرطی (Conditional Rendering)
• 25. نمایش لیست‌ها و استفاده از متد map
• 26. کامپوننت View: کانتینر اصلی UI
• 27. کامپوننت Text: نمایش متون
• 28. کامپوننت Image: نمایش تصاویر (محلی و از شبکه)
• 29. کامپوننت TextInput: دریافت ورودی از کاربر
• 30. کامپوننت Button و Pressable: ایجاد دکمه‌های تعاملی
• 31. کامپوننت StyleSheet: جداسازی استایل‌ها
• 32. کامپوننت ScrollView: ایجاد محتوای قابل اسکرول
• 33. کامپوننت FlatList: نمایش لیست‌های طولانی و بهینه
• 34. تفاوت ScrollView و FlatList
• 35. کامپوننت SectionList: نمایش لیست‌های گروه‌بندی شده
• 36. کامپوننت ActivityIndicator: نمایش وضعیت بارگذاری
• 37. کامپوننت Modal: ایجاد پنجره‌های مودال
• 38. کامپوننت Switch: دکمه دو حالته
• 39. کامپوننت StatusBar: مدیریت نوار وضعیت سیستم‌عامل
• 40. کامپوننت SafeAreaView: مدیریت ناچ و نواحی امن صفحه
• 41. مبانی استایل‌دهی با StyleSheet.create
• 42. آشنایی عمیق با Flexbox: محور اصلی و متقاطع (flexDirection)
• 43. توزیع آیتم‌ها با justifyContent و alignItems
• 44. ابعاد و اندازه‌بندی: width, height, flex
• 45. استایل‌دهی به متن: fontSize, color, fontWeight
• 46. کار با تصاویر پس‌زمینه (ImageBackground)
• 47. طراحی واکنش‌گرا (Responsive): استفاده از Dimensions API
• 48. استایل‌دهی مختص پلتفرم (Platform-specific styling)
• 49. استفاده از کتابخانه‌های استایل‌دهی (Styled Components)
• 50. ایجاد تم تیره و روشن (Dark/Light Theme)
• 51. مقدمه‌ای بر ناوبری در اپلیکیشن‌های موبایل
• 52. معرفی کتابخانه React Navigation
• 53. نصب و راه‌اندازی Stack Navigator
• 54. ناوبری بین صفحات و انتقال پارامتر (Passing Params)
• 55. شخصی‌سازی Header در Stack Navigator
• 56. پیاده‌سازی Tab Navigator (ناوبری تب)
• 57. پیاده‌سازی Drawer Navigator (منوی کشویی)
• 58. ترکیب کردن انواع Navigator‌ها (Nesting Navigators)
• 59. چالش‌های مدیریت وضعیت در اپلیکیشن‌های بزرگ
• 60. روش بالا بردن وضعیت (Lifting State Up)
• 61. مقدمه‌ای بر Context API در React
• 62. ایجاد و استفاده از Provider و Consumer
• 63. هوک useContext: استفاده ساده‌تر از Context
• 64. مقدمه‌ای بر Redux و معماری Flux
• 65. مفاهیم اصلی Redux: Action, Reducer, Store
• 66. اتصال React به Redux با کتابخانه React-Redux
• 67. معرفی Redux Toolkit: روش مدرن و ساده‌تر برای کار با Redux
• 68. ایجاد Slice با createSlice
• 69. مدیریت عملیات ناهمزمان (Async) با createAsyncThunk
• 70. انتخاب بین Context API و Redux
• 71. ارتباط با سرور: مفاهیم REST API
• 72. استفاده از Fetch API برای ارسال درخواست‌های شبکه
• 73. کار با متدهای HTTP: GET, POST, PUT, DELETE
• 74. مدیریت Promise ها و استفاده از async/await
• 75. استفاده از کتابخانه Axios برای ارتباطات شبکه‌ای
• 76. مدیریت وضعیت بارگذاری و خطا در درخواست‌های API
• 77. ذخیره‌سازی داده‌ها به صورت محلی با AsyncStorage
• 78. کار با WebSocket برای ارتباطات دوطرفه (Real-time)
• 79. سیستم مدیریت مجوزها (Permissions) در اندروید و iOS
• 80. درخواست دسترسی به دوربین و گالری (react-native-image-picker)
• 81. دسترسی به موقعیت مکانی کاربر (Geolocation)
• 82. استفاده از نقشه با react-native-maps
• 83. ارسال Push Notification با Firebase Cloud Messaging (FCM)
• 84. کار با Clipboard و به اشتراک‌گذاری محتوا (Share API)
• 85. تشخیص وضعیت اتصال به اینترنت (NetInfo)
• 86. مقدمه‌ای بر انیمیشن در React Native
• 87. استفاده از Animated API برای انیمیشن‌های پایه
• 88. کتابخانه React Native Reanimated برای انیمیشن‌های روان‌تر
• 89. مدیریت ژست‌های حرکتی با React Native Gesture Handler
• 90. کار با لینک‌های عمیق (Deep Linking)
• 91. پل زدن (Bridging): فراخوانی کدهای Native (جاوا/کاتلین و Objective-C/Swift)
• 92. ایجاد یک Native Module ساده
• 93. ابزارهای دیباگینگ: Flipper و React DevTools
• 94. استراتژی‌های لاگ‌گیری و مدیریت خطا
• 95. تست واحد (Unit Testing) با Jest
• 96. تست کامپوننت‌ها با React Native Testing Library
• 97. بهینه‌سازی عملکرد: memo, useMemo, useCallback و Virtualized Lists
• 98. آماده‌سازی اپلیکیشن برای انتشار: آیکون، Splash Screen
• 99. فرآیند ساخت نسخه نهایی (Build) برای اندروید (APK/AAB) و iOS (IPA)
• 100. انتشار اپلیکیشن در Google Play Store و Apple App Store و به‌روزرسانی‌های OTA