کتاب صوتی React Native: Building a Complete Weather Application

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

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

عنوان دوره: دوره React Native: Building a Complete Weather Application

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

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

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

• 1. معرفی React Native و اکوسیستم آن
• 2. چرا React Native برای اپلیکیشن‌های موبایل؟
• 3. نصب و راه‌اندازی محیط توسعه (Node.js, npm/yarn)
• 4. آشنایی با Expo CLI و React Native CLI
• 5. ساخت اولین پروژه React Native
• 6. بررسی ساختار پوشه‌ها و فایل‌های پروژه React Native
• 7. مرور متغیرها (const, let) و مدیریت Scope
• 8. توابع Arrow و کاربرد آن‌ها در React Native
• 9. مقدمه‌ای بر کلاس‌ها و OOP در JavaScript
• 10. Destructuring Objects و Arrays برای کدنویسی تمیزتر
• 11. Spread و Rest Operators و موارد استفاده
• 12. کار با آرایه‌ها و متدهای مهم (map, filter, reduce)
• 13. آشنایی با Promiseها و Asynchronous JavaScript
• 14. Async/Await برای مدیریت عملیات ناهمزمان
• 15. مفهوم Componentها در React و React Native
• 16. تفاوت Functional و Class Components و زمان استفاده
• 17. Props: ارسال داده به Componentها
• 18. State: مدیریت داده‌های داخلی Component
• 19. هوک useState برای مدیریت State در Functional Components
• 20. هوک useEffect برای مدیریت Side Effects (فراخوانی API، رویدادها)
• 21. رندرینگ شرطی (Conditional Rendering) و نمایش پویا
• 22. مدیریت لیست‌ها با FlatList و ScrollView
• 23. Componentهای هسته React Native: View و Text
• 24. Componentهای هسته: Image و Button
• 25. Componentهای هسته: TextInput و Switch
• 26. استایل‌دهی با StyleSheet.create و استفاده از آبجکت‌ها
• 27. معرفی Flexbox برای چینش UI
• 28. اصول Flexbox: Direction, Justify Content, Align Items
• 29. اصول Flexbox: Flex Wrap, Flex Grow/Shrink, Basis
• 30. ابعاد و واحدها در React Native (dp, %)
• 31. استفاده از Dimensions API برای واکنش‌گرایی
• 32. پلتفرم‌های مختلف و استایل‌دهی شرطی (Platform Specific)
• 33. SafeAreaView برای نمایش صحیح محتوا در دستگاه‌های جدید
• 34. ساخت Componentهای سفارشی و قابل استفاده مجدد
• 35. کار با TouchableOpacity و TouchableHighlight
• 36. استفاده از آیکون‌ها با React Native Vector Icons
• 37. مدیریت فونت‌های سفارشی در اپلیکیشن
• 38. ساخت Modal و Alert Dialog برای تعامل با کاربر
• 39. نمایش Activity Indicator برای بارگذاری
• 40. کنترل StatusBar و ظاهر آن
• 41. مدیریت کیبورد برای TextInputها
• 42. معرفی React Navigation و نصب آن
• 43. Stack Navigator: پیمایش بین صفحات
• 44. Tab Navigator: ساخت تب‌های پایین صفحه
• 45. Drawer Navigator: منوی کشویی جانبی
• 46. ارسال پارامترها و داده‌ها بین صفحات
• 47. ناوبری تو در تو (Nested Navigators)
• 48. سفارشی‌سازی ظاهر Headerها و Bottom Tabs
• 49. مدیریت State در سطح Component (Local State)
• 50. معرفی Context API برای اشتراک‌گذاری State
• 51. پیاده‌سازی Context API برای State عمومی
• 52. مقدمه‌ای بر Redux و مفاهیم آن (Store, Reducer, Action)
• 53. استفاده از Redux Toolkit برای ساده‌سازی Redux
• 54. Redux Thunk برای عملیات ناهمزمان در Redux
• 55. Redux Persist: ذخیره‌سازی State در دستگاه
• 56. مفهوم APIها و Restful Services
• 57. انتخاب و ثبت‌نام در یک Weather API (مانند OpenWeatherMap)
• 58. دریافت API Key و مدیریت آن در پروژه با متغیرهای محیطی
• 59. درخواست‌های HTTP با Fetch API
• 60. ارسال پارامترها و Headerها در درخواست‌های API
• 61. بررسی پاسخ‌های API و JSON Parsing
• 62. استفاده از Axios برای درخواست‌های HTTP (مزایا و معایب)
• 63. مدیریت خطاهای API (Network Errors, Server Errors)
• 64. نمایش وضعیت بارگذاری داده‌ها (Loading State)
• 65. مکانیسم Pull-to-Refresh برای به‌روزرسانی داده‌ها
• 66. استراتژی‌های کش کردن داده‌ها برای عملکرد بهتر
• 67. بهینه‌سازی درخواست‌های API و جلوگیری از فراخوانی‌های اضافی
• 68. درخواست مجوزهای مکان‌یابی در iOS و Android
• 69. دریافت موقعیت مکانی کاربر با Geolocation API
• 70. مدیریت خطاها در دریافت موقعیت مکانی (کاربر اجازه نداد، GPS خاموش است)
• 71. نمایش نام شهر از روی مختصات (Reverse Geocoding)
• 72. به‌روزرسانی مداوم موقعیت (در صورت نیاز)
• 73. شبیه‌سازی موقعیت مکانی برای توسعه و تست
• 74. طراحی رابط کاربری صفحه اصلی آب و هوا
• 75. نمایش دمای فعلی و وضعیت آب و هوایی
• 76. نگاشت آیکون‌های آب و هوا (Icon Mapping)
• 77. نمایش نام شهر و کشور بر اساس موقعیت یا جستجو
• 78. طراحی بخش پیش‌بینی ساعتی آب و هوا
• 79. طراحی بخش پیش‌بینی روزانه آب و هوا
• 80. پیاده‌سازی تابع جستجوی شهر
• 81. فراخوانی API جستجوی شهر و نمایش نتایج
• 82. ذخیره‌سازی شهرهای مورد علاقه با AsyncStorage
• 83. بارگذاری شهرهای مورد علاقه هنگام راه‌اندازی اپلیکیشن
• 84. صفحه تنظیمات: تغییر واحد دما (سلسیوس/فارنهایت)
• 85. پیاده‌سازی منطق تبدیل واحد دما
• 86. مدیریت تم (تاریک/روشن) در اپلیکیشن
• 87. ساخت صفحه Splash Screen
• 88. انیمیشن‌های ساده در UI برای بهبود تجربه کاربری
• 89. تکنیک‌های بهینه‌سازی عملکرد React Native
• 90. استفاده از React.memo, useCallback, useMemo
• 91. مدیریت خطاها با Error Boundaries
• 92. ابزارهای Debugging در React Native
• 93. معرفی Jest و React Native Testing Library
• 94. نوشتن تست‌های اولیه برای Components
• 95. آماده‌سازی اپلیکیشن برای Production
• 96. ساخت و بیلد برای Android (APK/AAB)
• 97. ساخت و بیلد برای iOS (IPA)
• 98. انتشار اپلیکیشن با Expo (Standalone Builds)
• 99. ملاحظات App Store و Google Play Store برای انتشار
• 100. نکات پایانی و مسیر پیش رو برای توسعه بیشتر