اپلیکیشن اندرویدی فلش‌کارت آموزشی یادگیری React از صفر تا مسلطی با Context API

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

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

عنوان دوره: دوره یادگیری React از صفر تا مسلطی با Context API

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

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

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

• 1. معرفی React و مزایای استفاده از آن
• 2. راه‌اندازی محیط توسعه React
• 3. JSX: نوشتن HTML در جاوااسکریپت
• 4. کامپوننت‌ها: بلوک‌های سازنده رابط کاربری
• 5. کامپوننت‌های تابعی و کلاس‌محور
• 6. پراپ‌ها (Props): انتقال داده بین کامپوننت‌ها
• 7. مدیریت State: تغییرپذیری داده‌ها در React
• 8. Event Handling: پاسخ به رویدادهای کاربر
• 9. Conditional Rendering: نمایش مشروط محتوا
• 10. List Rendering: نمایش مجموعه‌ها و آرایه‌ها
• 11. فرم‌ها و کنترل ورودی کاربر
• 12. Lifecycle Methods: مدیریت چرخه حیات کامپوننت‌ها
• 13. Hooks: استفاده از state و lifecycle در کامپوننت‌های تابعی
• 14. useState Hook: مدیریت state ساده
• 15. useEffect Hook: انجام side effects
• 16. Context API: مدیریت state سراسری
• 17. ایجاد Context
• 18. Provider و Consumer
• 19. استفاده از useContext Hook
• 20. Reducers و Actions با Context API
• 21. Custom Hooks: ایجاد هوک‌های سفارشی
• 22. Routing با React Router
• 23. Component Composition: ترکیب کامپوننت‌ها
• 24. Higher-Order Components (HOCs)
• 25. Render Props
• 26. Error Boundaries: مدیریت خطاها در React
• 27. Styling در React: CSS Modules, Styled Components
• 28. آشنایی با Material-UI و سایر کتابخانه‌های UI
• 29. بهینه‌سازی عملکرد React
• 30. Memoization با React.memo
• 31. Code Splitting: تقسیم کد برای بارگذاری سریع‌تر
• 32. Lazy Loading: بارگذاری تنبل کامپوننت‌ها
• 33. Testing در React: نوشتن تست‌های واحد و یکپارچگی
• 34. معرفی Jest و React Testing Library
• 35. آشنایی با TypeScript و React
• 36. استفاده از Redux Toolkit با React
• 37. Redux Middleware: مدیریت side effects در Redux
• 38. Redux Thunk: انجام عملیات ناهمزمان در Redux
• 39. Redux Slices: ساده‌سازی مدیریت Redux
• 40. Next.js: فریم‌ورک React برای ساخت برنامه‌های وب
• 41. Server-Side Rendering (SSR) با Next.js
• 42. Static Site Generation (SSG) با Next.js
• 43. API Routes در Next.js
• 44. بهینه‌سازی تصاویر در Next.js
• 45. استقرار برنامه‌های React