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

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

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

عنوان دوره: دوره رویکرد تابعی در توسعه فرانت‌اند با React و Redux

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

موضوع میانی: برنامه‌نویسی تابعی (Functional Programming)

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

• 1. مقدمه‌ای بر برنامه‌نویسی و پارادایم‌ها
• 2. برنامه‌نویسی امری در مقابل برنامه‌نویسی تابعی
• 3. چرا برنامه‌نویسی تابعی (Functional Programming)؟
• 4. مفهوم توابع خالص (Pure Functions)
• 5. عدم تغییرپذیری (Immutability) در برنامه‌نویسی تابعی
• 6. توابع به عنوان شهروند درجه یک (First-Class Functions)
• 7. توابع مرتبه بالا (Higher-Order Functions)
• 8. شفافیت ارجاعی (Referential Transparency)
• 9. عوارض جانبی (Side Effects) و مدیریت آن‌ها
• 10. برنامه‌نویسی اعلانی (Declarative) در مقابل دستوری (Imperative)
• 11. مفهوم کلوژرها (Closures)
• 12. اعمال جزئی (Partial Application) و کریینگ (Currying)
• 13. ترکیب توابع (Function Composition)
• 14. سبک برنامه‌نویسی بدون نقطه (Point-Free Style)
• 15. بازگشت (Recursion) در برنامه‌نویسی تابعی
• 16. ویژگی‌های ES6+ برای برنامه‌نویسی تابعی
• 17. توابع پیکانی (Arrow Functions) و `const`/`let`
• 18. عملگر Spread و Rest در JavaScript
• 19. تجزیه ساختار (Destructuring) آرایه‌ها و آبجکت‌ها
• 20. متدهای آرایه برای برنامه‌نویسی تابعی: `map`
• 21. متدهای آرایه برای برنامه‌نویسی تابعی: `filter`
• 22. متدهای آرایه برای برنامه‌نویسی تابعی: `reduce`
• 23. سایر متدهای آرایه (forEach, some, every, find)
• 24. تضمین عدم تغییرپذیری آبجکت‌ها در JavaScript
• 25. تکنیک‌های کپی عمیق و کم عمق (Deep vs. Shallow Copy)
• 26. پیاده‌سازی `compose` و `pipe` سفارشی
• 27. مدیریت خطا به روش تابعی در JavaScript
• 28. برنامه‌نویسی ناهمگام تابعی با Promises و async/await
• 29. مثال‌های عملی از توابع خالص در جاوا اسکریپت
• 30. ساخت ابزارهای کاربردی FP در JavaScript
• 31. معرفی React: چرا و چگونه؟
• 32. تنظیم و راه‌اندازی پروژه React با Vite/CRA
• 33. JSX: نحو و قدرت آن
• 34. کامپوننت‌های تابعی (Functional Components) در مقابل کلاسی
• 35. Props: جریان داده یک طرفه در React
• 36. مدیریت State با هوک `useState`
• 37. عدم تغییرپذیری State در React
• 38. مدیریت عوارض جانبی با هوک `useEffect`
• 39. فازهای Mount, Update, Unmount با `useEffect`
• 40. رندر شرطی (Conditional Rendering) در React
• 41. رندر لیست‌ها و استفاده از `key`
• 42. مدیریت رویدادها (Event Handling) در React
• 43. کار با فرم‌ها و کامپوننت‌های کنترل‌شده (Controlled Components)
• 44. ترکیب کامپوننت‌ها (Component Composition)
• 45. `useContext` API برای مدیریت State سراسری (مقدماتی)
• 46. استفاده از `useRef` برای دسترسی به DOM و مدیریت Side Effects
• 47. ساخت Custom Hooks برای منطق قابل استفاده مجدد
• 48. بهینه‌سازی عملکرد با `React.memo`
• 49. بهینه‌سازی توابع با `useCallback`
• 50. بهینه‌سازی محاسبات با `useMemo`
• 51. استفاده از DevTools برای اشکال‌زدایی React
• 52. الگوی Container/Presenter (Smart/Dumb Components)
• 53. Context API پیشرفته و `useReducer` برای State پیچیده
• 54. مدیریت خطا در کامپوننت‌های React (Error Boundaries)
• 55. مقدمه‌ای بر تست کامپوننت‌های React
• 56. چالش‌های مدیریت State در برنامه‌های بزرگ فرانت‌اند
• 57. معرفی Redux: اصول و مزایا
• 58. سه اصل Redux: یک منبع واحد حقیقت، State فقط خواندنی، تغییر با توابع خالص
• 59. معماری Redux: Store, Actions, Reducers
• 60. ساخت Actions: نوع و Payload
• 61. سازندگان Action (Action Creators)
• 62. Reducers: توابع خالص برای تغییر State
• 63. به‌روزرسانی‌های غیرقابل تغییر در Reducers
• 64. Redux Store: `configureStore` از Redux Toolkit
• 65. اتصال React به Redux با `react-redux`
• 66. انتخاب State با هوک `useSelector`
• 67. ارسال Actionها با هوک `useDispatch`
• 68. طراحی State در Redux: ساختار داده‌ها
• 69. سازماندهی Reducers: `combineReducers`
• 70. مدیریت State برای ویژگی‌ها (Feature Slices) با Redux Toolkit
• 71. مدیریت عملیات ناهمگام با Redux Thunk
• 72. پیاده‌سازی Redux Thunk برای فراخوانی API
• 73. مدیریت خطا در Redux Thunk
• 74. استفاده از Selectors برای استخراج داده‌ها
• 75. Selectors memoized با Reselect برای بهینه‌سازی
• 76. Middlewares در Redux: مفهوم و کاربرد
• 77. استفاده از Redux DevTools برای اشکال‌زدایی State
• 78. معماری Duck Pattern برای سازماندهی Redux
• 79. تست Reducers و Actions
• 80. تست Redux Thunks
• 81. کار با فرم‌های پیچیده با ترکیب React و Redux
• 82. استفاده از `immer` برای سادگی در به‌روزرسانی State غیرقابل تغییر
• 83. الگوهای Higher-Order Components (HOCs) از دیدگاه تابعی
• 84. الگوی Render Props و مقایسه با HOCs
• 85. ترکیب Custom Hooks و HOCs برای منطق مشترک
• 86. کاربرد Currying و Partial Application در React و Redux
• 87. ترکیب توابع برای مدیریت منطق پیچیده UI و داده
• 88. مفهوم Functors و Monads (معرفی کلی و کاربرد عملی)
• 89. مدیریت خطاهای تابعی با الگوهای `Either` یا `Result` (مفاهیم)
• 90. Lens: راهی برای کار با داده‌های تو در تو به شکل تابعی
• 91. تست یکپارچه (Integration Testing) کامپوننت‌های React-Redux
• 92. تست End-to-End برای برنامه‌های فرانت‌اند تابعی
• 93. بهینه‌سازی عملکرد در برنامه‌های React-Redux تابعی
• 94. بارگذاری تنبل (Lazy Loading) و تقسیم کد (Code Splitting) در React
• 95. پیاده‌سازی معماری تمیز (Clean Architecture) در فرانت‌اند
• 96. نکات امنیتی در توسعه فرانت‌اند تابعی
• 97. دیپلوی (Deploy) برنامه React-Redux
• 98. بررسی بهترین روش‌ها و الگوهای طراحی تابعی
• 99. مروری بر اکوسیستم برنامه‌نویسی تابعی و منابع
• 100. پروژه‌ نهایی: ساخت یک اپلیکیشن کامل با رویکرد تابعی