دوره راهنمای جامع تست فرانت‌اند با تمرکز بر کارایی همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

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

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

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

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

• 1. مقدمه‌ای بر تست نرم‌افزار
• 2. چرا تست فرانت‌اند اهمیت دارد؟
• 3. انواع تست در فرانت‌اند (واحد، یکپارچگی، E2E، عملکردی و...)
• 4. هرم تست و کاربرد آن در فرانت‌اند
• 5. انتخاب ابزارهای مناسب برای تست فرانت‌اند
• 6. چرخه عمر توسعه نرم‌افزار و نقش تست
• 7. مقدمه‌ای بر ماژول‌ها و ساختار پروژه برای تست
• 8. مفاهیم Asynchronous در جاوااسکریپت و تست آن‌ها
• 9. اصول Mocking و Stubbing در جاوااسکریپت
• 10. کار با DOM در تست‌های فرانت‌اند
• 11. ابزارهای خط فرمان و تنظیمات پروژه تست
• 12. معرفی تست واحد و اهداف آن
• 13. انتخاب فریم‌ورک تست واحد: Jest در مقابل Vitest
• 14. نصب و راه‌اندازی Jest/Vitest
• 15. اولین تست واحد: توابع ساده
• 16. ساختار تست: describe, test/it, expect
• 17. استفاده از Matcherها برای بررسی نتایج
• 18. تست توابع ناهمزمان (async/await)
• 19. Mock کردن توابع و ماژول‌ها
• 20. Mock کردن API Call ها با `jest.mock` / `vi.mock`
• 21. Mock کردن تایمرها (setTimeout, setInterval)
• 22. Mock کردن رویدادهای مرورگر
• 23. استفاده از Setup و Teardown: beforeEach, afterEach
• 24. Scope بندی Setup/Teardown برای بلوک‌های تست
• 25. تست کامپوننت‌های بدون فریم‌ورک (Vanilla JS)
• 26. پوشش کد (Code Coverage) و ابزارهای آن
• 27. تنظیمات گزارش‌گیری پوشش کد
• 28. مقدمه‌ای بر تست کامپوننت
• 29. React Testing Library: مبانی و فلسفه
• 30. نصب و راه‌اندازی React Testing Library
• 31. نوشتن اولین تست کامپوننت React
• 32. Query کردن المنت‌ها: getBy, queryBy, findBy
• 33. شبیه‌سازی تعامل کاربر با `user-event`
• 34. تست فرم‌ها و ورودی‌ها در React
• 35. Mock کردن Context و Redux در React
• 36. تست روتر در React
• 37. Vue Test Utils: مبانی و فلسفه
• 38. نصب و راه‌اندازی Vue Test Utils
• 39. نوشتن اولین تست کامپوننت Vue
• 40. Query کردن المنت‌ها در Vue
• 41. شبیه‌سازی تعامل کاربر در Vue
• 42. تست Vuex و Vue Router
• 43. Angular Testing Utilities: مبانی و فلسفه
• 44. راه‌اندازی تست در Angular
• 45. نوشتن اولین تست کامپوننت Angular
• 46. تست سرویس‌ها و Dependency Injection در Angular
• 47. مقدمه‌ای بر تست یکپارچگی
• 48. تفاوت تست واحد و یکپارچگی
• 49. تست یکپارچگی کامپوننت‌ها با یکدیگر
• 50. تست تعامل کامپوننت با API (Mock Service Worker)
• 51. تست جریان داده و مدیریت وضعیت (State Management)
• 52. تست تعامل با حافظه محلی (localStorage/sessionStorage)
• 53. تست رویدادهای گلوبال (Global Events)
• 54. استراتژی‌های تست یکپارچگی برای اپلیکیشن‌های بزرگ
• 55. مقدمه‌ای بر تست E2E و اهمیت آن
• 56. انتخاب ابزار E2E: Cypress در مقابل Playwright
• 57. نصب و راه‌اندازی Cypress
• 58. اولین تست E2E با Cypress: بازدید از یک صفحه
• 59. انتخاب‌گرها (Selectors) در Cypress
• 60. شبیه‌سازی تعامل کاربر: کلیک، تایپ، ناوبری
• 61. تست فرم‌ها و اعتبارسنجی
• 62. Mock کردن درخواست‌های شبکه در Cypress
• 63. کار با localStorage و cookies در Cypress
• 64. مدیریت وضعیت بین تست‌ها در Cypress
• 65. نصب و راه‌اندازی Playwright
• 66. اولین تست E2E با Playwright
• 67. قابلیت‌های DevTools در Playwright
• 68. تست صفحات ریسپانسیو با Playwright
• 69. اجرای تست‌های E2E در مرورگرهای مختلف
• 70. گزارش‌گیری و اسکرین‌شات در تست‌های E2E
• 71. ویدئو ضبط تست‌های E2E برای عیب‌یابی
• 72. مقدمه‌ای بر تست عملکرد فرانت‌اند
• 73. معیارهای کلیدی عملکرد (Core Web Vitals): LCP, FID, CLS
• 74. اندازه‌گیری و تحلیل FCP, TBT
• 75. ابزارهای تست عملکرد: Lighthouse, WebPageTest
• 76. استفاده از Lighthouse در DevTools کروم
• 77. خودکارسازی تست عملکرد با Lighthouse CI
• 78. استفاده از WebPageTest برای تحلیل عمیق
• 79. تست بارگذاری (Loading Performance)
• 80. تست رندرینگ (Rendering Performance)
• 81. تست تعامل‌پذیری (Interactivity Performance)
• 82. پروفایلینگ عملکرد با ابزارهای مرورگر (Performance Tab)
• 83. شبیه‌سازی شبکه‌های کند و دستگاه‌های موبایل
• 84. نوشتن تست‌های عملکردی برای regression
• 85. مانیتورینگ عملکرد در محیط تولید (RUM)
• 86. مقدمه‌ای بر تست دسترسی‌پذیری و WCAG
• 87. ابزارهای خودکارسازی تست دسترسی‌پذیری (axe-core)
• 88. تست‌های دستی دسترسی‌پذیری (کیبورد، VoiceOver)
• 89. گزارش‌گیری و رفع مشکلات دسترسی‌پذیری
• 90. مقدمه‌ای بر تست رگرسیون بصری
• 91. ابزارهای تست رگرسیون بصری (Storybook, Percy, Chromatic)
• 92. تنظیم و اجرای تست‌های رگرسیون بصری
• 93. مدیریت تغییرات و baseline تصاویر
• 94. توسعه مبتنی بر تست (TDD) در فرانت‌اند
• 95. یکپارچه‌سازی پیوسته و استقرار پیوسته (CI/CD) برای تست‌ها
• 96. اجرای تست‌ها در محیط CI (GitHub Actions, GitLab CI)
• 97. مدیریت تست‌های "Flaky" و راه‌حل‌ها
• 98. تست در پروژه‌های Monorepo و Micro-frontend
• 99. بهینه‌سازی سرعت اجرای تست‌ها
• 100. جمع‌بندی: استراتژی جامع تست فرانت‌اند و کارایی