فلش‌کارت‌های آموزشی آموزش جامع ری‌اکت از مقدماتی تا پیشرفته (ReactJS)

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

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

عنوان دوره: دوره آموزش جامع ری‌اکت از مقدماتی تا پیشرفته (ReactJS)

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

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

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

• 1. مقدمه ای بر توسعه وب مدرن
• 2. آشنایی با جاوااسکریپت برای ری‌اکت
• 3. مفاهیم پایه جاوااسکریپت (ES6+)
• 4. متغیرها، انواع داده و عملگرها
• 5. ساختار کنترل: شرط‌ها و حلقه‌ها
• 6. توابع در جاوااسکریپت
• 7. آرایه‌ها و متدهای آن‌ها
• 8. اشیاء در جاوااسکریپت
• 9. آشنایی با DOM (Document Object Model)
• 10. مدیریت رویدادها در DOM
• 11. مقدمه ای بر ری‌اکت (React)
• 12. چرا ری‌اکت؟ مزایا و کاربردها
• 13. نصب و راه‌اندازی محیط توسعه ری‌اکت
• 14. JSX: سینتکس و قواعد آن
• 15. کامپوننت‌ها در ری‌اکت (Component-Based Architecture)
• 16. کامپوننت‌های تابعی (Functional Components)
• 17. کامپوننت‌های کلاسی (Class Components)
• 18. Props: انتقال داده به کامپوننت‌ها
• 19. State: مدیریت وضعیت داخلی کامپوننت
• 20. هوک‌های ری‌اکت: مقدمه
• 21. هوک useState
• 22. هوک useEffect
• 23. هوک useContext
• 24. هوک useReducer
• 25. هوک useRef
• 26. هوک useMemo و useCallback
• 27. مدیریت فرم‌ها در ری‌اکت
• 28. کنترل شده در مقابل غیرکنترل شده (Controlled vs Uncontrolled)
• 29. اعتبارسنجی فرم‌ها
• 30. رندر شرطی (Conditional Rendering)
• 31. لیست‌ها و کلیدها (Lists and Keys)
• 32. استایل‌دهی کامپوننت‌ها در ری‌اکت
• 33. استایل‌دهی درون‌خطی (Inline Styles)
• 34. CSS Modules
• 35. Styled Components
• 36. کتابخانه‌های UI (مانند Material-UI یا Ant Design)
• 37. مسیریابی در برنامه‌های ری‌اکت (React Router)
• 38. نصب و پیکربندی React Router
• 39. مسیرهای پایه و پارامترها
• 40. مسیرهای تودرتو (Nested Routes)
• 41. مسیریابی برنامه‌ریزی شده (Programmatic Navigation)
• 42. هوک‌های React Router (useNavigate, useParams, useLocation)
• 43. مدیریت وضعیت پیشرفته در ری‌اکت
• 44. مقدمه ای بر مدیریت وضعیت سراسری
• 45. Context API برای مدیریت وضعیت
• 46. Redux: اصول اولیه
• 47. نصب و پیکربندی Redux
• 48. Actions, Reducers, Store
• 49. اتصال ری‌اکت به Redux (react-redux)
• 50. Hooks در Redux (useSelector, useDispatch)
• 51. Redux Toolkit (RTK) - رویکرد مدرن
• 52. مفاهیم Middleware در Redux
• 53. Thunks و Sagas
• 54. فراخوانی API در برنامه‌های ری‌اکت
• 55. Fetch API
• 56. Axios برای درخواست‌های HTTP
• 57. مدیریت خطاهای API
• 58. پایپ‌لاین‌های داده (Data Pipelines)
• 59. مفاهیم SSR (Server-Side Rendering)
• 60. Next.js: فریم‌ورک ری‌اکت برای SSR
• 61. مقدمه ای بر تست در ری‌اکت
• 62. تست واحد (Unit Testing)
• 63. کتابخانه Jest
• 64. کتابخانه React Testing Library
• 65. تست یکپارچه‌سازی (Integration Testing)
• 66. تست End-to-End (E2E)
• 67. ابزارهای تست E2E (مانند Cypress)
• 68. بهینه‌سازی عملکرد در ری‌اکت
• 69. Memoization و PureComponent
• 70. Code Splitting و Lazy Loading
• 71. React DevTools برای پروفایلینگ
• 72. اصول طراحی واکنش‌گرا (Responsive Design)
• 73. استقرار (Deployment) برنامه‌های ری‌اکت
• 74. استقرار با Netlify
• 75. استقرار با Vercel
• 76. استقرار با GitHub Pages
• 77. مقدمه ای بر TypeScript در ری‌اکت
• 78. نصب و پیکربندی TypeScript
• 79. انواع داده و رابط‌ها (Interfaces) در TypeScript
• 80. استفاده از TypeScript با کامپوننت‌های ری‌اکت
• 81. مباحث پیشرفته ری‌اکت
• 82. Hooks سفارشی (Custom Hooks)
• 83. Render Props Pattern
• 84. Higher-Order Components (HOCs)
• 85. Portals
• 86. Error Boundaries
• 87. Web Workers در ری‌اکت
• 88. Progressive Web Apps (PWAs) در ری‌اکت
• 89. امنیت در برنامه‌های وب ری‌اکت
• 90. مقدمه ای بر معماری نرم‌افزار
• 91. اصول SOLID در طراحی
• 92. الگوهای طراحی رایج (Design Patterns)
• 93. مقدمه ای بر DevSecOps
• 94. آشنایی با ابزارهای CI/CD
• 95. کاربرد Git در توسعه نرم‌افزار
• 96. اصول گزارش‌دهی و مستندسازی
• 97. فرهنگ کار تیمی و اصول توسعه نرم‌افزار چابک
• 98. مرور و جمع‌بندی مفاهیم کلیدی
• 99. مسیرهای یادگیری بیشتر در اکوسیستم جاوااسکریپت