فلش‌کارت‌های آموزشی آموزش جامع و کاربردی React برای توسعهٔ فرانت‌اند (نسخهٔ به‌روز ۲۰۲۳)

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

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

عنوان دوره: دوره آموزش جامع و کاربردی React برای توسعهٔ فرانت‌اند (نسخهٔ به‌روز ۲۰۲۳)

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

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

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

• 1. آشنایی با مفاهیم پایه توسعهٔ فرانت‌اند
• 2. مقدمه‌ای بر React و مزایای آن
• 3. نصب و راه‌اندازی محیط توسعهٔ React
• 4. اصول JSX و سینتکس آن
• 5. ساخت اولین کامپوننت در React
• 6. انواع کامپوننت‌ها: فانکشنال و کلاس
• 7. مدیریت Props در کامپوننت‌ها
• 8. مفهوم State و نحوهٔ به‌روزرسانی آن
• 9. هوک‌های React: useState
• 10. کاربرد useEffect برای مدیریت Side Effects
• 11. اصول مدیریت رویدادها در React
• 12. کار با فرم‌ها و ورودی‌های کاربر
• 13. لیست‌ها و کلیدها در React
• 14. استایل‌دهی به کامپوننت‌ها: Inline Styles
• 15. استایل‌دهی با CSS Modules
• 16. استفاده از کتابخانه‌های استایل‌دهی (مانند Styled Components)
• 17. مفاهیم اساسی Routing در React
• 18. پیاده‌سازی مسیریابی با React Router
• 19. نحوهٔ انتقال داده بین صفحات
• 20. مدیریت حالت (State Management) در برنامه‌های بزرگ
• 21. مقدمه‌ای بر Context API
• 22. استفاده از Context API برای اشتراک‌گذاری داده
• 23. مقدمه‌ای بر Redux
• 24. نصب و راه‌انداز Redux
• 25. مفاهیم Action, Reducer, Store در Redux
• 26. اتصال React به Redux
• 27. استفاده از React-Redux Hooks
• 28. مدیریت پیچیدگی حالت با Redux Toolkit
• 29. آشنایی با APIها و درخواست‌های HTTP
• 30. نحوهٔ Fetch کردن داده از API
• 31. کار با کتابخانه Axios برای درخواست‌های HTTP
• 32. مدیریت خطا در درخواست‌های API
• 33. مقدمه‌ای بر React Hooks پیشرفته
• 34. استفاده از useReducer
• 35. کاربرد useRef
• 36. استفاده از useMemo و useCallback
• 37. مفاهیم Higher-Order Components (HOCs)
• 38. پیاده‌سازی HOCs در React
• 39. مقدمه‌ای بر Render Props
• 40. استفاده از Render Props
• 41. معرفی کتابخانه‌های UI برای React
• 42. کار با Material-UI (MUI)
• 43. پیاده‌سازی کامپوننت‌های UI با MUI
• 44. معرفی Ant Design
• 45. استفاده از کامپوننت‌های Ant Design
• 46. اصول تست‌نویسی در React
• 47. مقدمه‌ای بر Jest و React Testing Library
• 48. نوشتن تست برای کامپوننت‌های فانکشنال
• 49. تست کردن تعاملات کاربر
• 50. تست کردن مدیریت State
• 51. تست کردن درخواست‌های API
• 52. مقدمه‌ای بر Server-Side Rendering (SSR)
• 53. مزایای SSR در React
• 54. معرفی Next.js
• 55. ساخت یک برنامهٔ React با Next.js
• 56. مفاهیم پایگاه داده در فرانت‌اند
• 57. ذخیره‌سازی داده‌ها در Local Storage
• 58. استفاده از Session Storage
• 59. مقدمه‌ای بر Progressive Web Apps (PWAs)
• 60. فعال‌سازی قابلیت‌های PWA در React
• 61. بهینه‌سازی عملکرد برنامه‌های React
• 62. Lazy Loading کامپوننت‌ها
• 63. Code Splitting
• 64. Memoization برای جلوگیری از رندر مجدد
• 65. آشنایی با ابزارهای توسعهٔ React
• 66. استفاده از React Developer Tools
• 67. دیباگ کردن برنامه‌های React
• 68. مقدمه‌ای بر TypeScript در React
• 69. نصب و پیکربندی TypeScript
• 70. استفاده از Type ها در React Components
• 71. مدیریت Props و State با TypeScript
• 72. مقدمه‌ای بر GraphQL
• 73. مقایسه GraphQL با REST API
• 74. استفاده از Apollo Client در React
• 75. نوشتن Query ها و Mutation ها با Apollo Client
• 76. مقدمه‌ای بر Serverless Functions
• 77. پیاده‌سازی Serverless Functions با React
• 78. اصول طراحی تجربهٔ کاربری (UX) در React
• 79. ساخت رابط‌های کاربری واکنش‌گرا
• 80. بهبود دسترسی‌پذیری (Accessibility) در React
• 81. مقدمه‌ای بر CI/CD برای برنامه‌های React
• 82. تنظیمات اولیهٔ CI/CD
• 83. استقرار (Deployment) برنامه‌های React
• 84. مقدمه‌ای بر Micro Frontends
• 85. معماری Micro Frontends
• 86. مزایا و چالش‌های Micro Frontends
• 87. کاربرد React در پروژه‌های واقعی
• 88. ساخت یک داشبورد مدیریتی
• 89. پیاده‌سازی یک فروشگاه آنلاین ساده
• 90. توسعهٔ یک اپلیکیشن پیام‌رسان
• 91. جمع‌بندی و گام‌های بعدی در یادگیری React
• 92. فهرست منابع تکمیلی و پروژه‌های عملی