فلش‌کارت‌های آموزشی دیتا بایندینگ (Data Binding) یک‌طرفه و دوطرفه در انگولار

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

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

عنوان دوره: دوره دیتا بایندینگ (Data Binding) یک‌طرفه و دوطرفه در انگولار

موضوع کلی: برنامه نویسی

موضوع میانی: انگولار (Angular)

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

• 1. مقدمه‌ای بر دیتا بایندینگ در انگولار
• 2. مفاهیم پایه دیتا بایندینگ
• 3. انواع دیتا بایندینگ در انگولار
• 4. یک‌طرفه دیتا بایندینگ: نمایش داده‌ها
• 5. باندینگ پراپرتی (Property Binding)
• 6. کاربرد پراپرتی باندینگ
• 7. اینترپولیشن (Interpolation)
• 8. کاربرد اینترپولیشن
• 9. باندینگ رویداد (Event Binding)
• 10. نحوهٔ ثبت رویدادها
• 11. مدیریت رویدادهای کاربر
• 12. کلاس باندینگ (Class Binding)
• 13. باندینگ استایل (Style Binding)
• 14. مثال‌های عملی یک‌طرفه دیتا بایندینگ
• 15. یک‌طرفه دیتا بایندینگ پیشرفته
• 16. باندینگ دوطرفه (Two-Way Data Binding)
• 17. مفهوم ngModel
• 18. نحوهٔ پیاده‌سازی ngModel
• 19. کاربرد ngModel در فرم‌ها
• 20. اعتبارسنجی فرم با ngModel
• 21. مثال‌های عملی دوطرفه دیتا بایندینگ
• 22. یک‌طرفه در مقابل دوطرفه دیتا بایندینگ
• 23. مزایا و معایب هر رویکرد
• 24. انتخاب رویکرد مناسب
• 25. دیتا بایندینگ و کامپوننت‌ها
• 26. ارتباط کامپوننت‌ها با دیتا بایندینگ
• 27. ورودی‌ها (Inputs) و خروجی‌ها (Outputs) در کامپوننت‌ها
• 28. استفاده از @Input()
• 29. استفاده از @Output() و EventEmitter
• 30. ارتباط والد و فرزند از طریق دیتا بایندینگ
• 31. دیتا بایندینگ در دایرکتیوها (Directives)
• 32. دیگر انواع دایرکتیوها
• 33. باندینگ در لول دایرکتیو
• 34. دیتا بایندینگ و سرویس‌ها (Services)
• 35. ارتباط سرویس‌ها و کامپوننت‌ها
• 36. اشتراک‌گذاری داده‌ها بین کامپوننت‌ها
• 37. دیتا بایندینگ و State Management
• 38. مفاهیم مدیریت وضعیت (State Management)
• 39. استفاده از سرویس‌ها برای مدیریت وضعیت
• 40. دیتا بایندینگ در فرم‌های Reactive
• 41. مفهوم فرم‌های Reactive
• 42. کنترل فرم‌ها (Form Controls)
• 43. گروه‌بندی فرم‌ها (Form Groups)
• 44. آرایه‌های فرم (Form Arrays)
• 45. اعتبارسنجی در فرم‌های Reactive
• 46. دیتا بایندینگ در فرم‌های Template-driven
• 47. تفاوت فرم‌های Template-driven و Reactive
• 48. استفاده از ngForm
• 49. اعتبارسنجی در فرم‌های Template-driven
• 50. دیتا بایندینگ و Pipe ها
• 51. کاربرد Pipe ها در نمایش داده‌ها
• 52. ساخت Pipe های سفارشی
• 53. دیتا بایندینگ و RxJS
• 54. مفاهیم Observable و Observer
• 55. استفاده از RxJS در دیتا بایندینگ
• 56. آیتم‌های RxJS برای مدیریت داده‌های ناهمزمان
• 57. دیتا بایندینگ و Template Reference Variables
• 58. نحوهٔ استفاده از #
• 59. دسترسی به المنت‌ها از طریق Template Reference Variables
• 60. دیتا بایندینگ و ViewChild / ContentChild
• 61. دسترسی به کامپوننت‌ها و دایرکتیوها
• 62. استفاده از ViewChild
• 63. استفاده از ContentChild
• 64. دیتا بایندینگ و OnPush Change Detection
• 65. مفهوم Change Detection
• 66. استراتژی OnPush
• 67. مزایای OnPush در عملکرد
• 68. دیتا بایندینگ و بهینه‌سازی عملکرد
• 69. روش‌های بهینه‌سازی
• 70. کاهش تعداد رندرها
• 71. دیتا بایندینگ در برنامه‌های بزرگ
• 72. مدیریت پیچیدگی
• 73. سازگاری با معماری‌های مختلف
• 74. دیتا بایندینگ و تست کردن
• 75. تست واحد (Unit Testing) کامپوننت‌ها
• 76. تست یکپارچه‌سازی (Integration Testing)
• 77. دیتا بایندینگ و امنیت
• 78. ملاحظات امنیتی
• 79. جلوگیری از حملات XSS
• 80. دیتا بایندینگ و دسترسی‌پذیری (Accessibility)
• 81. اهمیت دسترسی‌پذیری
• 82. سازگاری با ابزارهای کمکی
• 83. دیتا بایندینگ و بین‌المللی‌سازی (i18n)
• 84. نحوهٔ پیاده‌سازی i18n
• 85. دیتا بایندینگ و بومی‌سازی (l10n)
• 86. نحوهٔ پیاده‌سازی l10n
• 87. دیتا بایندینگ در پروژه‌های واقعی
• 88. مطالعهٔ موردی ۱: فرم ثبت‌نام
• 89. مطالعهٔ موردی ۲: لیست محصولات
• 90. مطالعهٔ موردی ۳: داشبورد مدیریتی
• 91. دیتا بایندینگ در کامپوننت‌های UI
• 92. کامپوننت‌های سفارشی
• 93. استفاده از کتابخانه‌های UI
• 94. دیتا بایندینگ و انیمیشن‌ها
• 95. ایجاد انیمیشن‌های ساده
• 96. اتصال انیمیشن به تغییر داده‌ها
• 97. دیتا بایندینگ و Progressive Web Apps (PWA)
• 98. مفاهیم PWA
• 99. دیتا بایندینگ و Server-Side Rendering (SSR)
• 100. مفاهیم SSR