فلش‌کارت‌های آموزشی React Native and APIs

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

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

عنوان دوره: دوره React Native and APIs

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

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

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

• 1. مقدمه‌ای بر توسعه اپلیکیشن‌های موبایل
• 2. ری‌اکت نیتیو چیست و چرا از آن استفاده می‌کنیم؟
• 3. مقایسه ری‌اکت نیتیو با دیگر فریم‌ورک‌ها (فلاتر، سوئیفت، کاتلین)
• 4. آشنایی با مفاهیم پایه: کامپوننت، JSX و Props
• 5. راه‌اندازی محیط توسعه (Node.js, Watchman, CLI)
• 6. نصب و راه‌اندازی شبیه‌سازهای iOS و Android
• 7. ساخت اولین پروژه ری‌اکت نیتیو
• 8. ساختار یک پروژه ری‌اکت نیتیو
• 9. مروری بر مفاهیم ضروری جاوا اسکریپت (ES6+): let, const, Arrow Functions
• 10. مروری بر مفاهیم ضروری جاوا اسکریپت: Destructuring و Spread Operator
• 11. مروری بر مفاهیم ضروری جاوا اسکریپت: Promises و Async/Await
• 12. کامپوننت‌های اصلی: View و Text
• 13. کامپوننت‌های اصلی: Image و BackgroundImage
• 14. کامپوننت‌های اصلی: TextInput و مدیریت ورودی کاربر
• 15. کامپوننت‌های اصلی: Button و TouchableOpacity
• 16. استایل‌دهی در ری‌اکت نیتیو با StyleSheet
• 17. مبانی Flexbox: flex, flexDirection, justifyContent
• 18. مبانی Flexbox: alignItems, alignSelf
• 19. استایل‌دهی پیشرفته: ابعاد، حاشیه‌ها و موقعیت‌یابی
• 20. مدیریت State با هوک useState
• 21. آشنایی با Props و ارسال داده به کامپوننت‌ها
• 22. کامپوننت‌های تابعی در مقابل کامپوننت‌های کلاسی
• 23. مدیریت رویدادها (Event Handling) مانند onPress و onChangeText
• 24. کار با لیست‌ها: رندر کردن آرایه‌ها با متد map
• 25. کامپوننت ScrollView برای محتوای قابل اسکرول
• 26. کامپوننت FlatList برای لیست‌های بهینه و طولانی
• 27. کامپوننت SectionList برای لیست‌های بخش‌بندی شده
• 28. مقدمه‌ای بر React Navigation
• 29. نصب و راه‌اندازی Stack Navigator
• 30. ایجاد صفحات مختلف و پیمایش بین آن‌ها
• 31. ارسال پارامتر بین صفحات (Passing Params)
• 32. پیکربندی و استایل‌دهی هدر در Stack Navigator
• 33. معرفی و پیاده‌سازی Tab Navigator
• 34. معرفی و پیاده‌سازی Drawer Navigator
• 35. ترکیب کردن Navigatorها (Nesting Navigators)
• 36. مقدمه‌ای بر API و ارتباط کلاینت-سرور
• 37. آشنایی با مفاهیم HTTP: متدها (GET, POST, PUT, DELETE) و کد‌های وضعیت
• 38. معرفی Fetch API برای ارسال درخواست‌های شبکه
• 39. ارسال اولین درخواست GET و دریافت داده
• 40. کار با پاسخ‌های JSON
• 41. نمایش داده‌های دریافت شده از API در یک لیست
• 42. مدیریت وضعیت بارگذاری (Loading State)
• 43. مدیریت خطاها در درخواست‌های شبکه
• 44. هوک useEffect و کاربرد آن در فراخوانی API
• 45. فراخوانی API هنگام بارگذاری کامپوننت
• 46. ارسال درخواست‌های شبکه با Async/Await
• 47. وابستگی‌ها در useEffect و فراخوانی مجدد API
• 48. آشنایی با کتابخانه Axios و مزایای آن
• 49. ارسال درخواست GET با Axios
• 50. ارسال درخواست POST برای ساخت داده جدید
• 51. ارسال درخواست PUT/PATCH برای به‌روزرسانی داده
• 52. ارسال درخواست DELETE برای حذف داده
• 53. پیکربندی سراسری Axios (Base URL, Headers)
• 54. مدیریت Interceptor ها در Axios برای درخواست و پاسخ
• 55. مفهوم State Management و نیاز به آن
• 56. هوک useContext برای مدیریت State سراسری
• 57. هوک useReducer برای مدیریت State های پیچیده
• 58. ترکیب useContext و useReducer برای یک راهکار State Management قوی
• 59. ساخت یک هوک سفارشی (Custom Hook) برای فراخوانی API
• 60. مقدمه‌ای بر کتابخانه‌های State Management (Redux, Zustand)
• 61. کار با فرم‌ها: کامپوننت‌های کنترل‌شده (Controlled Components)
• 62. اعتبارسنجی فرم‌ها (Form Validation)
• 63. مقدمه‌ای بر احراز هویت (Authentication) مبتنی بر توکن
• 64. مفهوم JWT (JSON Web Token)
• 65. پیاده‌سازی صفحه ورود (Login Screen)
• 66. ارسال نام کاربری و رمز عبور به API
• 67. دریافت و ذخیره‌سازی توکن در دستگاه
• 68. استفاده از AsyncStorage برای ذخیره‌سازی دائمی داده‌ها
• 69. ارسال توکن در هدر درخواست‌های نیازمند احراز هویت
• 70. پیاده‌سازی صفحه ثبت‌نام (Register Screen)
• 71. پیاده‌سازی خروج از حساب کاربری (Logout)
• 72. محافظت از مسیرها (Protected Routes) برای کاربران احراز هویت شده
• 73. رفرش کردن توکن (Token Refresh)
• 74. کار با API های نیازمند کلید (API Key)
• 75. آپلود فایل و تصویر به سرور با FormData
• 76. کار با Platform API برای کدهای مختص iOS و Android
• 77. استایل‌دهی پلتفرم-محور
• 78. آشنایی با کتابخانه‌های UI (مانند React Native Paper یا NativeBase)
• 79. استفاده از آیکون‌ها در اپلیکیشن
• 80. کار با انیمیشن‌ها: Animated API
• 81. کار با انیمیشن‌ها: کتابخانه React Native Reanimated
• 82. استفاده از ژست‌ها (Gestures) با React Native Gesture Handler
• 83. کار با Modal و نمایش پنجره‌های پاپ‌آپ
• 84. کار با Alert برای نمایش پیام به کاربر
• 85. دریافت دسترسی‌ها از کاربر (Permissions API)
• 86. کار با دوربین دستگاه
• 87. دسترسی به گالری تصاویر کاربر
• 88. دریافت موقعیت مکانی کاربر (Geolocation)
• 89. کار با نقشه‌ها با React Native Maps
• 90. مقدمه‌ای بر Push Notifications
• 91. راه‌اندازی Firebase برای Push Notifications
• 92. دریافت و نمایش Push Notification در اپلیکیشن
• 93. مفهوم Deep Linking و پیاده‌سازی آن
• 94. کار با WebView برای نمایش محتوای وب
• 95. دیباگ کردن اپلیکیشن‌های ری‌اکت نیتیو با Flipper
• 96. استفاده از React DevTools
• 97. بهینه‌سازی عملکرد: مفاهیم پایه
• 98. بهینه‌سازی عملکرد FlatList
• 99. استفاده از React.memo برای جلوگیری از رندرهای غیرضروری
• 100. هوک‌های useCallback و useMemo برای بهینه‌سازی