فلش‌کارت‌های آموزشی متخصص Angular شوید: آموزش گام به گام توسعه وب با Angular و TypeScript (بر اساس کتاب یاکوف فاین)

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

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

عنوان دوره: دوره متخصص Angular شوید: آموزش گام به گام توسعه وب با Angular و TypeScript (بر اساس کتاب یاکوف فاین)

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

موضوع میانی: آموزش جامع Angular با تایپ‌اسکریپت

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

• 1. مقدمه به دنیای مدرن توسعه فرانت‌اند
• 2. چرا فریم‌ورک‌های جاوااسکریپت؟
• 3. معرفی Angular: تاریخچه و چشم‌انداز
• 4. چرا Angular؟ مزایا و کاربردها
• 5. معرفی TypeScript: مزایا و اهمیت
• 6. نصب و راه‌اندازی محیط توسعه Angular CLI
• 7. ایجاد اولین پروژه Angular
• 8. ساختار دایرکتوری پروژه Angular
• 9. مفاهیم اولیه Angular: ماژول‌ها، کامپوننت‌ها و سرویس‌ها
• 10. آشنایی با کامپوننت‌ها (Components)
• 11. ساختار کامپوننت: دکوراتور @Component
• 12. قالب (Template) کامپوننت
• 13. سبک (Style) کامپوننت
• 14. منطق (Class) کامپوننت
• 15. داده‌بندی (Data Binding): یک‌طرفه
• 16. داده‌بندی رویداد (Event Binding)
• 17. داده‌بندی دوطرفه (Two-Way Data Binding)
• 18. رابطه والد-فرزند (Parent-Child Communication)
• 19. استفاده از @Input() برای ارسال داده به کامپوننت فرزند
• 20. استفاده از @Output() و EventEmitter برای ارسال رویداد از کامپوننت فرزند
• 21. ارتباط کامپوننت‌ها از طریق سرویس‌ها
• 22. آشنایی با دایرکتیوها (Directives)
• 23. انواع دایرکتیوها: کامپوننت، ساختاری و صفتی
• 24. دایرکتیوهای ساختاری (Structural Directives): *ngIf
• 25. دایرکتیوهای ساختاری: *ngFor
• 26. دایرکتیوهای ساختاری: *ngSwitch
• 27. دایرکتیوهای صفتی (Attribute Directives)
• 28. ایجاد دایرکتیوهای سفارشی
• 29. آشنایی با سرویس‌ها (Services)
• 30. نقش سرویس‌ها در معماری Angular
• 31. نوشتن و ثبت سرویس‌ها
• 32. تزریق وابستگی (Dependency Injection) در Angular
• 33. سطوح مختلف تزریق وابستگی
• 34. استفاده از سرویس‌ها برای اشتراک‌گذاری منطق
• 35. آشنایی با ماژول‌ها (Modules)
• 36. ساختار ماژول‌ها: @NgModule
• 37. Import و Export کردن ماژول‌ها
• 38. ماژول‌های اصلی (Root Module) و Feature Modules
• 39. بهینه‌سازی ماژول‌ها با Lazy Loading
• 40. آشنایی با مسیریابی (Routing)
• 41. نصب و راه‌اندازی ماژول مسیریابی
• 42. تعریف مسیرها (Routes)
• 43. ناوبری برنامه‌ای (Programmatic Navigation)
• 44. پارامترهای مسیر (Route Parameters)
• 45. مسیرهای تو در تو (Nested Routes)
• 46. مسیرهای فرزند (Child Routes)
• 47. مسیرهای Redirection
• 48. محافظان مسیر (Route Guards)
• 49. BeforeRouteEnter Guard
• 50. CanActivate Guard
• 51. CanDeactivate Guard
• 52. Resolve Guard
• 53. آشنایی با فرم‌ها در Angular
• 54. فرم‌های مبتنی بر تمپلیت (Template-Driven Forms)
• 55. اعتبارسنجی در فرم‌های مبتنی بر تمپلیت
• 56. فرم‌های مبتنی بر مدل (Reactive Forms)
• 57. FormGroup، FormControl و FormArray
• 58. اعتبارسنجی در فرم‌های Reactive
• 59. ارتباط اعتبارسنجی سفارشی با فرم‌ها
• 60. مدیریت خطا در فرم‌ها
• 61. آشنایی با HTTP Client
• 62. ارسال درخواست‌های GET، POST، PUT، DELETE
• 63. کار با Observable ها و RxJS
• 64. پردازش پاسخ‌های HTTP
• 65. مدیریت خطا در درخواست‌های HTTP
• 66. اعتراض‌گرها (Interceptors) برای درخواست‌های HTTP
• 67. آشنایی با State Management
• 68. مفاهیم اولیه مدیریت وضعیت
• 69. استفاده از سرویس‌ها برای مدیریت ساده وضعیت
• 70. آشنایی با NgRx (کتابخانه مدیریت وضعیت پیشرفته)
• 71. مقدمه به Redux و مفاهیم آن
• 72. Actions، Reducers، Store و Selectors در NgRx
• 73. Effects برای مدیریت عملیات آسنکرون
• 74. توسعه برنامه واقعی با NgRx
• 75. آشنایی با Pipe ها
• 76. Pipe های داخلی (Built-in Pipes)
• 77. استفاده از Pipe ها در تمپلیت
• 78. ایجاد Pipe های سفارشی
• 79. آشنایی با مباحث پیشرفته TypeScript
• 80. Type Annotations و Interface ها
• 81. Classes و Inheritance
• 82. Generics
• 83. Enums
• 84. Modules و Namespaces
• 85. Decorators
• 86. آشنایی با تست نویسی (Testing)
• 87. مقدمات تست نویسی در Angular
• 88. تست واحد (Unit Testing) کامپوننت‌ها
• 89. تست واحد سرویس‌ها
• 90. تست واحد دایرکتیوها
• 91. تست واحد Pipe ها
• 92. تست یکپارچگی (Integration Testing)
• 93. تست E2E (End-to-End Testing) با Protractor
• 94. مفاهیم پیشرفته Angular
• 95. انیمیشن‌ها در Angular
• 96. آشنایی با Angular Material
• 97. استفاده از کامپوننت‌های آماده Angular Material
• 98. شخصی‌سازی Angular Material
• 99. آشنایی با Progressive Web Apps (PWA) در Angular
• 100. سرویس ورکرها (Service Workers)