فلش‌کارت‌های آموزشی React Native و UI Libraries: استفاده از کامپوننت‌های آماده

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

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

عنوان دوره: دوره React Native و UI Libraries: استفاده از کامپوننت‌های آماده

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

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

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

• 1. مقدمه‌ای بر برنامه نویسی موبایل
• 2. معرفی React Native
• 3. چرا React Native؟
• 4. مزایای React Native
• 5. معایب React Native
• 6. مقایسه React Native با سایر فریم‌ورک‌ها
• 7. آماده‌سازی محیط توسعه React Native
• 8. نصب Node.js و npm/yarn
• 9. نصب Expo CLI
• 10. نصب React Native CLI
• 11. ایجاد اولین پروژه React Native (Expo)
• 12. ایجاد اولین پروژه React Native (React Native CLI)
• 13. ساختار پروژه React Native
• 14. فایل App.js
• 15. کامپوننت‌ها در React Native
• 16. Functional Components
• 17. Class Components
• 18. JSX چیست؟
• 19. Props چیست؟
• 20. State چیست؟
• 21. مفهوم Re-rendering
• 22. مدیریت State با useState
• 23. مدیریت Props
• 24. نحوه کامپوز کردن کامپوننت‌ها
• 25. اساس UI در React Native: View
• 26. استفاده از Text
• 27. استفاده از Image
• 28. استفاده از Button
• 29. استفاده از TextInput
• 30. استفاده از ScrollView
• 31. استفاده از FlatList
• 32. استفاده از SectionList
• 33. Styling در React Native
• 34. StyleSheet API
• 35. Inline Styles
• 36. Style Prop
• 37. Flexbox Layout در React Native
• 38. خاصیت justify-content
• 39. خاصیت align-items
• 40. خاصیت flex-direction
• 41. خاصیت flex-wrap
• 42. خاصیت flex
• 43. خاصیت margin و padding
• 44. مدیریت رویدادها (Events)
• 45. onPress
• 46. onChangeText
• 47. onSubmitEditing
• 48. Keyboard Handling
• 49. نمایش و مخفی کردن کیبورد
• 50. تغییر اندازه View با کیبورد
• 51. Navigation در React Native
• 52. معرفی React Navigation
• 53. نصب React Navigation
• 54. Stack Navigator
• 55. Tab Navigator
• 56. Drawer Navigator
• 57. پاس دادن پارامتر بین صفحات
• 58. حالت‌های اولیه (Initial States) در Navigation
• 59. Conditional Rendering
• 60. Render Props
• 61. Higher-Order Components (HOCs)
• 62. Custom Hooks
• 63. مدیریت فرم‌ها
• 64. اعتبارسنجی (Validation) فرم‌ها
• 65. کتابخانه‌های مدیریت فرم (اختیاری)
• 66. مدیریت داده (Data Management)
• 67. Fetching Data از API
• 68. استفاده از fetch API
• 69. استفاده از Axios
• 70. مدیریت Loading States
• 71. مدیریت Error States
• 72. همگام‌سازی داده (Data Synchronization)
• 73. معرفی Redux
• 74. نصب Redux
• 75. Actions, Reducers, Store
• 76. اتصال Redux به React Native
• 77. Hooks برای Redux (useSelector, useDispatch)
• 78. مدیریت State پیچیده با Redux
• 79. معرفی Context API
• 80. استفاده از Context API
• 81. Custom Context Provider
• 82. مزایای Context API نسبت به Redux (برای موارد ساده)
• 83. معرفی UI Libraries
• 84. چرا از UI Libraries استفاده کنیم؟
• 85. معرفی React Native Paper
• 86. نصب React Native Paper
• 87. استفاده از کامپوننت‌های Button, TextInput, Card
• 88. استفاده از کامپوننت‌های Dialog, Modal
• 89. استفاده از کامپوننت‌های List, Avatar
• 90. معرفی NativeBase
• 91. نصب NativeBase
• 92. استفاده از کامپوننت‌های Button, Input, Box
• 93. استفاده از کامپوننت‌های Card, Modal, Accordion
• 94. استفاده از کامپوننت‌های List, Image, Icon
• 95. معرفی React Native Elements
• 96. نصب React Native Elements
• 97. استفاده از کامپوننت‌های Button, Input, Card
• 98. استفاده از کامپوننت‌های Avatar, Badge, Slider
• 99. استفاده از کامپوننت‌های Icon, Pricing, Rating
• 100. نکات پیشرفته در استایل‌دهی