فلش‌کارت‌های آموزشی شروع سریع و تسلط بر انگولار: آموزش جامع و گام به گام

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

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

عنوان دوره: دوره شروع سریع و تسلط بر انگولار: آموزش جامع و گام به گام

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

موضوع میانی: چارچوب‌های جاوا اسکریپت

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

• 1. مقدمه‌ای بر توسعه وب فرانت‌اند مدرن
• 2. انگولار چیست و چرا از آن استفاده می‌کنیم؟
• 3. آشنایی با اکوسیستم انگولار (CLI, TypeScript, RxJS)
• 4. نصب پیش‌نیازها: Node.js و npm
• 5. نصب و راه‌اندازی Angular CLI
• 6. ساخت اولین پروژه انگولار با `ng new`
• 7. بررسی ساختار پوشه‌ها و فایل‌های یک پروژه انگولار
• 8. اجرای برنامه و آشنایی با فرآیند توسعه (Development Server)
• 9. ایجاد اولین کامپوننت: کامپوننت "سلام دنیا"
• 10. آشنایی با TypeScript: مبانی مورد نیاز برای انگولار
• 11. آناتومی یک کامپوننت: دکوراتور `@Component`
• 12. کار با Template‌ها: HTML درون کامپوننت
• 13. استایل‌دهی به کامپوننت‌ها: CSS و View Encapsulation
• 14. اتصال داده (Data Binding): نمایش داده‌های پویا
• 15. اینترپولیشن (Interpolation): `{{ }}`
• 16. پراپرتی بایندینگ (Property Binding): `[ ]`
• 17. ایونت بایندینگ (Event Binding): `( )`
• 18. اتصال دوطرفه (Two-Way Binding) با `ngModel`
• 19. پاس دادن داده به کامپوننت فرزند با `@Input`
• 20. ارسال داده از کامپوننت فرزند به والد با `@Output` و `EventEmitter`
• 21. دایرکتیوها در انگولار چه هستند؟ (انواع دایرکتیوها)
• 22. دایرکتیو ساختاری `*ngIf`: رندر شرطی
• 23. کار با `if-else` در تمپلیت با `ng-template`
• 24. دایرکتیو ساختاری `*ngFor`: تکرار روی لیست‌ها
• 25. درک `trackBy` برای بهینه‌سازی `*ngFor`
• 26. دایرکتیو ساختاری `ngSwitch`: نمایش شرطی چندگانه
• 27. دایرکتیوهای اَتریبیوتی: `ngClass` و `ngStyle`
• 28. ساخت اولین دایرکتیو اَتریبیوتی سفارشی
• 29. پایپ‌ها (Pipes) چیستند و چرا استفاده می‌شوند؟
• 30. استفاده از پایپ‌های داخلی انگولار (Date, UpperCase, Currency)
• 31. زنجیره‌سازی پایپ‌ها (Chaining Pipes)
• 32. ساخت یک پایپ سفارشی (Custom Pipe)
• 33. مفهوم سرویس (Service) در انگولار
• 34. ساخت اولین سرویس برای مدیریت داده
• 35. تزریق وابستگی (Dependency Injection) چیست؟
• 36. ثبت (Register) کردن یک سرویس با دکوراتور `@Injectable`
• 37. استفاده از `providedIn: 'root'` برای سرویس‌های سراسری
• 38. تزریق سرویس به کامپوننت‌ها
• 39. آشنایی با سلسله‌مراتب Injectorها
• 40. تزریق وابستگی در سطح ماژول و کامپوننت
• 41. مدیریت state ساده با استفاده از سرویس‌ها
• 42. توکن‌های تزریق (Injection Tokens)
• 43. مقدمه‌ای بر Single Page Applications (SPA) و مسیریابی
• 44. راه‌اندازی ماژول مسیریابی (AppRoutingModule)
• 45. تعریف مسیرهای اصلی برنامه (Routes)
• 46. استفاده از `router-outlet` برای نمایش کامپوننت‌های مسیر
• 47. ایجاد لینک‌های ناوبری با `routerLink`
• 48. استایل‌دهی به لینک فعال با `routerLinkActive`
• 49. مسیریابی با پارامترها (Route Parameters)
• 50. خواندن پارامترهای مسیر با `ActivatedRoute`
• 51. مسیریابی پویا (Programmatic Navigation) با سرویس `Router`
• 52. مسیرهای تودرتو (Nested Routes) و `router-outlet` های چندگانه
• 53. محافظت از مسیرها (Route Guards)
• 54. پیاده‌سازی `CanActivate` برای کنترل دسترسی
• 55. پیاده‌سازی `CanDeactivate` برای جلوگیری از خروج ناخواسته
• 56. بارگذاری تنبل (Lazy Loading) ماژول‌ها برای بهینه‌سازی
• 57. ارسال داده‌های استاتیک به یک مسیر با پراپرتی `data`
• 58. واکشی داده قبل از بارگذاری مسیر با Resolver
• 59. آشنایی با فرم‌ها در انگولار: Template-Driven در مقابل Reactive
• 60. ساخت فرم با رویکرد Template-Driven
• 61. استفاده از `ngModel` و `ngForm`
• 62. اعتبارسنجی (Validation) در فرم‌های Template-Driven
• 63. نمایش پیام‌های خطا در فرم‌های Template-Driven
• 64. مقدمه‌ای بر فرم‌های واکنشی (Reactive Forms)
• 65. ساخت فرم با `FormBuilder`, `FormGroup` و `FormControl`
• 66. اتصال فرم واکنشی به تمپلیت با `formGroup` و `formControlName`
• 67. اعتبارسنجی در فرم‌های واکنشی
• 68. ساخت اعتبارسنج‌های سفارشی (Custom Validators)
• 69. اعتبارسنجی ناهمزمان (Async Validators)
• 70. فرم‌های پویا (Dynamic Forms) با `FormArray`
• 71. مقداردهی و ریست کردن فرم‌های واکنشی
• 72. مقدمه‌ای بر ارتباط با سرور و پروتکل HTTP
• 73. معرفی `HttpClientModule` و سرویس `HttpClient`
• 74. ارسال درخواست GET برای دریافت داده‌ها
• 75. مدیریت داده‌های دریافتی (Typing Responses)
• 76. ارسال درخواست POST برای ایجاد داده جدید
• 77. ارسال درخواست PUT و PATCH برای به‌روزرسانی
• 78. ارسال درخواست DELETE برای حذف داده‌ها
• 79. مدیریت خطاها در درخواست‌های HTTP
• 80. استفاده از `HttpHeaders` برای ارسال هدرها
• 81. رهگیری درخواست‌ها و پاسخ‌ها با `HttpInterceptor`
• 82. نمایش وضعیت بارگذاری (Loading Indicator) هنگام درخواست HTTP
• 83. برنامه‌نویسی واکنشی (Reactive Programming) چیست؟
• 84. معرفی Observableها: جریان‌های داده ناهمزمان
• 85. تفاوت Observable با Promise
• 86. اشتراک (Subscribe) در یک Observable و مدیریت خطا و تکمیل
• 87. مدیریت اشتراک‌ها و جلوگیری از نشت حافظه (Memory Leaks)
• 88. آشنایی با اپراتورهای RxJS (Operators)
• 89. اپراتورهای پرکاربرد: `map`, `filter`, `tap`
• 90. ترکیب Observableها: `merge`, `concat`, `forkJoin`
• 91. اپراتورهای سطح بالا: `switchMap`, `mergeMap`, `concatMap`
• 92. مدیریت خطا در RxJS با اپراتور `catchError`
• 93. موضوعات (Subjects) در RxJS: `Subject` و `BehaviorSubject`
• 94. عمیق‌تر در `NgModule`: ماژول‌های ویژگی (Feature Modules)
• 95. ماژول‌های اشتراکی (Shared Modules) و ماژول هسته (Core Module)
• 96. چرخه حیات کامپوننت (Component Lifecycle Hooks)
• 97. کاربرد هوک‌های `ngOnInit`, `ngOnDestroy` و `ngOnChanges`
• 98. مکانیزم تشخیص تغییر (Change Detection) در انگولار
• 99. استراتژی‌های Change Detection: `Default` و `OnPush`
• 100. استفاده از `ViewChild` و `ContentChild` برای دسترسی به المان‌ها