فلش‌کارت‌های آموزشی تسلط بر React: از صفر تا پرو با پروژه‌های عملی

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

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

عنوان دوره: دوره تسلط بر React: از صفر تا پرو با پروژه‌های عملی

موضوع کلی: توسعه وب

موضوع میانی: یادگیری فریم‌ورک‌های جاوااسکریپت

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

• 1. آشنایی با اکوسیستم جاوااسکریپت مدرن
• 2. معرفی React و مزایای استفاده از آن
• 3. نصب و راه‌اندازی محیط توسعه React
• 4. درک مفهوم کامپوننت‌ها در React
• 5. ایجاد کامپوننت‌های Functional
• 6. آشنایی با JSX و سینتکس آن
• 7. استفاده از Props برای انتقال داده بین کامپوننت‌ها
• 8. مدیریت State در React با useState
• 9. مدیریت State پیچیده‌تر با useReducer
• 10. کار با Event‌ها در React
• 11. Conditional Rendering در React
• 12. List Rendering در React و کلیدها
• 13. فرم‌ها و کنترل ورودی‌ها در React
• 14. Lifecycle Methods در کامپوننت‌های Class-Based
• 15. Hooks: مقدمه‌ای و کاربردها
• 16. Hook سفارشی (Custom Hook)
• 17. مدیریت Context API برای اشتراک‌گذاری داده
• 18. استفاده از useRef برای دسترسی مستقیم به DOM
• 19. بهینه‌سازی عملکرد کامپوننت‌ها با memo و useCallback
• 20. استفاده از forwardRef
• 21. آشنایی با Fragment‌ها
• 22. مدیریت خطاها در React
• 23. Routing با React Router
• 24. استفاده از APIها با Fetch یا Axios
• 25. مدیریت داده‌ها با Redux Toolkit
• 26. Redux: مفاهیم کلیدی (Actions, Reducers, Store)
• 27. Redux Thunk برای عملیات ناهمزمان
• 28. Redux Selectorها برای دسترسی به داده‌ها
• 29. استفاده از Context API به عنوان جایگزینی برای Redux
• 30. آشنایی با MobX برای مدیریت State
• 31. استفاده از Styled Components برای استایل‌دهی
• 32. استایل‌دهی با CSS Modules
• 33. آشنایی با Material-UI (MUI)
• 34. آشنایی با Ant Design
• 35. تست کامپوننت‌های React با Jest و React Testing Library
• 36. Unit Testing در React
• 37. Integration Testing در React
• 38. E2E Testing با Cypress
• 39. استقرار (Deployment) اپلیکیشن React
• 40. بهینه‌سازی اپلیکیشن React برای SEO
• 41. امنیت در React
• 42. معرفی Next.js و SSR
• 43. معرفی Gatsby و SSG
• 44. استفاده از TypeScript با React
• 45. معماری اپلیکیشن‌های React بزرگ
• 46. الگوهای طراحی (Design Patterns) در React
• 47. بهینه‌سازی تصاویر در React
• 48. مدیریت State سراسری با Zustand
• 49. کار با WebSockets در React