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

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

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

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

موضوع کلی: فناوری اطلاعات و نرم‌افزار

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

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

• 1. مقدمه‌ای بر توسعه وب مدرن
• 2. آشنایی با فریم‌ورک‌های جاوا اسکریپت
• 3. چرا Angular؟ مزایا و کاربردها
• 4. نصب و راه‌اندازی محیط توسعه Angular
• 5. آشنایی با ساختار پروژه‌های Angular
• 6. کامپوننت‌ها: بلوک‌های سازندهٔ رابط کاربری
• 7. ایجاد اولین کامپوننت در Angular
• 8. قالب‌ها (Templates) و سینتکس آن‌ها
• 9. اتصال داده‌ها (Data Binding) در Angular
• 10. یک‌طرفه و دوطرفه کردن اتصال داده
• 11. دستورالعمل‌ها (Directives) در Angular
• 12. دستورالعمل‌های صفتی (Attribute Directives)
• 13. دستورالعمل‌های ساختاری (Structural Directives)
• 14. معرفی ماژول‌ها در Angular
• 15. استفاده از ماژول‌های استاندارد Angular
• 16. سرویس‌ها (Services) و تزریق وابستگی (Dependency Injection)
• 17. ایجاد و استفاده از سرویس‌ها
• 18. ارتباط با سرور: HTTP Client
• 19. کار با API ها و دریافت داده‌ها
• 20. مدیریت فرم‌ها در Angular
• 21. فرم‌های مبتنی بر تمپلیت (Template-driven Forms)
• 22. فرم‌های مبتنی بر کد (Reactive Forms)
• 23. اعتبارسنجی (Validation) در فرم‌ها
• 24. مسیریابی (Routing) در برنامه‌های Angular
• 25. پیکربندی مسیرها
• 26. پارامترهای مسیر و Query Parameters
• 27. ناوبری برنامه‌ریزی شده (Programmatic Navigation)
• 28. محافظان مسیر (Route Guards)
• 29. مدیریت خطا در مسیریابی
• 30. پایپ‌ها (Pipes) برای تبدیل داده‌ها
• 31. استفاده از پایپ‌های داخلی
• 32. ساخت پایپ‌های سفارشی
• 33. مدیریت وضعیت (State Management)
• 34. مقدمه‌ای بر NgRx
• 35. مفاهیم اصلی NgRx: Store, Actions, Reducers, Selectors
• 36. پیاده‌سازی NgRx در یک پروژه
• 37. تست واحد (Unit Testing) کامپوننت‌ها
• 38. تست واحد سرویس‌ها
• 39. تست یکپارچه‌سازی (Integration Testing)
• 40. مقدمه‌ای بر تست E2E (End-to-End Testing)
• 41. کار با کتابخانه‌های UI
• 42. معرفی Angular Material
• 43. استفاده از کامپوننت‌های Angular Material
• 44. طراحی واکنش‌گرا (Responsive Design)
• 45. بهینه‌سازی عملکرد (Performance Optimization)
• 46. بارگذاری تنبل (Lazy Loading)
• 47. کد شکنی (Code Splitting)
• 48. استفاده از Web Workers
• 49. امنیت در برنامه‌های Angular
• 50. ملاحظات امنیتی در توسعه فرانت‌اند
• 51. کار با احراز هویت (Authentication)
• 52. مدیریت توکن‌ها (Tokens)
• 53. مقدمه‌ای بر Progressive Web Apps (PWAs)
• 54. تکنیک‌های PWA در Angular
• 55. توسعهٔ اپلیکیشن‌های آفلاین
• 56. معرفی TypeScript
• 57. انواع داده‌ها در TypeScript
• 58. اینترفیس‌ها (Interfaces) و کلاس‌ها (Classes)
• 59. مفاهیم پیشرفته TypeScript
• 60. استقرار (Deployment) برنامه‌های Angular
• 61. ساخت نسخهٔ Production
• 62. استقرار بر روی سرورهای وب (Nginx, Apache)
• 63. استقرار بر روی سرویس‌های ابری (مانند Iran Cloud)
• 64. مفاهیم CI/CD (Continuous Integration/Continuous Deployment)
• 65. ابزارهای CI/CD برای Angular
• 66. مدیریت بسته‌ها (Package Management) با npm/yarn
• 67. کار با فایل‌های پیکربندی (Configuration Files)
• 68. معرفی RxJS و Observables
• 69. اصول برنامه‌نویسی واکنشی (Reactive Programming)
• 70. عملیات روی Observables (Map, Filter, etc.)
• 71. مدیریت خطا در Observables
• 72. معرفی State Management Patterns
• 73. تکنیک‌های پیشرفتهٔ تزریق وابستگی
• 74. سازگاری با مرورگرهای مختلف
• 75. مقدمه‌ای بر SSR (Server-Side Rendering)
• 76. کاربرد SSR در Angular (Angular Universal)
• 77. بهبود SEO با SSR
• 78. مفاهیم پیشرفتهٔ قالب‌ها
• 79. کامپایل Just-in-Time (JIT) و Ahead-of-Time (AOT)
• 80. نحوهٔ کار AOT Compiler
• 81. بهینه‌سازی‌های زمان Build
• 82. کار با Webpack در Angular
• 83. مقدمه‌ای بر Micro Frontends
• 84. معماری Micro Frontends
• 85. چالش‌ها و مزایای Micro Frontends
• 86. استفاده از Micro Frontends با Angular
• 87. ملاحظات مربوط به معماری نرم‌افزار
• 88. اصول SOLID در توسعهٔ فرانت‌اند
• 89. الگوهای طراحی (Design Patterns) در Angular
• 90. الگوهای رایج در توسعهٔ وب
• 91. معرفی ابزارهای توسعهٔ مرورگر (Browser DevTools)
• 92. اشکال‌زدایی (Debugging) پیشرفته
• 93. کار با ابزارهای پروفایلینگ (Profiling)
• 94. مقدمه‌ای بر Web Components
• 95. تفاوت Web Components با Angular Components
• 96. کاربرد Web Components در اکوسیستم Angular
• 97. مفاهیم پیشرفتهٔ مدیریت وضعیت
• 98. استراتژی‌های مدیریت وضعیت برای پروژه‌های بزرگ
• 99. معرفی ابزارهای visualiser و monitoring
• 100. بهترین شیوه‌ها (Best Practices) در توسعه Angular