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

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

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

عنوان دوره: دوره تحولات بنیادین در توسعهٔ رابط کاربری با React

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

موضوع میانی: توسعهٔ وب و رابط کاربری

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

• 1. مبانی طراحی رابط کاربری مدرن
• 2. معرفی اکوسیستم توسعهٔ وب
• 3. تاریخچه و تکامل ابزارهای فرانت‌اند
• 4. چرا React؟ اصول کلیدی و مزایا
• 5. مفهوم کامپوننت در React
• 6. JSX: سینتکس برای توصیف UI
• 7. Props: انتقال داده به کامپوننت‌ها
• 8. State: مدیریت وضعیت داخلی کامپوننت
• 9. چرخهٔ حیات کامپوننت‌ها در React
• 10. رویدادها و مدیریت تعامل کاربر
• 11. کدنویسی شرطی در React
• 12. لیست‌ها و کلیدها در React
• 13. فرم‌ها و مدیریت ورودی‌ها
• 14. Hooks: معرفی و کاربرد
• 15. useState: مدیریت وضعیت در توابع
• 16. useEffect: مدیریت اثرات جانبی
• 17. useContext: به اشتراک‌گذاری وضعیت سراسری
• 18. useReducer: مدیریت وضعیت پیچیده
• 19. Custom Hooks: ساخت ابزارهای قابل استفاده مجدد
• 20. مفاهیم پیشرفتهٔ کامپوننت
• 21. Controlled vs Uncontrolled Components
• 22. Composition vs Inheritance
• 23. Render Props Pattern
• 24. Higher-Order Components (HOCs)
• 25. Context API برای مدیریت وضعیت
• 26. مقدمه‌ای بر Redux
• 27. مفاهیم اصلی Redux: State, Actions, Reducers
• 28. اتصال React به Redux
• 29. Redux Toolkit: ساده‌سازی Redux
• 30. مقدمه‌ای بر مدیریت رویدادهای پیچیده
• 31. مباحث پیشرفتهٔ State Management
• 32. Server-Side Rendering (SSR) با React
• 33. Next.js: فریم‌ورک React برای SSR
• 34. Static Site Generation (SSG)
• 35. معرفی GraphQL
• 36. مقایسهٔ GraphQL با REST API
• 37. استفاده از Apollo Client با React
• 38. مدیریت خطا در React
• 39. تست‌نویسی در React
• 40. Unit Testing با Jest و React Testing Library
• 41. Integration Testing
• 42. End-to-End Testing
• 43. مقدمه‌ای بر TypeScript در React
• 44. مزایای TypeScript برای توسعهٔ وب
• 45. نحوهٔ استفاده از TypeScript با React
• 46. بهینه‌سازی عملکرد در React
• 47. Memoization و React.memo
• 48. Code Splitting و Lazy Loading
• 49. Virtualization برای لیست‌های طولانی
• 50. مقدمه‌ای بر ابزارهای توسعهٔ وب
• 51. Webpack و پیکربندی آن
• 52. Babel و Transpilation کد
• 53. ESLint و Prettier برای کیفیت کد
• 54. مقدمه‌ای بر CI/CD در پروژه‌های React
• 55. مفهوم Continuous Integration
• 56. مفهوم Continuous Deployment
• 57. استقرار اپلیکیشن‌های React
• 58. امنیت در توسعهٔ وب
• 59. ملاحظات امنیتی در React
• 60. جلوگیری از حملات XSS
• 61. مدیریت امن داده‌های کاربر
• 62. اصول طراحی رابط کاربری (UI Design)
• 63. اصول تجربهٔ کاربری (UX Design)
• 64. دسترسی‌پذیری (Accessibility) در وب
• 65. استانداردهای وب WAI-ARIA
• 66. مقدمه‌ای بر طراحی واکنش‌گرا (Responsive Design)
• 67. استفاده از CSS Modules
• 68. استفاده از Styled Components
• 69. مقدمه‌ای بر ابزارهای طراحی UI
• 70. Material-UI (MUI)
• 71. Ant Design
• 72. Chakra UI
• 73. مدیریت استایل در پروژه‌های بزرگ React
• 74. معرفی مفاهیم Design Systems
• 75. توسعهٔ مولفه‌محور (Component-Driven Development)
• 76. مقدمه‌ای بر معماری اپلیکیشن‌های React
• 77. Clean Architecture در React
• 78. مدیریت وابستگی‌ها در React
• 79. نکات و ترفندهای کاربردی در React
• 80. مقدمه‌ای بر WebAssembly
• 81. کاربرد WebAssembly در React
• 82. آیندهٔ توسعهٔ رابط کاربری
• 83. جمع‌بندی و مسیر یادگیری
• 84. اصول برنامه‌نویسی تابعی در JavaScript
• 85. توابع خالص (Pure Functions)
• 86. Immutability در مدیریت داده‌ها
• 87. مفهوم Side Effects و مدیریت آن‌ها
• 88. فراخوانی API در React (Fetch API)
• 89. مدیریت وضعیت بارگذاری (Loading State)
• 90. نمایش پیام‌های خطا به کاربر
• 91. مفهوم State Management Libraries
• 92. انتخاب کتابخانهٔ مناسب برای State Management
• 93. مقدمه‌ای بر Server Components در React
• 94. مزایای Server Components
• 95. کاربرد Server Components در Next.js
• 96. بهینه‌سازی تصاویر در React
• 97. Lazy Loading تصاویر
• 98. استفاده از فرمت‌های تصویری مدرن
• 99. مقدمه‌ای بر Progressive Web Apps (PWAs)
• 100. قابلیت‌های PWAs