دوره طراحی و توسعهٔ اپلیکیشن‌های مدرن با Angular و اصول طراحی واکنش‌گرا همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره طراحی و توسعهٔ اپلیکیشن‌های مدرن با Angular و اصول طراحی واکنش‌گرا

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

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

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

• 1. مبانی توسعهٔ وب و معماری SPA
• 2. معرفی و راه‌اندازی محیط توسعهٔ Angular
• 3. ساختار پروژهٔ Angular و مفاهیم پایه
• 4. کامپوننت‌ها در Angular: ساختار و عملکرد
• 5. دکوراتورها و نقش آن‌ها در Angular
• 6. قالب‌بندی (Templating) و داده‌نمایی در Angular
• 7. ارتباط بین کامپوننت‌ها: ورودی و خروجی
• 8. سرویس‌ها و تزریق وابستگی (Dependency Injection) در Angular
• 9. ماژول‌ها در Angular و سازماندهی کد
• 10. مسیریابی (Routing) در برنامه‌های Angular
• 11. پارامترهای مسیر و انواع مختلف مسیریابی
• 12. محافظان مسیر (Route Guards) و امنیت مسیریابی
• 13. فرم‌ها در Angular: فرم‌های مبتنی بر تمپلیت
• 14. فرم‌های مبتنی بر مدل (Reactive Forms) در Angular
• 15. اعتبارسنجی (Validation) در فرم‌ها
• 16. مدیریت وضعیت (State Management) در Angular
• 17. مفاهیم RxJS و Observableها
• 18. عملگرهای RxJS برای پردازش داده‌های غیرهمزمان
• 19. ارتباط با API و درخواست‌های HTTP
• 20. مدل‌سازی داده‌ها و پاسخ‌های API
• 21. پایپ‌ها (Pipes) برای تبدیل داده‌ها در تمپلیت
• 22. فریم‌ورک طراحی UI: Angular Material
• 23. کامپوننت‌های Material Design
• 24. طراحی واکنش‌گرا (Responsive Design) با CSS
• 25. استفاده از Flexbox برای چیدمان
• 26. استفاده از Grid Layout برای چیدمان
• 27. اصول طراحی تجربهٔ کاربری (UX)
• 28. اصول طراحی رابط کاربری (UI)
• 29. قابلیت دسترسی (Accessibility) در وب
• 30. بهینه‌سازی عملکرد برنامه‌های Angular
• 31. تست واحد (Unit Testing) کامپوننت‌ها
• 32. تست واحد سرویس‌ها و ماژول‌ها
• 33. تست یکپارچه‌سازی (Integration Testing)
• 34. تست End-to-End (E2E)
• 35. مقدمه‌ای بر Progressive Web Apps (PWA)
• 36. Manifest فایل و Service Workers
• 37. استقرار (Deployment) برنامه‌های Angular
• 38. مدیریت وابستگی‌ها و بسته‌ها (NPM/Yarn)
• 39. مفاهیم TypeScript پیشرفته
• 40. نوع‌دهی (Typing) پیشرفته در TypeScript
• 41. کلاس‌ها و وراثت در TypeScript
• 42. اینترفیس‌ها (Interfaces) و قراردادها
• 43. enumها و Type Aliases
• 44. مفاهیم شی‌گرایی در TypeScript
• 45. مدیریت خطا (Error Handling) در Angular
• 46. لاگ‌گیری (Logging) در برنامه‌های وب
• 47. امنیت در برنامه‌های وب (مبانی)
• 48. احراز هویت (Authentication) با JWT
• 49. مجوزدهی (Authorization) در برنامه‌های وب
• 50. مدیریت توکن‌ها و کوکی‌ها
• 51. مقدمه‌ای بر مفاهیم CI/CD
• 52. استفاده از ابزارهای CI/CD برای Angular
• 53. اصول طراحی تمیز (Clean Architecture)
• 54. الگوهای طراحی (Design Patterns) در Angular
• 55. الگوی Observer
• 56. الگوی Singleton
• 57. الگوی Factory
• 58. الگوی Strategy
• 59. الگوی Decorator
• 60. مدیریت فرم‌های پیچیده و چندمرحله‌ای
• 61. کار با داده‌های حجیم و صفحه‌بندی (Pagination)
• 62. استفاده از Lazy Loading برای ماژول‌ها
• 63. بهینه‌سازی تصاویر و منابع استاتیک
• 64. فشرده‌سازی و Gzip کردن خروجی
• 65. مقدمه‌ای بر Server-Side Rendering (SSR)
• 66. استفاده از Angular Universal برای SSR
• 67. مفاهیم وب‌کامپوننت‌ها (Web Components)
• 68. تفاوت Angular با وب‌کامپوننت‌های استاندارد
• 69. مدیریت و به‌روزرسانی برنامه‌های PWA
• 70. بهینه‌سازی سئو (SEO) برای برنامه‌های SPA
• 71. استراتژی‌های کشینگ (Caching)
• 72. مقدمه‌ای بر GraphQL و Apollo Client
• 73. مقایسه REST با GraphQL
• 74. استفاده از State Management پیشرفته (Ngrx)
• 75. مبانی Ngrx (Actions, Reducers, Effects, Store)
• 76. توسعهٔ اپلیکیشن‌های مقیاس‌پذیر
• 77. مدیریت و نگهداری پروژه‌های بزرگ
• 78. اصول کدنویسی خوانا و قابل فهم
• 79. بازنگری کد (Code Review)
• 80. مستندسازی کد و پروژه
• 81. مقدمه‌ای بر معماری میکروسرویس
• 82. نقش فرانت‌اند در معماری میکروسرویس
• 83. ابزارهای کمکی توسعه (Linters, Formatters)
• 84. تنظیمات ESLint و Prettier
• 85. مدیریت بین‌المللی‌سازی (i18n)
• 86. ترجمهٔ رابط کاربری
• 87. ساخت داشبوردهای مدیریتی
• 88. طراحی فرم‌های پویا
• 89. استفاده از انیمیشن‌ها در Angular
• 90. بهینه‌سازی UI برای موبایل
• 91. ملاحظات امنیتی در توسعهٔ وب
• 92. مدیریت داده‌های محلی (Local Storage)
• 93. تکنیک‌های دیباگینگ پیشرفته
• 94. آخرین روندها در توسعهٔ وب
• 95. آیندهٔ توسعهٔ اپلیکیشن‌های وب
• 96. پروژهٔ عملی: توسعهٔ یک اپلیکیشن کامل
• 97. مراحل نهایی و آماده‌سازی برای انتشار