اپلیکیشن اندرویدی فلش‌کارت آموزشی React Native and Mobile First Design

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب React Native and Mobile First Design

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

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

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مبانی React Native
• 2. مقدمه ای بر React Native
• 3. چرا React Native؟
• 4. مقایسه React Native با Native Development
• 5. مقایسه React Native با Framework های Cross-Platform دیگر
• 6. نصب و راه اندازی محیط توسعه React Native
• 7. نصب Node.js و npm/yarn
• 8. نصب Android Studio و SDK
• 9. نصب Xcode (برای macOS)
• 10. ایجاد اولین پروژه React Native
• 11. اجرای برنامه روی شبیه ساز Android
• 12. اجرای برنامه روی شبیه ساز iOS
• 13. اجرای برنامه روی دستگاه واقعی Android
• 14. اجرای برنامه روی دستگاه واقعی iOS
• 15. آشنایی با ساختار پروژه React Native
• 16. فایل App.js (نقطه ورود)
• 17. پوشه components
• 18. پوشه assets
• 19. پوشه node_modules
• 20. پوشه ios و android
• 21. مبانی JSX
• 22. مقدمه ای بر JSX
• 23. نوشتن کامپوننت ها با JSX
• 24. استفاده از props در JSX
• 25. استفاده از state در JSX
• 26. مدیریت رویدادها در JSX
• 27. رندر کردن لیست ها با map
• 28. شرطی سازی رندرینگ در JSX
• 29. کامپوننت های پایه React Native
• 30. View
• 31. Text
• 32. Image
• 33. TextInput
• 34. Button
• 35. ScrollView
• 36. StyleSheet
• 37. استایل دهی در React Native
• 38. مقدمه ای بر استایل دهی
• 39. استفاده از StyleSheet.create
• 40. استایل دهی Inline
• 41. استایل دهی با استفاده از props
• 42. استفاده از Flexbox برای Layout
• 43. مبانی Flexbox
• 44. چیدمان با justify-content
• 45. چیدمان با align-items
• 46. چیدمان با flex-direction
• 47. چیدمان با flex-wrap
• 48. استفاده از Padding و Margin
• 49. استفاده از Width و Height
• 50. استفاده از Position
• 51. طراحی Mobile First
• 52. مفهوم Mobile First Design
• 53. چرا Mobile First؟
• 54. طراحی Responsive در React Native
• 55. استفاده از Dimensions API
• 56. استفاده از useWindowDimensions Hook
• 57. تطبیق Layout با اندازه صفحه نمایش
• 58. تطبیق استایل ها با اندازه صفحه نمایش
• 59. استفاده از ابزارک های طراحی Mobile First
• 60. نوار ابزار (Header/Navbar)
• 61. دکمه ها (Buttons)
• 62. فیلدهای ورودی (Input Fields)
• 63. کارت ها (Cards)
• 64. لیست ها (Lists)
• 65. فرم ها (Forms)
• 66. ناوبری (Navigation)
• 67. مقدمه ای بر ناوبری در React Native
• 68. React Navigation
• 69. نصب React Navigation
• 70. Stack Navigator
• 71. Tab Navigator
• 72. Drawer Navigator
• 73. پارامترهای ناوبری
• 74. مدیریت state در React Native
• 75. مقدمه ای بر مدیریت state
• 76. useState Hook
• 77. useReducer Hook
• 78. Context API
• 79. Redux (مقدماتی)
• 80. React Context API پیشرفته
• 81. مدیریت state پیچیده با Redux
• 82. Redux Toolkit
• 83. مدیریت state برای برنامه های بزرگ
• 84. کامپوننت های UI پیشرفته
• 85. Modal
• 86. Alert
• 87. ActionSheetIOS (برای iOS)
• 88. ToastAndroid (برای Android)
• 89. Picker
• 90. Switch
• 91. Slider
• 92. Progress Bar
• 93. Date Picker
• 94. Time Picker
• 95. کامپوننت های سفارشی
• 96. ایجاد کامپوننت های قابل استفاده مجدد
• 97. ساخت کامپوننت های UI سفارشی
• 98. استفاده از Props برای سفارشی سازی
• 99. مدیریت state در کامپوننت های سفارشی
• 100. مدیریت رویدادها در کامپوننت های سفارشی