دوره آموزش React.js از مقدماتی تا پیشرفته همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره آموزش React.js از مقدماتی تا پیشرفته

موضوع کلی: برنامه نویسی

موضوع میانی: جاوا اسکریپت (JavaScript)

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

• 1. مقدمه‌ای بر React.js و فلسفه آن
• 2. تنظیم محیط توسعه برای React
• 3. آشنایی با JSX و ساختار آن
• 4. کامپوننت‌های تابعی و کلاسی
• 5. Props و نحوه ارسال داده به کامپوننت‌ها
• 6. State و مدیریت وضعیت در کامپوننت
• 7. رویدادها و هندلرها در React
• 8. رندر شرطی در کامپوننت‌ها
• 9. لیست‌ها و کلیدها در React
• 10. کامپوننت‌های کنترل‌شده و فرم‌ها
• 11. ارتباط کامپوننت‌های والد و فرزند
• 12. Lifting State Up و به اشتراک‌گذاری وضعیت
• 13. چرخه حیات کامپوننت‌های کلاسی
• 14. useEffect و مدیریت عوارض جانبی
• 15. useState و هوک‌های پایه
• 16. useReducer برای وضعیت پیچیده
• 17. useContext و مدیریت وضعیت سراسری
• 18. ایجاد Context Provider و Consumer
• 19. هوک‌های سفارشی در React
• 20. useRef و ارجاع به عناصر DOM
• 21. useMemo و بهینه‌سازی عملکرد
• 22. useCallback و جلوگیری از رندر مجدد
• 23. React.memo و بهینه‌سازی کامپوننت
• 24. مسیریابی با React Router
• 25. تنظیم مسیرهای پویا و پارامترها
• 26. لینک‌ها و ناوبری برنامه‌ریزی شده
• 27. مسیرهای تو در تو و Layout
• 28. گاردهای مسیر و احراز هویت
• 29. مدیریت خطا در مسیریابی
• 30. کامپوننت‌های با نظم بالا (HOC)
• 31. Render Props و الگوی اشتراک منطق
• 32. Portalها و رندر خارج از DOM اصلی
• 33. Error Boundaries و مدیریت خطا
• 34. Fragmentها و گروه‌بندی عناصر
• 35. Refs پیشرفته و forwardRef
• 36. Styling در React با CSS Modules
• 37. استایل‌دهی با Styled Components
• 38. CSS-in-JS و کتابخانه‌های محبوب
• 39. فرم‌های پیشرفته با کتابخانه Formik
• 40. اعتبارسنجی فرم با Yup
• 41. درخواست‌های HTTP با Axios
• 42. مدیریت وضعیت سمت سرور با React Query
• 43. کش کردن داده‌ها و به‌روزرسانی خودکار
• 44. Redux و اصول معماری Flux
• 45. ایجاد Store و Reducer در Redux
• 46. Action و Dispatch در Redux
• 47. Redux Thunk برای عملیات ناهمگام
• 48. Redux Toolkit و ساده‌سازی کد
• 49. Zustand و مدیریت وضعیت سبک
• 50. تست کامپوننت‌ها با Jest
• 51. تست با React Testing Library
• 52. تست هوک‌ها و رویدادها
• 53. تست انتگراسیون و یکپارچه‌سازی
• 54. توسعه مبتنی بر تست در React
• 55. کامپوننت‌های سرور در Next.js
• 56. رندر سمت سرور و Static Generation
• 57. API Routes در Next.js
• 58. Image Optimization و بهینه‌سازی تصاویر
• 59. مسیریابی فایل‌محور در Next.js
• 60. بارگذاری تنبل و کد splitting
• 61. Suspense و مدیریت بارگذاری
• 62. Transition و اولویت‌بندی به‌روزرسانی‌ها
• 63. Server Components و Client Components
• 64. اتصال React به Firebase
• 65. اتصال React به GraphQL با Apollo
• 66. WebSockets و ارتباط بلادرنگ
• 67. بین‌المللی‌سازی (i18n) در React
• 68. مدیریت دسترسی و نقش‌های کاربری
• 69. ایجاد داشبورد مدیریتی با React
• 70. کامپوننت‌های قابل استفاده مجدد
• 71. بهینه‌سازی عملکرد با Lighthouse
• 72. باندل‌سازی و Webpack
• 73. متغیرهای محیطی و پیکربندی
• 74. استقرار اپلیکیشن React روی Netlify
• 75. استقرار روی Vercel و Docker
• 76. امنیت در React و جلوگیری از XSS
• 77. مدیریت خطاهای سرور و کلاینت
• 78. کار با Web Workers در React
• 79. انیمیشن‌ها با Framer Motion
• 80. انتقال‌دهنده‌های CSS و انیمیشن
• 81. کتابخانه Material-UI و طراحی سیستم
• 82. Tailwind CSS و توسعه سریع رابط کاربری
• 83. توسعه اپلیکیشن‌های Progress Web App
• 84. Service Workers و کش آفلاین
• 85. نسخه‌سازی API و مدیریت breaking changes
• 86. رفع اشکال با React DevTools
• 87. الگوهای معماری در پروژه‌های بزرگ React
• 88. مدیریت لاگ و مانیتورینگ
• 89. مدیریت حافظه و جلوگیری از نشت
• 90. تغییرات نسخه‌های React و مهاجرت
• 91. ایجاد کتابخانه کامپوننت اختصاصی
• 92. توسعه چندپلتفرمی با React Native
• 93. پروژه عملی: اپلیکیشن Todo کامل
• 94. پروژه عملی: فروشگاه اینترنتی با React