فلش‌کارت‌های آموزشی آموزش جامع طراحی رابط کاربری پویا با React و مدیریت وضعیت برنامه با Redux

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

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

عنوان دوره: دوره آموزش جامع طراحی رابط کاربری پویا با React و مدیریت وضعیت برنامه با Redux

موضوع کلی: علوم رایانه و مهندسی نرم‌افزار

موضوع میانی: توسعه وب و برنامه‌نویسی سمت کاربر (Frontend)

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

• 1. مبانی وب و جایگاه ری‌اکت در توسعه فرانت‌اند
• 2. نصب و راه‌اندازی محیط توسعه با Node.js و ابزارهای استاندارد
• 3. آشنایی با ساختار پروژه در React و مفهوم کامپوننت‌محوری
• 4. مفاهیم پایه در JSX و اصول نگارش کدهای ترکیبی
• 5. کار با کامپوننت‌های تابعی و مدیریت ویژگی‌ها با Props
• 6. مدیریت وضعیت داخلی کامپوننت با استفاده از State
• 7. چرخه حیات کامپوننت و مدیریت اثرات جانبی با useEffect
• 8. آشنایی با مدیریت رویدادها و تعامل کاربر در رابط کاربری
• 9. تکنیک‌های شرطی‌سازی در نمایش عناصر و لیست‌ها
• 10. کار با فرم‌ها و کنترل ورودی‌های کاربر در React
• 11. ارسال و دریافت داده‌ها از سرور با استفاده از Fetch API
• 12. آشنایی با کتابخانه‌های مدیریت فرم و اعتبارسنجی داده‌ها
• 13. مفاهیم پیشرفته در کامپوننت‌های تابعی و Hooksهای سفارشی
• 14. مدیریت حافظه و بهینه‌سازی عملکرد با memo و useMemo
• 15. مدیریت ارجاع به عناصر DOM با استفاده از useRef
• 16. مسیریابی در برنامه‌های تک‌صفحه‌ای با React Router
• 17. مدیریت وضعیت‌های پیچیده با Context API
• 18. مقدمه‌ای بر معماری مدیریت وضعیت در برنامه‌های بزرگ
• 19. فلسفه و ضرورت استفاده از Redux در پروژه‌های مقیاس‌پذیر
• 20. مفاهیم اصلی Redux شامل Store، Action و Reducer
• 21. اتصال Redux به React با استفاده از React-Redux
• 22. مدیریت عملیات غیرهمگام در Redux با Redux Thunk
• 23. آشنایی با Redux Toolkit برای ساده‌سازی پیاده‌سازی
• 24. مدیریت وضعیت‌های محلی و سراسری با استفاده از Sliceها
• 25. دیباگ کردن برنامه‌های مبتنی بر Redux با ابزارهای توسعه‌دهنده
• 26. ساختاربندی فایل‌ها و پوشه‌ها در پروژه‌های بزرگ
• 27. کار با داده‌های پیچیده و نرمال‌سازی وضعیت برنامه
• 28. مدیریت امنیت در سمت کاربر و حفاظت از مسیرهای برنامه
• 29. احراز هویت و مدیریت نشست‌های کاربری با استفاده از توکن‌ها
• 30. پیاده‌سازی الگوهای طراحی رابط کاربری پویا
• 31. استفاده از کتابخانه‌های استایل‌دهی و مدیریت تم در React
• 32. تست‌نویسی برای کامپوننت‌ها با Jest و React Testing Library
• 33. مفاهیم مقدماتی در تست یکپارچگی برنامه‌های فرانت‌اند
• 34. بهینه‌سازی نهایی و آماده‌سازی پروژه برای استقرار
• 35. روش‌های استقرار وب‌سایت‌های React روی سرورهای داخلی
• 36. آشنایی با اصول PWA برای تبدیل وب‌سایت به برنامه پیش‌رونده
• 37. مدیریت خطاهای رایج در پروژه‌های React و Redux
• 38. تکنیک‌های پیشرفته در مدیریت فرم‌های پیچیده و اعتبارسنجی
• 39. اصول طراحی واکنش‌گرا و سازگاری با نمایشگرهای مختلف
• 40. پروژه نهایی: طراحی یک داشبورد مدیریتی با استفاده از React و Redux