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

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

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

عنوان دوره: دوره آموزش جامع Angular: از مبانی تا ساخت برنامه‌های پیشرفته

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

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

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

• 1. مقدمه‌ای بر توسعه وب مدرن
• 2. معرفی فریم‌ورک‌های جاوااسکریپت
• 3. چرا Angular؟
• 4. تاریخچه و تکامل Angular
• 5. ساختار کلی برنامه‌های Angular
• 6. محیط توسعه Angular: ابزارها و نصب
• 7. CLI Angular: ابزار خط فرمان قدرتمند
• 8. ایجاد اولین پروژه Angular
• 9. ساختار پوشه‌ها و فایل‌ها در پروژه Angular
• 10. مفاهیم کلیدی: ماژول‌ها
• 11. مفاهیم کلیدی: کامپوننت‌ها
• 12. ساخت و استفاده از کامپوننت‌ها
• 13. قالب‌ها (Templates) در Angular
• 14. باندینگ داده (Data Binding): یک‌طرفه
• 15. باندینگ داده: دوطرفه
• 16. مدیریت رویدادها (Event Handling)
• 17. ارتباط بین کامپوننت‌ها: ورودی‌ها (Inputs)
• 18. ارتباط بین کامپوننت‌ها: خروجی‌ها (Outputs)
• 19. سرویس‌ها (Services) در Angular
• 20. تزریق وابستگی (Dependency Injection)
• 21. پایپ‌ها (Pipes) برای تبدیل داده‌ها
• 22. فیلتر کردن داده‌ها با پایپ‌ها
• 23. مسیریابی (Routing) در Angular
• 24. تعریف مسیرها و لینک‌ها
• 25. پارامترهای مسیر
• 26. مسیریابی محافظت‌شده (Route Guards)
• 27. فرم‌های Reactive در Angular
• 28. ساخت فرم‌ها با FormBuilder
• 29. اعتبارسنجی فرم‌ها (Validation)
• 30. ارتباط با API: HTTP Client
• 31. دریافت داده از سرور
• 32. ارسال داده به سرور
• 33. مدیریت خطاها در درخواست‌های HTTP
• 34. معرفی RxJS و Observableها
• 35. عملیات‌های پایه RxJS: map, filter
• 36. عملیات‌های پیشرفته RxJS: switchMap, mergeMap
• 37. مدیریت وضعیت (State Management)
• 38. مقدمه‌ای بر NgRx
• 39. مفاهیم Redux: Actions, Reducers, Store
• 40. پیاده‌سازی NgRx در پروژه
• 41. استفاده از Selectors برای خواندن وضعیت
• 42. اثرات (Effects) در NgRx
• 43. تست کامپوننت‌ها
• 44. تست سرویس‌ها
• 45. تست فرم‌ها
• 46. مقدمه‌ای بر تست یکپارچگی (Integration Testing)
• 47. مقدمه‌ای بر تست End-to-End
• 48. معماری برنامه‌های بزرگ Angular
• 49. کامپوننت‌های سفارشی (Custom Elements)
• 50. ماژول‌های تنبل (Lazy Loading Modules)
• 51. بهینه‌سازی عملکرد برنامه
• 52. کار با فرم‌های Template-driven
• 53. تفاوت فرم‌های Reactive و Template-driven
• 54. مقدمه‌ای بر Progressive Web Apps (PWA)
• 55. افزودن قابلیت PWA به برنامه Angular
• 56. کار با Service Workers
• 57. ذخیره‌سازی داده در مرورگر: Local Storage
• 58. ذخیره‌سازی داده در مرورگر: Session Storage
• 59. ذخیره‌سازی داده در مرورگر: IndexedDB
• 60. مفاهیم امنیت در برنامه‌های وب
• 61. جلوگیری از حملات XSS
• 62. جلوگیری از حملات CSRF
• 63. مدیریت احراز هویت (Authentication)
• 64. مدیریت مجوزها (Authorization)
• 65. استفاده از کتابخانه‌های UI (مانند Angular Material)
• 66. کامپوننت‌های Material Design
• 67. طراحی واکنش‌گرا (Responsive Design)
• 68. مقدمه‌ای بر Server-Side Rendering (SSR)
• 69. پیاده‌سازی SSR با Angular Universal
• 70. مزایا و معایب SSR
• 71. کار با GraphQL در Angular
• 72. مقایسه GraphQL با REST
• 73. مفاهیم پیشرفته‌تر RxJS
• 74. مدیریت جریان‌های داده پیچیده
• 75. استفاده از Interceptors برای درخواست‌ها و پاسخ‌ها
• 76. مدیریت فرم‌های چند مرحله‌ای
• 77. کار با انیمیشن‌ها در Angular
• 78. مفاهیم Type Safety با TypeScript
• 79. مزایای TypeScript برای توسعه Angular
• 80. استفاده از Generics در TypeScript
• 81. مقدمه‌ای بر Micro Frontends
• 82. چالش‌ها و راهکارهای Micro Frontends
• 83. استقرار (Deployment) برنامه‌های Angular
• 84. بهینه‌سازی نهایی برای تولید
• 85. معرفی ابزارهای مانیتورینگ برنامه
• 86. مقدمه‌ای بر CI/CD برای Angular
• 87. اصول طراحی تمیز (Clean Architecture)
• 88. الگوهای طراحی رایج در Angular
• 89. مقدمه‌ای بر Web Components
• 90. استفاده از Web Components با Angular
• 91. بهبود قابلیت دسترسی (Accessibility)
• 92. اهمیت SEO برای برنامه‌های وب
• 93. روش‌های بهبود SEO در Angular
• 94. مدیریت وابستگی‌های پروژه
• 95. به‌روزرسانی نسخه‌های Angular
• 96. مطالعه موردی: ساخت یک برنامه فروشگاهی
• 97. معرفی ابزارهای Debugging پیشرفته
• 98. کار با ابزارهای Developer Tools مرورگر
• 99. مفاهیم پیشرفته Routing
• 100. ساخت داشبوردهای مدیریتی