اپلیکیشن اندرویدی فلش‌کارت آموزشی طراحی و پیاده‌سازی رابط کاربری اپلیکیشن‌های موبایل با React Native

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

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

عنوان دوره: دوره طراحی و پیاده‌سازی رابط کاربری اپلیکیشن‌های موبایل با React Native

موضوع کلی: فناوری اطلاعات و توسعه نرم‌افزار

موضوع میانی: توسعه اپلیکیشن‌های موبایل

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

• 1. مقدمه‌ای بر توسعه اپلیکیشن‌های موبایل
• 2. مفاهیم پایه‌ای React Native
• 3. نصب و راه‌اندازی محیط توسعه
• 4. اولین اپلیکیشن React Native
• 5. ساختار پروژه‌های React Native
• 6. اجزای اصلی رابط کاربری (Components)
• 7. Text، View، Image و ScrollView
• 8. StyleSheet برای استایل‌دهی
• 9. استفاده از Props برای سفارشی‌سازی کامپوننت‌ها
• 10. State برای مدیریت وضعیت کامپوننت‌ها
• 11. مدیریت رویدادها (Event Handling)
• 12. لیست‌ها و کلیدها (Lists and Keys)
• 13. نحوه کارکرد FlatList و SectionList
• 14. مدیریت فرم‌ها و ورودی‌های کاربر
• 15. Text Input و انواع آن
• 16. بررسی اعتبارسنجی ورودی‌ها
• 17. استفاده از دکمه‌ها و تاچ‌هندلرها
• 18. نویگیشن در اپلیکیشن‌های موبایل
• 19. React Navigation
• 20. نویگیشن Stack Navigator
• 21. نویگیشن Tab Navigator
• 22. نویگیشن Drawer Navigator
• 23. مدیریت پارامترها در نویگیشن
• 24. طراحی رابط کاربری واکنش‌گرا (Responsive UI)
• 25. واحدها و اندازه‌گیری‌ها در CSS
• 26. استفاده از Flexbox برای چیدمان
• 27. طراحی ریسپانسیو برای ابعاد مختلف صفحه
• 28. مدیریت تصویر و آیکون‌ها
• 29. کار با تصاویر محلی و از راه دور
• 30. استفاده از کتابخانه‌های آیکون
• 31. انیمیشن در React Native
• 32. انیمیشن‌های پایه با Animated API
• 33. انیمیشن‌های پیچیده‌تر
• 34. انتقال بین صفحات با انیمیشن
• 35. کار با داده‌ها و APIها
• 36. درخواست‌های HTTP با Fetch API
• 37. مدیریت پاسخ‌های API
• 38. نمایش داده‌های دینامیک در UI
• 39. ذخیره‌سازی داده‌ها در موبایل
• 40. AsyncStorage برای ذخیره‌سازی ساده
• 41. مفاهیم پایه‌ای مدیریت وضعیت (State Management)
• 42. Context API برای مدیریت وضعیت سراسری
• 43. استفاده از Redux برای مدیریت وضعیت پیچیده
• 44. مقدمه‌ای بر Redux Toolkit
• 45. اکشن‌ها، ردیوسرها و استور در Redux
• 46. اتصال کامپوننت‌ها به Redux
• 47. استفاده از هوک‌های Redux
• 48. تست‌نویسی در React Native
• 49. مفاهیم تست واحد (Unit Testing)
• 50. تست یکپارچه‌سازی (Integration Testing)
• 51. ابزارهای تست مانند Jest
• 52. نوشتن تست برای کامپوننت‌ها
• 53. نوشتن تست برای منطق برنامه
• 54. بهینه‌سازی عملکرد اپلیکیشن
• 55. شناسایی گلوگاه‌های عملکرد
• 56. تکنیک‌های بهینه‌سازی رندرینگ
• 57. مدیریت حافظه در React Native
• 58. پشتیبانی از پلتفرم‌های مختلف (iOS و Android)
• 59. تفاوت‌های جزئی بین پلتفرم‌ها
• 60. نکات مربوط به بیلد و انتشار اپلیکیشن
• 61. مقدمه‌ای بر طراحی تجربه کاربری (UX)
• 62. اصول طراحی رابط کاربری (UI Design)
• 63. کاربردپذیری (Usability) در طراحی
• 64. روانشناسی رنگ در طراحی UI
• 65. تایپوگرافی و سلسله مراتب بصری
• 66. ایجاد جریان کاربری (User Flow)
• 67. طراحی پروتوتایپ‌های اولیه
• 68. ابزارهای طراحی رابط کاربری
• 69. استفاده از Figma یا Sketch
• 70. اصول طراحی برای موبایل
• 71. طراحی مینیمال و مدرن
• 72. طراحی مینیمال و مدرن (ادامه)
• 73. استفاده از گرید سیستم در طراحی
• 74. طراحی فرم‌های کاربرپسند
• 75. ارائه بازخورد به کاربر
• 76. مدیریت خطاها و پیام‌های سیستمی
• 77. طراحی نوتیفیکیشن‌ها
• 78. دسترسی‌پذیری (Accessibility) در طراحی
• 79. نکات دسترسی‌پذیری برای iOS
• 80. نکات دسترسی‌پذیری برای Android
• 81. طراحی آیکون‌های اپلیکیشن
• 82. استفاده از فونت‌های سفارشی
• 83. طراحی صفحات لودینگ (Loading Screens)
• 84. اصول طراحی برای صفحات خالی (Empty States)
• 85. طراحی صفحات خطا (Error States)
• 86. استفاده از انیمیشن‌های UI ظریف
• 87. طراحی المان‌های تعاملی
• 88. ارتباط بصری بین المان‌ها
• 89. استانداردهای طراحی پلتفرم‌ها
• 90. دستورالعمل‌های طراحی Material Design (Android)
• 91. دستورالعمل‌های طراحی Human Interface Guidelines (iOS)
• 92. تطبیق طراحی با هویت بصری برند
• 93. تست کاربردپذیری (Usability Testing)
• 94. جمع‌آوری بازخورد از کاربران
• 95. تکرار و بهبود طراحی بر اساس بازخورد
• 96. مقدمه‌ای بر الگوهای طراحی UI
• 97. الگوهای ناوبری (Navigation Patterns)
• 98. الگوهای فرم (Form Patterns)
• 99. الگوهای نمایش لیست (List Display Patterns)
• 100. اصول طراحی بصری برای اپلیکیشن‌های تجاری