فلش‌کارت‌های آموزشی آموزش جامع توسعه رابط کاربری مدرن با کتابخانه React (نسخه ۱۶)

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

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

عنوان دوره: دوره آموزش جامع توسعه رابط کاربری مدرن با کتابخانه React (نسخه ۱۶)

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

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

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

• 1. آشنایی با مفاهیم پایه و معماری کتابخانه ری‌اکت
• 2. نصب و راه‌اندازی محیط توسعه برای پروژه‌های ری‌اکت
• 3. ساختار فایل‌ها و پوشه‌بندی استاندارد در پروژه‌های جاوااسکریپت
• 4. مفاهیم مقدماتی JSX و نحوه نگارش آن
• 5. کار با کامپوننت‌های تابعی در ری‌اکت
• 6. آشنایی با کامپوننت‌های کلاسی و چرخه حیات آن‌ها
• 7. مدیریت ویژگی‌ها در کامپوننت‌ها با استفاده از Props
• 8. کار با وضعیت داخلی کامپوننت‌ها با استفاده از State
• 9. مدیریت رویدادها در رابط کاربری و تعامل با کاربر
• 10. کار با لیست‌ها و کلیدها در رندرینگ پویا
• 11. شرطی‌سازی نمایش المان‌ها در رابط کاربری
• 12. ارتباط میان کامپوننت‌های والد و فرزند
• 13. مفهوم فرم‌های کنترل‌شده و دریافت داده از کاربر
• 14. اعتبارسنجی داده‌های ورودی در فرم‌های وب
• 15. آشنایی با کتابخانه PropTypes برای کنترل نوع داده‌ها
• 16. کار با مراجع یا Refs برای دسترسی مستقیم به المان‌های DOM
• 17. مدیریت وضعیت‌های پیچیده در کامپوننت‌ها
• 18. استفاده از متد lifecycle جهت مدیریت عملیات جانبی
• 19. آشنایی با الگوهای طراحی کامپوننت‌های مرتبه بالاتر
• 20. بهینه‌سازی عملکرد با استفاده از PureComponent
• 21. کار با Context API برای انتقال داده‌های سراسری
• 22. مفاهیم پایه‌ای در مدیریت وضعیت با Redux
• 23. ساختار اکشن‌ها و ردیوسرها در مدیریت وضعیت
• 24. اتصال کامپوننت‌های ری‌اکت به استور ریداکس
• 25. مدیریت عملیات غیرهمگام با استفاده از Middleware
• 26. آشنایی با کتابخانه React Router برای مدیریت مسیرها
• 27. پیاده‌سازی مسیریابی پویا در برنامه‌های تک‌صفحه‌ای
• 28. محافظت از مسیرها در اپلیکیشن‌های وب
• 29. کار با پارامترهای آدرس و کوئری استرینگ‌ها
• 30. تکنیک‌های استایل‌دهی به کامپوننت‌ها با CSS Modules
• 31. استفاده از کامپوننت‌های استایل‌یافته در ری‌اکت
• 32. بهینه‌سازی تصاویر و دارایی‌های استاتیک در پروژه
• 33. مفهوم کدنویسی ماژولار و استفاده از ES6
• 34. استفاده از ابزارهای بیلدر مانند Webpack در پروژه‌های ری‌اکت
• 35. تست‌نویسی برای کامپوننت‌ها با استفاده از Jest
• 36. آشنایی با ابزارهای دیباگینگ و React DevTools
• 37. مدیریت حافظه و جلوگیری از نشت حافظه در کامپوننت‌ها
• 38. بهینه‌سازی رندرینگ و استفاده از متد shouldComponentUpdate
• 39. آشنایی با مفاهیم اولیه رندرینگ سمت سرور
• 40. پیاده‌سازی لایه ارتباطی با APIهای استاندارد
• 41. مدیریت خطاها در سطح کامپوننت‌ها با Error Boundaries
• 42. آشنایی با مفاهیم هوک‌ها در نسخه‌های جدید ری‌اکت
• 43. استفاده از هوک useState برای مدیریت وضعیت
• 44. استفاده از هوک useEffect برای مدیریت اثرات جانبی
• 45. استفاده از هوک useContext برای دسترسی به مقادیر سراسری
• 46. ساخت هوک‌های سفارشی برای استفاده مجدد از منطق برنامه
• 47. کار با کتابخانه‌های مدیریت فرم در محیط ری‌اکت
• 48. تکنیک‌های امنیت در توسعه رابط کاربری و جلوگیری از حملات XSS
• 49. اصول طراحی واکنش‌گرا در رابط کاربری وب
• 50. کار با کتابخانه‌های UI و کامپوننت‌های آماده
• 51. آشنایی با فرآیند بیلد و تولید نسخه نهایی پروژه
• 52. مستندسازی کد و نگهداری پروژه‌های نرم‌افزاری
• 53. بهترین روش‌های پیاده‌سازی رابط کاربری کاربرپسند
• 54. اصول دسترسی‌پذیری در طراحی وب مدرن
• 55. آشنایی با استقرار پروژه‌های ری‌اکت روی سرورهای وب
• 56. پشتیبانی از مرورگرهای مختلف و رفع ناسازگاری‌ها
• 57. پروژه نهایی: طراحی و پیاده‌سازی یک پنل مدیریتی استاندارد