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

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

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

عنوان دوره: دوره توسعه وب مدرن با AngularJS: راهنمای گام به گام ساخت اپلیکیشن‌های وب پویا

موضوع کلی: توسعه اپلیکیشن‌های وب

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

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

• 1. مقدمه‌ای بر توسعه وب مدرن و Single-Page Applications (SPA)
• 2. تاریخچه و فلسفه AngularJS: چرا AngularJS؟
• 3. معماری MVW (Model-View-Whatever) در AngularJS
• 4. راه‌اندازی محیط توسعه: ابزارهای مورد نیاز
• 5. ساخت اولین اپلیکیشن AngularJS: "سلام دنیا!"
• 6. ساختار یک اپلیکیشن AngularJS: ماژول‌ها، کنترلرها و نماها
• 7. معرفی دستورها (Directives): قدرت AngularJS در HTML
• 8. عبارات (Expressions) در AngularJS: نمایش داده‌ها در نما
• 9. اتصال داده دوطرفه (Two-Way Data Binding) با ng-model
• 10. ماژول‌ها در AngularJS: سازماندهی کد با angular.module
• 11. کنترلرها (Controllers): منطق پشت نماها
• 12. مفهوم Scope$ و نقش آن به عنوان چسب بین کنترلر و نما
• 13. سلسله مراتب Scope و وراثت
• 14. Scope$ ریشه (rootScope$) و کاربردهای آن
• 15. فیلترها (Filters): قالب‌بندی داده‌ها در نما
• 16. استفاده از فیلترهای داخلی: currency, date, uppercase
• 17. زنجیره‌ای کردن فیلترها برای پردازش‌های چندمرحله‌ای
• 18. فیلتر کردن آرایه‌ها با فیلتر filter
• 19. مرتب‌سازی آرایه‌ها با فیلتر orderBy
• 20. دستور ng-app: مشخص کردن ریشه اپلیکیشن
• 21. دستور ng-controller: اتصال کنترلر به بخشی از DOM
• 22. دستورهای شرطی: ng-if, ng-show و ng-hide
• 23. تفاوت‌های کلیدی بین ng-if و ng-show/ng-hide
• 24. تکرار روی داده‌ها با ng-repeat
• 25. متغیرهای ویژه در ng-repeat: index$, $first$, $last$, $middle$, $even$, $odd$
• 26. بهینه‌سازی ng-repeat با track by
• 27. مقداردهی اولیه با ng-init و موارد استفاده (و عدم استفاده) آن
• 28. مدیریت رویدادهای کاربر: ng-click, ng-submit, ng-mouseover
• 29. اتصال به خصوصیات HTML با ng-href, ng-src و ng-class
• 30. استایل‌دهی داینامیک با ng-style
• 31. بارگذاری تمپلیت‌های خارجی با ng-include
• 32. ساختارهای کنترلی پیچیده‌تر با ng-switch
• 33. غیرفعال کردن عناصر با ng-disabled
• 34. مقدمه‌ای بر ساخت دستورهای سفارشی (Custom Directives)
• 35. چرا و چه زمانی باید دایرکتیو سفارشی بسازیم؟
• 36. آبجکت تعریف دایرکتیو (Directive Definition Object - DDO)
• 37. ویژگی restrict: نحوه استفاده از دایرکتیو (E, A, C, M)
• 38. ارائه نما برای دایرکتیو با template و templateUrl
• 39. مفهوم Scope در دایرکتیوها: اشتراکی، ارث‌بری و ایزوله
• 40. ایجاد Scope ایزوله (Isolated Scope) برای کامپوننت‌های قابل استفاده مجدد
• 41. اتصال داده در Scope ایزوله: اتصال یک‌طرفه با @
• 42. اتصال داده در Scope ایزوله: اتصال دوطرفه با =
• 43. اتصال داده در Scope ایزوله: اتصال رفتار و توابع با &
• 44. تابع link: دستکاری DOM در دایرکتیوها
• 45. پارامترهای تابع link: scope, element, attrs, controller
• 46. تابع compile: تبدیل تمپلیت قبل از اتصال به Scope
• 47. تفاوت بین تابع compile و تابع link
• 48. ارتباط بین دایرکتیوها با استفاده از require و controller
• 49. ایجاد کامپوننت‌های تو در تو با ng-transclude
• 50. سرویس‌ها (Services) در AngularJS: منطق مشترک و قابل استفاده مجدد
• 51. مفهوم تزریق وابستگی (Dependency Injection - DI)
• 52. تفاوت بین Service, Factory و Provider
• 53. ساخت سرویس با استفاده از Factory
• 54. ساخت سرویس با استفاده از Service
• 55. ساخت سرویس‌های قابل پیکربندی با استفاده از Provider
• 56. سرویس‌های داخلی پرکاربرد: log$, $timeout$, $interval$
• 57. ارتباط با سرور: مقدمه‌ای بر AJAX و API‌های RESTful
• 58. سرویس http$: ارسال درخواست‌های HTTP
• 59. ارسال درخواست GET برای دریافت داده‌ها
• 60. ارسال درخواست‌های POST, PUT, DELETE برای تغییر داده‌ها
• 61. مدیریت عملیات ناهمگام (Asynchronous) با Promises
• 62. سرویس q$: ساخت و مدیریت Promise ها
• 63. زنجیره‌ای کردن Promiseها با then
• 64. مدیریت خطاها در Promiseها با catch
• 65. سرویس resource$ برای کار با API‌های RESTful
• 66. مسیریابی (Routing) و ساخت اپلیکیشن تک‌صفحه‌ای (SPA)
• 67. معرفی ماژول ngRoute
• 68. پیکربندی مسیرها با provideRoute$
• 69. دستور ng-view: محل نمایش تمپلیت‌های مسیر
• 70. ارسال پارامتر در مسیرها (Route Parameters)
• 71. دریافت پارامترهای مسیر با سرویس routeParams$
• 72. مدیریت مسیرهای نامعتبر با متد otherwise
• 73. ناوبری بین صفحات به صورت برنامه‌نویسی با سرویس location$
• 74. معرفی مختصر UI-Router به عنوان جایگزین قدرتمند برای ngRoute
• 75. فرم‌ها در AngularJS: جمع‌آوری ورودی کاربر
• 76. دستور form و ویژگی‌های وضعیت آن: dirty$, $pristine$, $valid$, $invalid$
• 77. دستور ng-model و اتصال آن به کنترلر مدل (ngModelController)
• 78. اعتبارسنجی داخلی فرم‌ها: required, minlength, maxlength
• 79. اعتبارسنجی با الگوها (Patterns) و نوع ورودی (email, number)
• 80. نمایش پیام‌های خطا به صورت داینامیک
• 81. استفاده از ماژول ng-messages برای مدیریت پیشرفته پیام‌های خطا
• 82. ایجاد اعتبارسنجی سفارشی (Custom Validation) با دایرکتیوها
• 83. کنترل ارسال فرم با ng-submit
• 84. انیمیشن در AngularJS با ماژول ngAnimate
• 85. فعال‌سازی انیمیشن‌ها برای دستورهای داخلی (ng-repeat, ng-if)
• 86. ایجاد انیمیشن‌های مبتنی بر CSS Transitions
• 87. ایجاد انیمیشن‌های مبتنی بر CSS Keyframe Animations
• 88. ایجاد انیمیشن‌های مبتنی بر جاوا اسکریپت
• 89. مقدمه‌ای بر تست اپلیکیشن‌های AngularJS
• 90. تست واحد (Unit Testing): چرا و چگونه؟
• 91. راه‌اندازی محیط تست با Karma و Jasmine
• 92. نوشتن اولین تست واحد برای یک کنترلر
• 93. تکنیک‌های Mocking و استفاده از angular-mocks
• 94. تست واحد برای سرویس‌ها (Services)
• 95. تست واحد برای فیلترها (Filters)
• 96. تست پای به پا (End-to-End Testing) با Protractor
• 97. بهترین شیوه‌ها (Best Practices) برای ساختاردهی پروژه
• 98. سازماندهی فایل‌ها و پوشه‌ها در یک پروژه بزرگ
• 99. تکنیک‌های بهینه‌سازی عملکرد (Performance) در AngularJS
• 100. استفاده از اتصال داده یک‌باره (One-time binding)