فلش‌کارت‌های آموزشی Angular در عمل: از صفر تا قهرمانی با فریمورک Angular

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

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

عنوان دوره: دوره Angular در عمل: از صفر تا قهرمانی با فریمورک Angular

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

موضوع میانی: مبانی و اصول Angular

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

• 1. معرفی Angular و اکوسیستم آن
• 2. آماده‌سازی محیط توسعه: Node.js و npm
• 3. نصب و راه‌اندازی Angular CLI
• 4. ساخت اولین پروژه Angular با CLI
• 5. کاوش ساختار پروژه Angular
• 6. آشنایی با فایل package.json و وابستگی‌ها
• 7. پیکربندی پروژه با angular.json
• 8. مقدمه‌ای بر TypeScript: انواع داده‌ها
• 9. TypeScript: کلاس‌ها، اینترفیس‌ها و ماژول‌ها
• 10. کامپایل و اجرای برنامه: ng serve و ng build
• 11. معرفی Components: بلوک‌های سازنده Angular
• 12. ساخت یک کامپوننت جدید
• 13. الگوی HTML (Template): نمایش داده‌ها
• 14. Interpolation: نمایش متغیرها در الگو
• 15. Property Binding: اتصال ویژگی‌های HTML به داده‌ها
• 16. Event Binding: پاسخ به رویدادهای کاربر
• 17. Two-Way Data Binding با ngModel
• 18. درک شیوه اتصال داده‌ها در Angular
• 19. معرفی Directives: دستورالعمل‌های ساختاری
• 20. ngIf: نمایش مشروط عناصر
• 21. ngFor: تکرار عناصر لیست
• 22. ngSwitch: انتخاب بر اساس شرایط
• 23. درک Template Reference Variables
• 24. مقدمه‌ای بر Attribute Directives
• 25. ngClass و ngStyle: تغییر استایل پویا
• 26. ایجاد Custom Attribute Directive
• 27. Pipes: قالب‌بندی داده‌ها برای نمایش
• 28. Built-in Pipes: Date, Currency, Uppercase و ...
• 29. ایجاد Custom Pipe
• 30. Lifecycle Hooks: چرخه‌ی حیات کامپوننت‌ها
• 31. ngOnInit و ngOnChanges
• 32. ngOnDestroy و سایر Lifecycle Hooks
• 33. View Encapsulation و استایل‌دهی کامپوننت‌ها
• 34. ارتباط کامپوننت‌ها: @Input برای ارسال داده
• 35. ارتباط کامپوننت‌ها: @Output و EventEmitter
• 36. Content Projection با ng-content
• 37. معرفی Services: منطق کسب‌وکار مشترک
• 38. Dependency Injection: تزریق وابستگی‌ها
• 39. ایجاد و استفاده از یک Service
• 40. ارائه Service در سطوح مختلف (Component, Module)
• 41. Forms در Angular: مقدمه
• 42. Template-Driven Forms: ساخت فرم‌های ساده
• 43. FormControl: کنترل‌های فرم در Template-Driven Forms
• 44. ngModelGroup: گروه‌بندی کنترل‌ها
• 45. اعتبار سنجی فرم‌ها در Template-Driven Forms (Built-in Validators)
• 46. نمایش پیام‌های خطا در Template-Driven Forms
• 47. Reactive Forms: مقدمه و مزایا
• 48. ساخت فرم با FormControl و FormGroup
• 49. FormArray: کار با لیست کنترل‌های فرم پویا
• 50. اعتبار سنجی فرم‌ها در Reactive Forms
• 51. Custom Validators در Reactive Forms
• 52. بروزرسانی فرم‌ها: setValue و patchValue
• 53. اعتبارسنجی ناهمزمان (Async Validators)
• 54. تفاوت Template-Driven و Reactive Forms
• 55. مدیریت وضعیت فرم‌ها و ارسال داده‌ها
• 56. معرفی Angular Routing: ناوبری در برنامه
• 57. پیکربندی مسیرها (Routes)
• 58. RouterModule و forRoot/forChild
• 59. routerLink: ناوبری از طریق لینک‌ها
• 60. router-outlet: محل نمایش کامپوننت‌ها
• 61. Route Parameters: ارسال داده از طریق URL
• 62. Query Parameters و Fragments
• 63. Programmatic Navigation: ناوبری از طریق کد
• 64. Child Routes (مسیرهای تودرتو)
• 65. ماژول‌های Lazy Loading: بهینه‌سازی بارگذاری
• 66. Route Guards: محافظت از مسیرها (CanActivate)
• 67. Route Guards: CanDeactivate و CanLoad
• 68. Route Guards: Resolve (پیش‌بارگذاری داده‌ها)
• 69. استراتژی‌های مسیریابی (PathLocationStrategy vs HashLocationStrategy)
• 70. مدیریت خطاهای مسیریابی و صفحه 404
• 71. ارتباط با سرور: مقدمه بر HttpClient
• 72. ارسال درخواست GET برای دریافت داده
• 73. ارسال درخواست POST برای ایجاد داده
• 74. ارسال درخواست PUT/PATCH برای بروزرسانی
• 75. ارسال درخواست DELETE برای حذف داده
• 76. مدیریت خطاها در درخواست‌های HTTP
• 77. معرفی RxJS: Observables در Angular
• 78. Observable, Observer و Subscription
• 79. Operators در RxJS: map, filter, tap
• 80. Operators در RxJS: switchMap, mergeMap, concatMap
• 81. Subjects در RxJS: BehaviorSubject, ReplaySubject
• 82. Promises در مقابل Observables
• 83. Async Pipe: مدیریت Observables در الگو
• 84. HTTP Interceptors: تغییر درخواست‌ها و پاسخ‌ها
• 85. Authentication با Interceptors
• 86. استراتژی‌های Change Detection (Default و OnPush)
• 87. Zones.js و NgZone
• 88. انیمیشن‌ها در Angular: مقدمه
• 89. ساخت انیمیشن‌های ساده در کامپوننت‌ها
• 90. Internationalization (i18n): چندزبانگی در Angular
• 91. تست واحد (Unit Testing) با Jasmine و Karma
• 92. تست کامپوننت‌ها
• 93. تست سرویس‌ها
• 94. End-to-End Testing (E2E) با Cypress (یا Protractor)
• 95. ساخت پروژه برای Production: ng build --prod
• 96. استقرار برنامه Angular (Deployment)
• 97. بهینه‌سازی عملکرد (Performance Optimization): Tree Shaking, Bundling
• 98. Progressive Web Apps (PWA) با Angular
• 99. Server-Side Rendering (SSR) با Angular Universal
• 100. جمع‌بندی و گام‌های بعدی در مسیر توسعه با Angular