فلش‌کارت‌های آموزشی اصول تست برای تجربه کاربری (UX) در فرانت‌اند

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

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

عنوان دوره: دوره اصول تست برای تجربه کاربری (UX) در فرانت‌اند

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

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

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

• 1. مقدمه: چرا تست UX در فرانت‌اند حیاتی است؟
• 2. تعریف تجربه کاربری (UX) و اهمیت آن
• 3. اصول کلیدی طراحی UX موفق
• 4. مروری بر توسعه فرانت‌اند: HTML، CSS، JavaScript
• 5. مقدمه‌ای بر تست نرم‌افزار و انواع آن
• 6. چالش‌های خاص تست فرانت‌اند
• 7. نقاط تلاقی UX و تست: یکپارچگی تجربه
• 8. نقش تستر با تمرکز بر UX
• 9. اشتباهات رایج در تست UX فرانت‌اند
• 10. هزینه نادیده گرفتن تست UX و رابط کاربری
• 11. ساختار HTML و ملاحظات دسترسی‌پذیری
• 12. CSS: تست سبک‌ها، طرح‌بندی و پایداری بصری
• 13. JavaScript: تست منطق و تعاملات سمت کاربر
• 14. درک DOM: ساختار سند و دستکاری آن
• 15. استفاده از ابزارهای توسعه‌دهنده مرورگر
• 16. اصول طراحی واکنش‌گرا (Responsive Design)
• 17. برنامه‌های تک‌صفحه‌ای (SPAs) و چالش‌های تست
• 18. معماری مبتنی بر کامپوننت (React, Vue, Angular)
• 19. مدیریت وضعیت (State Management) در فرانت‌اند
• 20. عملیات ناهمگام (Asynchronous) در وب
• 21. تست واحد (Unit Testing): مبانی و اهمیت
• 22. تست یکپارچگی (Integration Testing): اتصال کامپوننت‌ها
• 23. تست انتها به انتها (End-to-End Testing): شبیه‌سازی مسیر کاربر
• 24. تست رگرسیون بصری (Visual Regression Testing)
• 25. تست عملکرد (Performance Testing): سرعت و واکنش‌گرایی
• 26. تست دسترسی‌پذیری (Accessibility Testing)
• 27. تست پذیری (Usability Testing) و ابعاد آن
• 28. تست سازگاری مرورگرها (Cross-Browser Compatibility)
• 29. تست سازگاری دستگاه‌ها (Device Compatibility)
• 30. مبانی تست امنیت در فرانت‌اند
• 31. تعیین دامنه و اهداف تست UX
• 32. شناسایی مسیرهای کلیدی کاربر و سناریوها
• 33. درک پرسونای کاربر و تأثیر آن بر تست
• 34. طراحی و مستندسازی برنامه‌های تست
• 35. نوشتن موارد تست (Test Cases) موثر و قابل اجرا
• 36. ماتریس ردیابی برای الزامات UX
• 37. مدیریت داده‌های تست برای سناریوهای واقعی
• 38. اولویت‌بندی تست‌ها بر اساس تأثیر UX
• 39. ترکیب بینش‌های تست A/B در برنامه‌ریزی
• 40. رویکرد Agile در تست UX
• 41. مروری بر اکوسیستم تست JavaScript
• 42. راه‌اندازی محیط تست فرانت‌اند
• 43. Jest برای تست واحد و یکپارچگی
• 44. React Testing Library (یا معادل آن) برای کامپوننت‌ها
• 45. Cypress برای تست انتها به انتها: مقدمات
• 46. Playwright برای تست انتها به انتها: مقدمات
• 47. Puppeteer برای اتوماسیون مرورگر
• 48. Storybook برای توسعه و تست کامپوننت‌های ایزوله
• 49. Lighthouse و WebPageTest برای سنجش عملکرد
• 50. Axe-core برای تست خودکار دسترسی‌پذیری
• 51. تست کامپوننت‌های UI در انزوا (دکمه‌ها، ورودی‌ها)
• 52. بررسی وضعیت (State) و خصوصیات (Props) کامپوننت‌ها
• 53. شبیه‌سازی تعاملات کاربر (کلیک، ورود متن)
• 54. تست اعتبارسنجی فرم‌ها و پیام‌های خطا
• 55. اطمینان از نمایش صحیح محتوای پویا
• 56. مدیریت به‌روزرسانی‌های ناهمگام UI
• 57. تست ویژگی‌های دسترسی‌پذیری (ARIA Roles)
• 58. تست رفتار واکنش‌گرا (Responsive) کامپوننت‌ها
• 59. بهترین روش‌ها برای نوشتن تست‌های قابل نگهداری
• 60. Mocking و Stubbing در تست‌های واحد
• 61. طراحی تست‌های E2E بر اساس سناریوهای کاربر
• 62. راه‌اندازی پروژه‌های Cypress/Playwright
• 63. نوشتن تست‌های E2E برای جریان ورود/ثبت‌نام کاربر
• 64. تست مسیریابی (Routing) و ناوبری (Navigation)
• 65. تعامل با عناصر UI پیچیده (مثلاً Drag & Drop)
• 66. مدیریت احراز هویت و نشست‌ها در E2E
• 67. کار با درخواست‌های شبکه و API در تست‌های E2E
• 68. اعتبارسنجی تغییرات بصری در E2E (مقدماتی)
• 69. استراتژی‌های انتظار برای محتوای پویا
• 70. سازماندهی مجموعه‌های تست E2E
• 71. تست رگرسیون بصری پیشرفته با Percy/Applitools
• 72. راه‌اندازی پایپ‌لاین تست رگرسیون بصری
• 73. درک تفاوت‌های بصری و مثبت کاذب
• 74. تست دسترسی‌پذیری پیشرفته (ناوبری کیبورد، Screen Readers)
• 75. استراتژی‌های پیشرفته تست عملکرد (Core Web Vitals)
• 76. تست جریان کاربری (User Flow Testing)
• 77. تست بین‌المللی‌سازی (i18n) و محلی‌سازی (l10n)
• 78. تست برای رزولوشن‌های مختلف و تراکم پیکسل
• 79. مانیتورینگ مصنوعی (Synthetic Monitoring) برای UX تولید
• 80. ادغام یافته‌های تحقیقات UX در فرآیند تست
• 81. اشکال‌زدایی موثر تست‌های فرانت‌اند
• 82. تفسیر گزارش‌های تست و داشبوردها
• 83. ثبت گزارش و ردیابی برای شکست‌های تست
• 84. گزارش‌دهی باگ‌های UX با جزئیات عملیاتی
• 85. اولویت‌بندی رفع باگ‌ها بر اساس تأثیر UX
• 86. نگهداری مجموعه‌های تست (Refactoring، جلوگیری از Flakiness)
• 87. استراتژی‌هایی برای کاهش زمان اجرای تست
• 88. کنترل نسخه برای کد تست
• 89. همکاری تیمی در فرآیندهای تست
• 90. بهبود مستمر در فرآیندهای تست
• 91. مقدمه‌ای بر ادغام پیوسته (Continuous Integration - CI)
• 92. ادغام تست‌های فرانت‌اند در پایپ‌لاین‌های CI (GitHub Actions)
• 93. استقرار پیوسته (Continuous Deployment - CD) و گیت‌های تست
• 94. استقرار خودکار تست‌ها
• 95. مانیتورینگ تست‌ها در محیط تولید
• 96. آینده هوش مصنوعی در تست UX
• 97. مزایای تست با مرورگرهای Headless
• 98. تست برای Web Components و Micro-frontends
• 99. نقش در حال تکامل تستر UX
• 100. جمع‌بندی دوره و گام‌های بعدی