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

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

عنوان دوره: مسیر شروع قدرتمند Angular: از صفر تا توسعه پروژه با TypeScript

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

موضوع میانی: توسعه وب با فریمورک Angular

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه‌ای بر توسعه وب مدرن و Single-Page Applications (SPA)
• 2. چرا Angular؟ مقایسه با سایر فریمورک‌ها (React, Vue)
• 3. معرفی اکوسیستم Angular: CLI, Components, Services
• 4. مروری بر TypeScript: چرا جاوا اسکریپت به تنهایی کافی نیست؟
• 5. نصب و راه‌اندازی محیط توسعه: Node.js, npm و VS Code
• 6. نصب Angular CLI و ساخت اولین پروژه Angular
• 7. بررسی ساختار پوشه‌ها و فایل‌های یک پروژه Angular
• 8. اجرای اپلیکیشن و آشنایی با فرآیند توسعه (Development Server)
• 9. مبانی TypeScript: انواع داده (Types)
• 10. مبانی TypeScript: تعریف متغیرها با let و const
• 11. مبانی TypeScript: کار با توابع و تعریف نوع خروجی
• 12. مبانی TypeScript: اینترفیس‌ها (Interfaces) برای تعریف ساختار داده
• 13. مبانی TypeScript: کلاس‌ها (Classes)، سازنده‌ها (Constructors) و Propertyها
• 14. مبانی TypeScript: مفهوم ارث‌بری (Inheritance) در کلاس‌ها
• 15. مبانی TypeScript: Modifierها (public, private, protected)
• 16. مبانی TypeScript: ژنریک‌ها (Generics)
• 17. مبانی TypeScript: ماژول‌ها (Modules) و نحوه import و export
• 18. آشنایی با Decoratorها در TypeScript و کاربرد آن در Angular
• 19. معرفی کامپوننت‌ها (Components): قلب تپنده اپلیکیشن Angular
• 20. ساختار یک کامپوننت: تمپلیت، استایل و منطق
• 21. آشنایی با دکوراتور ‎@Component و متادیتاهای آن
• 22. ایجاد اولین کامپوننت با Angular CLI
• 23. مفهوم Selector و نحوه استفاده از کامپوننت‌ها در تمپلیت
• 24. تمپلیت‌ها در Angular: اینترپولیشن (Interpolation) با `{{ }}`
• 25. دیتا بایندینگ (Data Binding): اتصال داده به تمپلیت
• 26. Property Binding با `[ ]`
• 27. Event Binding با `( )`
• 28. بایندینگ دو طرفه (Two-Way Binding) با `[(ngModel)]`
• 29. آشنایی با ماژول FormsModule
• 30. استفاده از متغیرهای رفرنس تمپلیت (Template Reference Variables)
• 31. مفهوم دایرکتیوها (Directives) در Angular
• 32. دایرکتیوهای ساختاری (Structural Directives): معرفی ‎*ngIf
• 33. استفاده از ‎*ngIf با `else`
• 34. دایرکتیو ساختاری ‎*ngFor برای تکرار در لیست‌ها
• 35. دایرکتیو ساختاری ‎*ngSwitch
• 36. دایرکتیوهای وصفی (Attribute Directives): معرفی ngClass
• 37. کاربرد ngStyle برای استایل‌دهی داینامیک
• 38. ایجاد یک دایرکتیو وصفی سفارشی (Custom Attribute Directive)
• 39. ارتباط بین کامپوننت‌ها: معرفی ‎@Input برای ارسال داده به فرزند
• 40. ارتباط بین کامپوننت‌ها: معرفی ‎@Output و EventEmitter برای ارسال داده به والد
• 41. چرخه حیات کامپوننت (Component Lifecycle Hooks)
• 42. هوک ngOnInit: بهترین مکان برای مقداردهی اولیه
• 43. هوک ngOnChanges: واکنش به تغییرات Inputها
• 44. هوک ngOnDestroy: پاکسازی قبل از حذف کامپونENT
• 45. مفهوم View Encapsulation و استایل‌دهی ایزوله کامپوننت‌ها
• 46. پایپ‌ها (Pipes): ابزاری برای فرمت‌دهی داده‌ها در تمپلیت
• 47. استفاده از پایپ‌های داخلی: DatePipe, UpperCasePipe, LowerCasePipe
• 48. استفاده از پایپ‌های داخلی: CurrencyPipe, DecimalPipe
• 49. زنجیره‌سازی پایپ‌ها (Chaining Pipes)
• 50. ایجاد یک پایپ سفارشی (Custom Pipe)
• 51. مفهوم سرویس‌ها (Services) و جداسازی منطق
• 52. چرا به سرویس‌ها نیاز داریم؟ (Single Responsibility Principle)
• 53. ایجاد اولین سرویس با Angular CLI
• 54. مفهوم Dependency Injection (DI) یا تزریق وابستگی
• 55. ثبت سرویس‌ها: استفاده از `providedIn: 'root'`
• 56. تزریق یک سرویس به درون یک کامپوننت
• 57. استفاده از سرویس برای اشتراک‌گذاری داده بین کامپوننت‌ها
• 58. مقدمه‌ای بر مسیریابی (Routing) در اپلیکیشن‌های تک‌صفحه‌ای
• 59. پیکربندی ماژول مسیریابی (RouterModule)
• 60. تعریف مسیرها (Routes) و اتصال آن‌ها به کامپوننت‌ها
• 61. استفاده از `router-outlet` برای نمایش کامپوننت‌های مسیر
• 62. ایجاد لینک‌های ناوبری با `routerLink`
• 63. استایل‌دهی به لینک فعال با `routerLinkActive`
• 64. ناوبری برنامه‌نویسی شده (Programmatic Navigation) با سرویس Router
• 65. ارسال پارامتر در مسیر (Route Parameters)
• 66. دریافت پارامترهای مسیر در کامپوننت مقصد
• 67. ارسال پارامترهای کوئری (Query Parameters)
• 68. مسیریابی فرزند (Child Routes) و مسیرهای تودرتو (Nested Routes)
• 69. ماژول‌ها در انگولار (NgModules)
• 70. مفهوم AppModule و ریشه اپلیکیشن
• 71. ماژول‌های ویژگی (Feature Modules) برای سازماندهی کد
• 72. ماژول‌های اشتراکی (Shared Modules)
• 73. بارگذاری تنبل (Lazy Loading) ماژول‌ها برای بهبود عملکرد
• 74. مقدمه‌ای بر ارتباط با سرور و پروتکل HTTP
• 75. آشنایی با RxJS و برنامه‌نویسی واکنشی (Reactive Programming)
• 76. مفاهیم اصلی RxJS: آبزروِبِل (Observable)، آبزروِر (Observer) و اشتراک (Subscription)
• 77. تنظیم و استفاده از HttpClientModule
• 78. ارسال درخواست GET با سرویس HttpClient
• 79. دریافت و نمایش داده‌های پاسخ از سرور
• 80. کار با اپراتورهای RxJS: معرفی `map` و `tap`
• 81. ارسال درخواست POST برای ایجاد داده جدید
• 82. ارسال درخواست‌های PUT و DELETE برای به‌روزرسانی و حذف
• 83. مدیریت خطاها در درخواست‌های HTTP
• 84. استفاده از پایپ `async` برای کار با آبزروبل‌ها در تمپلیت
• 85. مقدمه‌ای بر فرم‌ها در Angular: فرم‌های مبتنی بر تمپلیت در مقابل فرم‌های واکنشی
• 86. فرم‌های مبتنی بر تمپلیت (Template-Driven Forms)
• 87. اعتبارسنجی (Validation) در فرم‌های مبتنی بر تمپلیت
• 88. نمایش پیام‌های خطا برای اعتبارسنجی
• 89. فرم‌های واکنشی (Reactive Forms)
• 90. راه‌اندازی فرم‌های واکنشی با FormGroup و FormControl
• 91. ساخت فرم با استفاده از FormBuilder
• 92. اعتبارسنجی در فرم‌های واکنشی
• 93. اعتبارسنجی سفارشی (Custom Validators)
• 94. فرم‌های پویا با FormArray
• 95. موضوعات پیشرفته: Route Guards برای محافظت از مسیرها
• 96. پیاده‌سازی گارد CanActivate
• 97. موضوعات پیشرفته: Resolver برای پیش‌بارگذاری داده‌های مسیر
• 98. موضوعات پیشرفته: Interceptorها برای مدیریت درخواست‌های HTTP
• 99. ساخت پروژه نهایی: تعریف نیازمندی‌ها و طراحی اولیه
• 100. ساخت پروژه نهایی: ایجاد ساختار کامپوننت‌ها و ماژول‌ها