دوره ساخت رابط‌های کاربری پویا و واکنش‌گرا در React با رویکرد غیرهمزمان همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره ساخت رابط‌های کاربری پویا و واکنش‌گرا در React با رویکرد غیرهمزمان

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

موضوع میانی: برنامه‌نویسی کاربردی با React

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

• 1. مقدمه‌ای بر توسعهٔ وب و React
• 2. نصب و راه‌اندازی محیط توسعه React
• 3. مفاهیم اصلی JSX و رندرینگ در React
• 4. کامپوننت‌های تابعی و کلاس در React
• 5. مدیریت وضعیت (State) در کامپوننت‌ها
• 6. مدیریت Props و انتقال داده‌ها
• 7. هوک‌های React: useState و useEffect
• 8. چرخهٔ حیات کامپوننت‌ها در React
• 9. کار با رویدادها در React
• 10. فرم‌ها و کنترل ورودی‌ها در React
• 11. لیست‌ها و کلیدها در React
• 12. استایل‌دهی به کامپوننت‌ها در React
• 13. مفهوم Context API در React
• 14. مدیریت وضعیت پیشرفته با Context API
• 15. مقدمه‌ای بر برنامه‌نویسی غیرهمزمان (Asynchronous Programming)
• 16. مفاهیم Callbacks و Promises در جاوا اسکریپت
• 17. آشنایی با Async/Await در جاوا اسکریپت
• 18. مدیریت خطاهای غیرهمزمان
• 19. کار با Fetch API برای درخواست‌های شبکه
• 20. ساخت کامپوننت‌های بارگذار (Loading Components)
• 21. نمایش داده‌های دریافتی از API
• 22. مدیریت وضعیت بارگذاری و خطا در کامپوننت‌ها
• 23. استفاده از کتابخانه‌های مدیریت وضعیت (اختیاری)
• 24. مقدمه‌ای بر React Router برای مسیریابی
• 25. نصب و پیکربندی React Router
• 26. تعریف مسیرها و لینک‌ها در React Router
• 27. مسیریابی پویا (Dynamic Routing)
• 28. پارامترهای مسیر (Route Parameters)
• 29. مسیریابی تو در تو (Nested Routing)
• 30. مسیریابی محافظت شده (Protected Routes)
• 31. استفاده از History API در React Router
• 32. مقدمه‌ای بر مدیریت فرم‌های پیچیده
• 33. کتابخانه‌های مدیریت فرم (مانند Formik)
• 34. اعتبارسنجی (Validation) فرم‌ها
• 35. مدیریت وضعیت فرم با کتابخانه‌های خارجی
• 36. مقدمه‌ای بر تست نویسی در React
• 37. انواع تست‌ها: Unit, Integration, End-to-End
• 38. استفاده از Jest برای تست نویسی
• 39. استفاده از React Testing Library
• 40. نوشتن تست برای کامپوننت‌ها
• 41. تست رویدادها و تعاملات کاربر
• 42. تست مدیریت وضعیت و Props
• 43. تست درخواست‌های API
• 44. مقدمه‌ای بر طراحی رابط کاربری واکنش‌گرا
• 45. استفاده از CSS Grid و Flexbox
• 46. کتابخانه‌های UI مانند Material-UI یا Ant Design
• 47. کامپوننت‌های آماده و سفارشی‌سازی آن‌ها
• 48. طراحی ریسپانسیو برای اندازه‌های مختلف صفحه
• 49. تست واکنش‌گرایی رابط کاربری
• 50. مقدمه‌ای بر Server-Side Rendering (SSR)
• 51. مزایا و معایب SSR
• 52. استفاده از Next.js برای SSR
• 53. تنظیمات اولیه Next.js
• 54. ساخت صفحات با Next.js
• 55. مسیریابی در Next.js
• 56. مدیریت داده‌ها در Next.js
• 57. مقدمه‌ای بر GraphQL
• 58. مقایسه GraphQL با REST API
• 59. نوشتن کوئری‌ها و میوتشن‌های GraphQL
• 60. استفاده از Apollo Client در React
• 61. مدیریت وضعیت GraphQL در React
• 62. مقدمه‌ای بر PWA (Progressive Web Apps)
• 63. قابلیت‌های PWA
• 64. ساخت PWA با React
• 65. سرویس ورکرها (Service Workers)
• 66. کش کردن (Caching) در PWA
• 67. اعلان‌های Push در PWA
• 68. بهینه‌سازی عملکرد در React
• 69. تجزیه و تحلیل عملکرد با React DevTools
• 70. کد اسپلایتینگ (Code Splitting)
• 71. Memoization و UseMemo/UseCallback
• 72. بهینه‌سازی رندرینگ کامپوننت‌ها
• 73. مدیریت حافظه در برنامه‌های React
• 74. مقدمه‌ای بر معماری برنامه‌های React
• 75. الگوهای طراحی در React
• 76. مدیریت وابستگی‌ها (Dependency Management)
• 77. استفاده از Webpack و Babel
• 78. پیکربندی پیشرفته ابزارهای ساخت
• 79. مقدمه‌ای بر امنیت در برنامه‌های وب
• 80. ملاحظات امنیتی در React
• 81. جلوگیری از حملات XSS
• 82. مدیریت امن توکن‌ها و احراز هویت
• 83. مقدمه‌ای بر DevOps در توسعه React
• 84. استقرار (Deployment) برنامه‌های React
• 85. سیستم‌های CI/CD (Continuous Integration/Continuous Deployment)
• 86. مانیتورینگ و لاگینگ برنامه‌ها
• 87. به‌روزرسانی و نگهداری برنامه‌های React
• 88. کار با State Management Library پیشرفته (Redux)
• 89. مفاهیم Redux: Actions, Reducers, Store
• 90. اتصال Redux به React با React-Redux
• 91. استفاده از Redux Toolkit
• 92. مدیریت وضعیت پیچیده با Redux
• 93. مقدمه‌ای بر TypeScript در React
• 94. نصب و پیکربندی TypeScript
• 95. استفاده از Type ها برای Props و State
• 96. نوشتن کامپوننت‌های تایپ شده
• 97. مزایای TypeScript در توسعه React
• 98. ساخت کامپوننت‌های قابل استفاده مجدد
• 99. الگوهای طراحی کامپوننت
• 100. کامپوننت‌های HOC (Higher-Order Components)