دوره React 18: از صفر تا استادی همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره React 18: از صفر تا استادی

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

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

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

• 1. مقدمه‌ای بر React 18 و ویژگی‌های جدید
• 2. راه‌اندازی محیط توسعه React 18
• 3. JSX: نوشتن HTML در جاوااسکریپت
• 4. کامپوننت‌ها: بلوک‌های سازنده رابط کاربری
• 5. کامپوننت‌های تابعی (Functional Components)
• 6. کامپوننت‌های کلاس (Class Components)
• 7. پراپز (Props): انتقال داده به کامپوننت‌ها
• 8. استیت (State): مدیریت داده‌های داخلی کامپوننت
• 9. مدیریت رویدادها در React
• 10. شرطی‌سازی و رندرینگ شرطی
• 11. لیست‌ها و کلیدها (Keys) در React
• 12. فرم‌ها و مدیریت ورودی کاربر
• 13. افکت‌ها (Effects) با استفاده از `useEffect`
• 14. هوک‌های سفارشی (Custom Hooks)
• 15. مدیریت Context API برای اشتراک‌گذاری داده
• 16. استفاده از Redux با React 18
• 17. مدیریت State سراسری با Zustand
• 18. React Router: مسیریابی در برنامه‌های React
• 19. درخواست‌های HTTP با استفاده از `fetch` یا Axios
• 20. مدیریت خطاها در React
• 21. بهینه‌سازی عملکرد React با `useMemo` و `useCallback`
• 22. کد اسپلیتینگ (Code Splitting) با React.lazy
• 23. آشنایی با Suspense و مدیریت لودینگ
• 24. تست کامپوننت‌های React با Jest و React Testing Library
• 25. استفاده از TypeScript با React 18
• 26. استایل‌دهی به کامپوننت‌ها با CSS Modules
• 27. استایل‌دهی با Styled Components
• 28. معرفی Material-UI و استفاده در React
• 29. معرفی Ant Design و استفاده در React
• 30. ساخت یک برنامه To-Do List ساده
• 31. ساخت یک برنامه جستجوی فیلم
• 32. ساخت یک برنامه مدیریت وظایف پیشرفته
• 33. استفاده از React Portals
• 34. استفاده از React Profiler برای تشخیص مشکلات عملکردی
• 35. استفاده از Transition API در React 18
• 36. آشنایی با Concurrent Mode در React 18
• 37. معرفی Server Components (مبانی)
• 38. بهینه‌سازی تصاویر در React
• 39. استفاده از Webpack برای Bundle کردن پروژه
• 40. استفاده از Babel برای Transpilation کد
• 41. استفاده از ESLint و Prettier برای کیفیت کد
• 42. دیپلوی (Deploy) برنامه React بر روی Netlify
• 43. دیپلوی برنامه React بر روی Vercel