کتاب React Native: Building a Complete Weather Application با فرمت AZW3 برای کتابخوان کیندل و فرمت EPUB
React Native: ساخت یک اپلیکیشن کامل آب و هوا | تبدیل ایده به واقعیت React Native: اپلیکیشن آب و هوای حرفهای بسازید، آینده شغلی خود را متحول کنید! آیا به دنبال ورود به دنیای توسعه اپلیکیشنهای موبایل ...
🎓 دوره آموزشی جامع
📚 اطلاعات دوره
عنوان دوره: دوره 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. نکات پایانی و مسیر پیش رو برای توسعه بیشتر
تگها:
API Weather
Front-End
Full-Stack
JavaScript
Mobile Development
React
React Native
UI UX
آموزش برنامه نویسی
برنامه نویسی
برنامه نویسی iOS
برنامه نویسی اندروید
توسعه اپلیکیشن موبایل
دوره ریاکت نیتیو
ساخت اپلیکیشن آب و هوا
نظرات
هنوز نظری ثبت نشده است.
وارد شوید تا نظر ثبت کنید.