اپلیکیشن اندرویدی فلشکارت آموزشی React Native: Building a Complete Weather Application
📚 کتاب آموزشی جامع
📚 اطلاعات کتاب
عنوان کتاب: کتاب React Native: Building a Complete Weather Application
موضوع کلی: برنامه نویسی
موضوع میانی: ریاکت نیتیو (React Native)
📋 سرفصلهای کتاب (100 موضوع)
- 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. نکات پایانی و مسیر پیش رو برای توسعه بیشتر
این اپلیکیشن فارسی برای یادگیری و مرور محتوای آموزشی از طریق فلشکارت طراحی شده است. کارتها را یکییکی مرور کنید، پاسخ پرسشها را به یاد بیاورید و نتیجه هر پاسخ را ثبت کنید. محتوای دوره پس از نصب درون برنامه در دسترس است تا برای مطالعه روزمره معمولاً به اتصال مداوم اینترنت نیاز نداشته باشید.
محتوای آموزشی در قالبهای متنوع ارائه میشود تا هم برای یادگیری مفاهیم جدید و هم برای تثبیت آموختهها قابل استفاده باشد.
- رابط کاربری فارسی و راستچین با فونت وزیر.
- تم روشن و تیره مطابق تنظیمات سیستم.
- صفحهبندی ساده برای انتخاب دوره و شروع مرور.
- نمایش تعداد دفعات مرور هر فصل.
- انتخاب چند فصل برای مرور همزمان.
- امکان تمرکز بر فصلهایی که هنوز مرور نشدهاند.
این اپلیکیشن برای دانشآموزان، دانشجویان، داوطلبان آزمونها و علاقهمندان به یادگیری طراحی شده است؛ بهویژه کسانی که میخواهند مطالب آموزشی را در زمانهای کوتاه مرور کنند، دانستههای خود را بسنجند و مطالعه منظمتری داشته باشند.
نظرات
هنوز نظری ثبت نشده است.
وارد شوید تا نظر ثبت کنید.