فلش‌کارت‌های آموزشی ساخت وب اپلیکیشن‌های پیش‌رونده (PWA) با انگولار

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

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

عنوان دوره: دوره ساخت وب اپلیکیشن‌های پیش‌رونده (PWA) با انگولار

موضوع کلی: برنامه نویسی

موضوع میانی: انگولار (Angular)

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

• 1. مقدمه‌ای بر دنیای وب اپلیکیشن‌های پیش‌رونده (PWA)
• 2. چرا PWA؟ مزایا و کاربردهای PWA
• 3. تفاوت PWA با اپلیکیشن‌های Native و وب اپلیکیشن‌های سنتی
• 4. بررسی نیازمندی‌های PWA
• 5. معرفی انگولار (Angular) و معماری آن
• 6. نصب و راه‌اندازی محیط توسعه انگولار
• 7. ایجاد اولین پروژه انگولار
• 8. ساختار کلی پروژه‌های انگولار
• 9. مفهوم کامپوننت‌ها (Components) در انگولار
• 10. نحوه ایجاد کامپوننت‌ها
• 11. تمپلیت‌ها (Templates) و سینتکس مورد نیاز
• 12. ديتا بايندينگ (Data Binding) در انگولار
• 13. یک‌طرفه (One-way) و دوطرفه (Two-way) دیتا بايندينگ
• 14. ويو بايندينگ (View Binding)
• 15. ايونت بايندينگ (Event Binding)
• 16. پراپرتی بايندينگ (Property Binding)
• 17. استایل بايندينگ (Style Binding)
• 18. کلاس بايندينگ (Class Binding)
• 19. اینترپولیشن (Interpolation)
• 20. مفهوم دایرکتیوها (Directives)
• 21. انواع دایرکتیوها: دایرکتیوهای کامپوننتی، ساختاری و صفتی
• 22. دایرکتیوهای ساختاری (Structural Directives): *ngIf، *ngFor، *ngSwitch
• 23. نحوه ایجاد دایرکتیوهای سفارشی
• 24. مفهوم سرویس‌ها (Services) در انگولار
• 25. نحوه ایجاد سرویس‌ها
• 26. تزریق وابستگی (Dependency Injection) در انگولار
• 27. اهمیت سرویس‌ها در اشتراک‌گذاری منطق
• 28. مفهوم ماژول‌ها (Modules) در انگولار
• 29. نحوه سازماندهی پروژه با ماژول‌ها
• 30. ماژول روتینگ (AppRoutingModule)
• 31. پیکربندی روتینگ (Routing) در انگولار
• 32. تعریف مسیرها (Routes)
• 33. نحوه ناوبری (Navigation) بین کامپوننت‌ها
• 34. پارامترهای مسیر (Route Parameters)
• 35. کوئری پارامترها (Query Parameters)
• 36. ناوبری برنامه‌نویسی (Programmatic Navigation)
• 37. مفهوم فرم‌ها (Forms) در انگولار
• 38. تمپلیت درایوِن فرمز (Template-Driven Forms)
• 39. مفهوم و نحوه استفاده از NgModule
• 40. اعلام (Declare)، وارد کردن (Import) و صادر کردن (Export) در NgModule
• 41. ری‌اکتیو فرمز (Reactive Forms)
• 42. مدل فرم (FormModel) و کنترل‌ها (Controls)
• 43. گروه‌بندی فرم‌ها (FormGroups) و آرایه‌ها (FormArrays)
• 44. اعتبارسنجی (Validation) در فرم‌های ری‌اکتیو
• 45. استفاده از کتابخانه‌های اعتبارسنجی
• 46. مفهوم Pipe در انگولار
• 47. کاربرد Pipe برای تبدیل داده‌ها
• 48. Pipeهای داخلی انگولار (DatePipe، CurrencyPipe، UpperCasePipe و...)
• 49. نحوه ایجاد Pipeهای سفارشی
• 50. مدیریت خطا (Error Handling) در انگولار
• 51. مدیریت خطا در کامپوننت‌ها
• 52. مدیریت خطاهای سمت سرور
• 53. انواع خطاها در PWA
• 54. معرفی Service Workers
• 55. نقش Service Workers در PWA
• 56. نحوه فعال‌سازی Service Workers در انگولار
• 57. مدیریت کش (Caching) با Service Workers
• 58. استراتژی‌های کش (Cache First، Network First، Stale-while-revalidate)
• 59. ورک‌فلو (Workflow) Service Worker
• 60. مسائل امنیتی مرتبط با Service Workers
• 61. مدیریت Manifest فایل (.webmanifest)
• 62. ایجاد Manifest فایل برای PWA
• 63. تنظیمات Manifest فایل (نام، آیکون‌ها، رنگ‌بندی و...)
• 64. پوش نوتیفیکیشن‌ها (Push Notifications)
• 65. نحوه دریافت پوش نوتیفیکیشن‌ها
• 66. کار با Service Worker برای ارسال و دریافت نوتیفیکیشن
• 67. ذخیره‌سازی آفلاین (Offline Storage)
• 68. استفاده از Local Storage و Session Storage
• 69. مفهوم IndexedDB برای ذخیره‌سازی داده‌های بزرگتر
• 70. همگام‌سازی داده‌ها در حالت آفلاین
• 71. نحوه ادغام IndexedDB با انگولار
• 72. تست و اشکال‌زدایی (Testing and Debugging) PWA
• 73. ابزارهای توسعه‌دهنده مرورگر برای PWA
• 74. تست Service Workers
• 75. اشکال‌زدایی مشکلات PWA
• 76. مفاهیم پیشرفته انگولار
• 77. لایف‌سایکل هوک‌ها (Lifecycle Hooks) در انگولار
• 78. ngOnInit، ngOnChanges، ngOnDestroy و...
• 79. بهینه‌سازی عملکرد (Performance Optimization) در انگولار
• 80. Lazy Loading Modules
• 81. Code Splitting
• 82. Tree Shaking
• 83. استفاده از AOT (Ahead-of-Time) Compilation
• 84. مدیریت State در برنامه‌های بزرگ
• 85. معرفی NgRx (Redux for Angular)
• 86. مفاهیم NgRx: Store، Actions، Reducers، Selectors
• 87. مدیریت پیچیدگی State با NgRx
• 88. مفاهیم پیشرفته PWA
• 89. بهبود تجربه کاربری (UX) در PWA
• 90. بهینه‌سازی بارگذاری اولیه (Initial Load)
• 91. مدیریت پیشرفت بارگذاری (Progressive Loading)
• 92. Accessibility (دسترسی‌پذیری) در PWA
• 93. اهمیت Accessibility برای PWA
• 94. استانداردهای WCAG
• 95. پیاده‌سازی Accessibility در کامپوننت‌های انگولار
• 96. امنیت در PWA
• 97. ملاحظات امنیتی برای PWA
• 98. استفاده از HTTPS
• 99. امنیت Service Workers
• 100. مدیریت توکن‌ها و احراز هویت (Authentication)