دوره مبانی و ویژگی‌های متمایز کتابخانه‌های جاوااسکریپت در توسعهٔ رابط کاربری وب (با تمرکز بر مفاهیم اصلی React) همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره مبانی و ویژگی‌های متمایز کتابخانه‌های جاوااسکریپت در توسعهٔ رابط کاربری وب (با تمرکز بر مفاهیم اصلی React)

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

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

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

• 1. مبانی برنامه‌نویسی جاوااسکریپت برای توسعه وب
• 2. ساختار داده‌ها در جاوااسکریپت
• 3. الگوریتم‌های پایه و کاربرد آن‌ها
• 4. مقدمه‌ای بر توسعهٔ رابط کاربری وب
• 5. معرفی کتابخانه‌های جاوااسکریپت
• 6. اصول معماری نرم‌افزار در توسعهٔ وب
• 7. مدیریت وضعیت در برنامه‌های کاربردی
• 8. اصول طراحی کامپوننت‌محور
• 9. معرفی کامپوننت‌های تابعی و کلاسی
• 10. چرخهٔ حیات کامپوننت‌ها
• 11. مدیریت رویدادها در رابط کاربری
• 12. کار با فرم‌ها و ورودی‌های کاربر
• 13. اعتبارسنجی داده‌های ورودی
• 14. مقدمه‌ای بر React
• 15. چرا React؟ مزایا و فلسفهٔ آن
• 16. JSX: سینتکس توسعه‌یافتهٔ جاوااسکریپت
• 17. رندرینگ در React: Virtual DOM
• 18. آپدیت و بازسازی رابط کاربری
• 19. مدیریت وضعیت با useState
• 20. مدیریت اثرات جانبی با useEffect
• 21. داده‌نگاری (Props) و ارتباط بین کامپوننت‌ها
• 22. لیست‌ها و کلیدها (Keys) در React
• 23. شرطی‌سازی رندرینگ
• 24. استایل‌دهی در کامپوننت‌های React
• 25. CSS Modules
• 26. Styled-Components
• 27. مقدمه‌ای بر Context API
• 28. استفاده از Context برای اشتراک‌گذاری وضعیت
• 29. مدیریت وضعیت پیچیده با Redux
• 30. معرفی Redux Toolkit
• 31. اکشن‌ها (Actions) و ردیوسرها (Reducers)
• 32. ساختار برنامه با Redux
• 33. اتصال React به Redux
• 34. استفاده از هوک‌ها در Redux
• 35. مسیریابی (Routing) در برنامه‌های React
• 36. React Router DOM
• 37. تعریف مسیرهای دینامیک
• 38. پارامترهای مسیر
• 39. لینک‌های ناوبری
• 40. مدیریت وضعیت URL
• 41. مقدمه‌ای بر فرم‌های پیشرفته در React
• 42. React Hook Form
• 43. اعتبارسنجی با Yup
• 44. استفاده از Context و Redux برای مدیریت فرم
• 45. مقدمه‌ای بر تست‌نویسی در React
• 46. Jest و React Testing Library
• 47. نوشتن تست برای کامپوننت‌ها
• 48. تست رویدادها و تعاملات کاربر
• 49. تست وضعیت و props
• 50. مقدمه‌ای بر بهینه‌سازی عملکرد در React
• 51. Memoization با React.memo
• 52. استفاده از useMemo و useCallback
• 53. Lazy Loading و Code Splitting
• 54. React.lazy و Suspense
• 55. بهینه‌سازی رندرینگ
• 56. مدیریت خطا در React
• 57. Error Boundaries
• 58. گزارش خطا
• 59. مقدمه‌ای بر توسعهٔ اپلیکیشن‌های تک‌صفحه‌ای (SPA)
• 60. معماری SPA با React
• 61. مزایای SPA
• 62. محدودیت‌های SPA
• 63. بهینه‌سازی SEO در SPA
• 64. مقدمه‌ای بر ابزارهای توسعهٔ React
• 65. React Developer Tools
• 66. ESLint و Prettier
• 67. مدیریت بسته‌ها با npm یا yarn
• 68. مقدمه‌ای بر معماری میکروسرویس‌ها
• 69. استفاده از React در معماری میکروسرویس
• 70. ارتباط بین میکروسرویس‌ها
• 71. امنیت در برنامه‌های وب
• 72. اصول امنیتی در توسعهٔ React
• 73. احراز هویت و مجوزدهی
• 74. مدیریت کوکی‌ها و سشن‌ها
• 75. مقدمه‌ای بر طراحی واکنش‌گرا (Responsive Design)
• 76. پیاده‌سازی طراحی واکنش‌گرا با CSS Grid و Flexbox
• 77. استفاده از کتابخانه‌های UI
• 78. Material-UI
• 79. Ant Design
• 80. Bootstrap for React
• 81. مقدمه‌ای بر Server-Side Rendering (SSR)
• 82. Next.js: فریم‌ورک React برای SSR
• 83. مزایای SSR
• 84. معماری Next.js
• 85. صفحات در Next.js
• 86. مسیریابی در Next.js
• 87. API Routes در Next.js
• 88. استفاده از داده‌ها در Next.js
• 89. استاتیک سایت جنریشن (SSG)
• 90. مقدمه‌ای بر GraphQL
• 91. استفاده از Apollo Client با React
• 92. مزایای GraphQL
• 93. توسعهٔ API با Node.js و Express
• 94. اتصال React به APIهای Node.js
• 95. مدیریت داده‌های سمت سرور
• 96. مقدمه‌ای بر TypeScript
• 97. استفاده از TypeScript در پروژه‌های React
• 98. مزایای TypeScript
• 99. تعریف انواع داده‌ها
• 100. مدیریت وضعیت با Zustand