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

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

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

عنوان دوره: دوره تسلط بر مهارت‌های پیشرفته در توسعهٔ واسط کاربری با React

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

موضوع میانی: طراحی و پیاده‌سازی واسط‌های کاربری پیشرفته با استفاده از فریم‌ورک‌های مدرن

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

• 1. مقدمه‌ای بر توسعهٔ واسط کاربری مدرن
• 2. اصول طراحی واکنش‌گرا در React
• 3. مدیریت وضعیت (State Management) در کامپوننت‌ها
• 4. کامپوننت‌های تابعی و هوک‌ها (Hooks)
• 5. هوک‌های سفارشی (Custom Hooks) برای منطق مشترک
• 6. مدیریت فرم‌ها با React Hook Form
• 7. اعتبارسنجی ورودی‌های فرم
• 8. کار با API ها و مدیریت داده‌های ناهمگام
• 9. استفاده از Axios برای درخواست‌های HTTP
• 10. مدیریت خطاهای شبکه و پاسخ‌های API
• 11. اصول معماری کامپوننت‌های قابل استفاده مجدد
• 12. الگوهای طراحی کامپوننت (Component Patterns)
• 13. ترکیب کامپوننت‌ها (Composition)
• 14. ارث‌بری کامپوننت‌ها (Inheritance) در React
• 15. مدیریت رویدادها (Event Handling) در React
• 16. پردازش رویدادهای ورودی کاربر
• 17. استفاده از Context API برای اشتراک‌گذاری وضعیت
• 18. نکات پیشرفته در Context API
• 19. مدیریت وضعیت با Redux Toolkit
• 20. کاهش‌دهنده‌ها (Reducers) و اکشن‌ها (Actions) در Redux
• 21. سازماندهی کد Redux
• 22. استفاده از React Query برای مدیریت وضعیت سمت سرور
• 23. کش کردن (Caching) و همگام‌سازی داده‌ها با React Query
• 24. مدیریت خطا در React Query
• 25. مسیریابی (Routing) در برنامه‌های تک‌صفحه‌ای (SPA)
• 26. استفاده از React Router DOM
• 27. مسیریابی شرطی و پارامترها
• 28. مسیریابی محافظت شده (Protected Routes)
• 29. انیمیشن‌ها و افکت‌های بصری در React
• 30. استفاده از React Transition Group
• 31. مدیریت انیمیشن‌های پیچیده
• 32. اصول تست‌نویسی در React
• 33. تست واحد (Unit Testing) کامپوننت‌ها
• 34. استفاده از Jest و React Testing Library
• 35. تست یکپارچه‌سازی (Integration Testing)
• 36. تست‌های End-to-End (E2E)
• 37. استفاده از Cypress برای تست E2E
• 38. بهینه‌سازی عملکرد (Performance Optimization)
• 39. تشخیص و رفع گلوگاه‌های عملکرد
• 40. Memoization و useCallback
• 41. Lazy Loading کامپوننت‌ها
• 42. Code Splitting
• 43. مدیریت حافظه در React
• 44. اصول دسترسی‌پذیری (Accessibility) در وب
• 45. پیاده‌سازی ARIA Attributes
• 46. تست دسترسی‌پذیری
• 47. امنیت در برنامه‌های React
• 48. جلوگیری از حملات XSS
• 49. مدیریت ایمن توکن‌های احراز هویت
• 50. اصول طراحی رابط کاربری (UI Design Principles)
• 51. هماهنگی رنگ، تایپوگرافی و چیدمان
• 52. طراحی برای تجربه کاربری (UX Design)
• 53. مطالعات موردی (Case Studies) از برنامه‌های موفق React
• 54. بازسازی کامپوننت‌های پیچیده
• 55. بهبود ساختار کد
• 56. استفاده از TypeScript در React
• 57. تعریف انواع (Types) برای کامپوننت‌ها و پراپ‌ها
• 58. مدیریت وضعیت با Zustand
• 59. نکات پیشرفته در Zustand
• 60. مدیریت وضعیت با Jotai
• 61. مقایسه کتابخانه‌های مدیریت وضعیت
• 62. اصول طراحی سیستم‌های کامپوننت (Component Systems)
• 63. ساخت کتابخانه کامپوننت سفارشی
• 64. مستندسازی کامپوننت‌ها با Storybook
• 65. استفاده از Storybook برای ایزوله کردن کامپوننت‌ها
• 66. تست‌های بصری (Visual Regression Testing)
• 67. مدیریت جهانی تم‌ها (Theming)
• 68. پیاده‌سازی حالت تاریک (Dark Mode)
• 69. اصول برنامه‌نویسی واکنشی (Reactive Programming)
• 70. استفاده از RxJS در React (در صورت لزوم و با احتیاط)
• 71. مدیریت اعلان‌ها (Notifications)
• 72. پیاده‌سازی قابلیت جستجو پیشرفته
• 73. کار با داده‌های بزرگ و جدول‌ها
• 74. اصول معماری میکروسرویس‌ها در فرانت‌اند
• 75. مدیریت تنظیمات برنامه
• 76. پیکربندی برنامه (Configuration Management)
• 77. استفاده از Environment Variables
• 78. اصول CI/CD (Continuous Integration/Continuous Deployment)
• 79. تنظیم پایپ‌لاین CI/CD برای برنامه‌های React
• 80. استقرار (Deployment) برنامه‌های React
• 81. مدیریت خطا در سطح برنامه
• 82. لاگ‌گیری (Logging) در فرانت‌اند
• 83. نکات امنیتی در تنظیمات سرور
• 84. اصول نوشتن کد تمیز و خوانا
• 85. بازنگری کد (Code Review)
• 86. مدیریت وابستگی‌ها (Dependency Management)
• 87. به‌روزرسانی کتابخانه‌ها و فریم‌ورک‌ها
• 88. مواجهه با چالش‌های فنی در پروژه‌های واقعی
• 89. راهکارهای مقابله با پیچیدگی کد
• 90. اصول توسعهٔ پایدار (Sustainable Development)
• 91. یادگیری مداوم و به‌روز ماندن
• 92. جمع‌بندی و نگاه به آیندهٔ توسعهٔ واسط کاربری