اپلیکیشن اندرویدی فلش‌کارت آموزشی React Native با Hooks: قدرت React را به موبایل بیاورید

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

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

عنوان دوره: دوره React Native با Hooks: قدرت React را به موبایل بیاورید

موضوع کلی: برنامه نویسی

موضوع میانی: ری‌اکت نیتیو (React Native)

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

• 1. مقدمه‌ای بر React Native و اکوسیستم آن
• 2. جاوا اسکریپت مدرن (ES6+): مروری بر مفاهیم کلیدی
• 3. آشنایی با مفاهیم اصلی React: کامپوننت، JSX، Props و State
• 4. مقایسه Expo Go و React Native CLI: انتخاب ابزار مناسب
• 5. راه‌اندازی محیط توسعه (Node, Watchman, Android Studio, Xcode)
• 6. ساخت و اجرای اولین اپلیکیشن "Hello World"
• 7. ساختار یک پروژه React Native: فایل‌ها و پوشه‌ها
• 8. JSX در عمق: قوانین و بهترین شیوه‌ها
• 9. کامپوننت‌های تابعی (Functional Components): استاندارد جدید
• 10. مفهوم Props: ارسال داده به کامپوننت‌ها
• 11. مدیریت State با هوک `useState`
• 12. مدیریت Side Effects با هوک `useEffect`
• 13. چرخه حیات کامپوننت با `useEffect`
• 14. درک وابستگی‌های (Dependencies) `useEffect`
• 15. رندر شرطی (Conditional Rendering)
• 16. رندر لیست‌ها و استفاده از `key`
• 17. ایجاد کامپوننت‌های قابل استفاده مجدد (Reusable Components)
• 18. کامپوننت `View`: بلوک اصلی ساختار UI
• 19. کامپوننت `Text`: نمایش متون
• 20. کامپوننت `Image`: نمایش تصاویر لوکال و تحت وب
• 21. کامپوننت `TextInput`: دریافت ورودی از کاربر
• 22. کامپوننت `ScrollView`: محتوای قابل اسکرول
• 23. کامپوننت `StyleSheet`: بهینه‌سازی و سازماندهی استایل‌ها
• 24. استایل‌دهی Inline در مقابل StyleSheet
• 25. مبانی Flexbox: محور اصلی و محور متقاطع
• 26. کار با `flexDirection`, `justifyContent`, `alignItems`
• 27. کار با `flex`, `flexGrow`, `flexShrink`
• 28. موقعیت‌یابی مطلق (Absolute) و نسبی (Relative)
• 29. استفاده از `Dimensions` API برای استایل واکنش‌گرا (Responsive)
• 30. استفاده از `Platform` API برای استایل‌دهی مخصوص iOS و Android
• 31. کامپوننت `Button` و محدودیت‌های آن
• 32. کامپوننت `Pressable`: نسل جدید تعاملات لمسی
• 33. کامپوننت‌های `TouchableOpacity` و `TouchableHighlight`
• 34. مدیریت رویدادهای لمسی (Press, Long Press)
• 35. نمایش `ActivityIndicator` برای فرآیندهای در حال اجرا
• 36. نمایش هشدارها با `Alert` API
• 37. آشنایی با ناوبری (Navigation) در اپلیکیشن‌های موبایل
• 38. نصب و راه‌اندازی کتابخانه React Navigation
• 39. پیکربندی Stack Navigator برای ناوبری صفحه‌ای
• 40. انتقال بین صفحات با `navigation.navigate`
• 41. ارسال پارامتر (Params) بین صفحات
• 42. پیکربندی Tab Navigator برای ناوبری تب-محور
• 43. پیکربندی Drawer Navigator برای منوی کشویی
• 44. شخصی‌سازی هدر (Header) در ناوبر‌ها
• 45. ادغام انواع ناوبر‌ها (Nesting Navigators)
• 46. چرخه حیات ناوبری (Navigation Lifecycle)
• 47. مفهوم API و ارتباط با سرور
• 48. ارتباط با سرور با استفاده از Fetch API
• 49. ارسال درخواست‌های GET, POST, PUT, DELETE
• 50. مدیریت خطاها در ارتباطات شبکه‌ای
• 51. استفاده از کتابخانه Axios برای ارتباطات شبکه‌ای بهینه‌تر
• 52. نمایش لیست‌های بهینه با کامپوننت `FlatList`
• 53. نمایش لیست‌های بخش‌بندی شده با `SectionList`
• 54. پیاده‌سازی قابلیت Pull to Refresh
• 55. پیاده‌سازی اسکرول بی‌نهایت (Infinite Scroll)
• 56. مدیریت State در فرم‌ها: ورودی‌های متنی
• 57. کار با سوییچ‌ها، اسلایدرها و انتخاب‌گرها
• 58. اعتبارسنجی (Validation) ورودی‌های فرم
• 59. کتابخانه‌های مدیریت فرم مانند Formik یا React Hook Form
• 60. مشکل Prop Drilling و راه‌حل‌های آن
• 61. مدیریت State سراسری با هوک `useContext`
• 62. مدیریت Stateهای پیچیده با هوک `useReducer`
• 63. ترکیب `useContext` و `useReducer` برای مدیریت State پیشرفته
• 64. مقدمه‌ای بر کتابخانه‌های مدیریت State (Redux, Zustand)
• 65. مفهوم ذخیره‌سازی پایدار (Persistent Storage)
• 66. استفاده از AsyncStorage برای ذخیره‌سازی داده‌های ساده
• 67. استفاده از کتابخانه‌های پایگاه داده مانند WatermelonDB یا Realm
• 68. دسترسی به مجوزهای دستگاه (Permissions)
• 69. استفاده از دوربین دستگاه با Expo Camera
• 70. انتخاب تصویر از گالری با Expo Image Picker
• 71. دریافت موقعیت مکانی کاربر (Geolocation)
• 72. استفاده از نقشه با `react-native-maps`
• 73. اجرای انیمیشن‌های ساده با `Animated` API
• 74. انیمیشن‌های مبتنی بر رویداد و اسکرول
• 75. استفاده از `LayoutAnimation` برای تغییرات UI نرم
• 76. مقدمه‌ای بر کتابخانه Reanimated برای انیمیشن‌های پیشرفته
• 77. نمایش محتوای وب با `WebView`
• 78. باز کردن لینک‌ها در مرورگر با `Linking` API
• 79. دیباگ کردن (Debugging) با منوی توسعه‌دهنده
• 80. استفاده از React DevTools برای بازرسی کامپوننت‌ها
• 81. استفاده از Flipper برای دیباگ پیشرفته
• 82. مدیریت و نمایش خطاها به کاربر
• 83. بهینه‌سازی پرفورمنس: چرا و چگونه؟
• 84. جلوگیری از رندرهای مجدد با `React.memo`
• 85. بهینه‌سازی توابع با هوک `useCallback`
• 86. بهینه‌سازی محاسبات سنگین با هوک `useMemo`
• 87. نکات بهینه‌سازی برای `FlatList`
• 88. تحلیل پرفورمنس با Profiler
• 89. ساخت هوک‌های سفارشی (Custom Hooks) برای منطق‌های تکراری
• 90. تست‌نویسی واحد (Unit Testing) با Jest
• 91. تست‌نویسی کامپوننت‌ها با React Native Testing Library
• 92. پیکربندی محیط‌های مختلف (Development, Staging, Production)
• 93. مدیریت متغیرهای محیطی (Environment Variables)
• 94. افزودن فونت‌ها و آیکون‌های سفارشی به پروژه
• 95. پشتیبانی از حالت تاریک (Dark Mode)
• 96. چندزبانگی (Internationalization) در اپلیکیشن
• 97. پیکربندی آیکون و صفحه اسپلش (Splash Screen)
• 98. ساخت بیلد اندروید (APK/AAB) برای انتشار
• 99. ساخت بیلد iOS برای تست و انتشار
• 100. فرآیند انتشار اپلیکیشن در Google Play Store