دوره آموزش جامع React.js برای ساخت رابط‌های کاربری پویا همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره آموزش جامع React.js برای ساخت رابط‌های کاربری پویا

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

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

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

• 1. مبانی جاوااسکریپت برای توسعه وب
• 2. مقدمه‌ای بر React.js
• 3. چرا React.js؟
• 4. نصب و راه‌اندازی محیط توسعه React
• 5. ساختار پروژه React
• 6. مفاهیم JSX
• 7. رندر کردن عناصر در React
• 8. کامپوننت‌های تابعی (Functional Components)
• 9. کامپوننت‌های کلاسی (Class Components)
• 10. Props در React
• 11. State در React
• 12. مدیریت State در کامپوننت‌ها
• 13. رویدادها در React
• 14. لیست‌ها و کلیدها (Keys) در React
• 15. شرطی‌سازی رندرینگ (Conditional Rendering)
• 16. فرم‌ها در React
• 17. مدیریت فرم‌های کنترل شده (Controlled Components)
• 18. مدیریت فرم‌های غیرکنترل شده (Uncontrolled Components)
• 19. چرخه حیات کامپوننت‌های کلاسی (Class Component Lifecycle)
• 20. هوک‌های React (React Hooks)
• 21. هوک useState
• 22. هوک useEffect
• 23. هوک useContext
• 24. ساخت کامپوننت‌های قابل استفاده مجدد
• 25. ارتباط بین کامپوننت‌ها
• 26. ارتباط والد به فرزند (Parent to Child Communication)
• 27. ارتباط فرزند به والد (Child to Parent Communication)
• 28. ارتباط بین کامپوننت‌های خواهر و برادر (Sibling Communication)
• 29. Context API برای مدیریت State سراسری
• 30. مقدمه‌ای بر مدیریت State پیشرفته
• 31. کتابخانه‌های مدیریت State (مانند Redux)
• 32. مقدمه‌ای بر Redux
• 33. Actions در Redux
• 34. Reducers در Redux
• 35. Store در Redux
• 36. اتصال React به Redux
• 37. Hooks در Redux (useSelector, useDispatch)
• 38. مقدمه‌ای بر React Router
• 39. نصب و راه‌اندازی React Router
• 40. تعریف مسیرها (Routes)
• 41. لینک‌دهی در React Router
• 42. پارامترهای مسیر (Route Parameters)
• 43. مسیرهای تودرتو (Nested Routes)
• 44. بارگذاری داده‌ها در React
• 45. Fetch API در JavaScript
• 46. استفاده از Fetch در React
• 47. مدیریت خطاها در Fetch
• 48. مقدمه‌ای بر کتابخانه‌های UI
• 49. کتابخانه Material UI
• 50. نصب و استفاده از Material UI
• 51. کامپوننت‌های Material UI
• 52. کتابخانه Ant Design
• 53. نصب و استفاده از Ant Design
• 54. کامپوننت‌های Ant Design
• 55. استایل‌دهی در React
• 56. CSS Modules
• 57. Styled Components
• 58. Inline Styles
• 59. مقدمه‌ای بر تست نویسی در React
• 60. تست واحد (Unit Testing)
• 61. تست یکپارچه‌سازی (Integration Testing)
• 62. کتابخانه Jest
• 63. کتابخانه React Testing Library
• 64. نوشتن تست برای کامپوننت‌ها
• 65. مقدمه‌ای بر بهینه‌سازی عملکرد در React
• 66. Memoization
• 67. useMemo Hook
• 68. useCallback Hook
• 69. Lazy Loading
• 70. Code Splitting
• 71. مقدمه‌ای بر Server-Side Rendering (SSR)
• 72. Next.js برای SSR
• 73. مقدمه‌ای بر GraphQL
• 74. مقایسه REST و GraphQL
• 75. استفاده از Apollo Client در React
• 76. مقدمه‌ای بر TypeScript
• 77. چرا TypeScript؟
• 78. نصب و راه‌اندازی TypeScript
• 79. انواع داده‌ها در TypeScript
• 80. تعریف اینترفیس‌ها (Interfaces)
• 81. استفاده از TypeScript با React
• 82. مقدمه‌ای بر Progressive Web Apps (PWA)
• 83. سرویس ورکرها (Service Workers)
• 84. Manifest File
• 85. استقرار برنامه‌های React
• 86. استقرار بر روی Netlify
• 87. استقرار بر روی Vercel
• 88. استقرار بر روی Firebase Hosting
• 89. بهترین روش‌ها در توسعه React
• 90. اصول SOLID در React
• 91. الگوهای طراحی در React
• 92. امنیت در برنامه‌های React
• 93. مقدمه‌ای بر ابزارهای توسعه دهنده React
• 94. React DevTools
• 95. نکات و ترفندهای پیشرفته
• 96. جمع‌بندی و پروژه‌های عملی
• 97. مبانی توسعه وب مدرن
• 98. ساختار HTML معناگرا
• 99. اصول CSS3
• 100. مفاهیم RESTful API