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

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

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

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

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

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

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

• 1. چرا تست‌نویسی در فرانت‌اند ضروری است؟
• 2. چالش‌های تست‌نویسی در توسعه فرانت‌اند
• 3. انواع تست‌ها: Unit، Integration، E2E
• 4. هرم تست و گنبد تست (Testing Pyramid vs. Trophy)
• 5. اصول SOLID در تست‌نویسی فرانت‌اند
• 6. مفاهیم TDD و BDD
• 7. مقدمه‌ای بر ابزارهای تست جاوااسکریپت
• 8. معرفی اکوسیستم Node.js و npm/yarn برای تست
• 9. تنظیم محیط تست (Test Environment Setup)
• 10. مفاهیم اولیه Assertion در تست‌ها
• 11. چیستی تست واحد (Unit Testing) و مزایای آن
• 12. معرفی Jest: نصب و پیکربندی اولیه
• 13. اولین تست واحد شما با Jest
• 14. ساختار فایل‌های تست و Best Practices
• 15. توابع Matcher در Jest برای Assertion
• 16. تست توابع خالص (Pure Functions)
• 17. Mock کردن توابع و ماژول‌ها در Jest
• 18. Spies, Stubs و Mocks: تفاوت‌ها و کاربردها
• 19. تست کدهای ناهمزمان (Asynchronous Code) با Jest
• 20. کار با Promises و async/await در تست‌ها
• 21. پوشش کد (Code Coverage) و ابزارهای آن
• 22. معرفی React Testing Library (RTL): رویکرد User-centric
• 23. نصب و پیکربندی RTL با Jest
• 24. رندر کردن کامپوننت‌ها در RTL
• 25. انواع Query ها در RTL (getBy, findBy, queryBy)
• 26. تعامل با عناصر DOM: شبیه‌سازی Event ها
• 27. تست فرم‌ها و ورودی‌های کاربر با RTL
• 28. Mock کردن API Call ها با MSW یا Fetch Mock
• 29. تست کامپوننت‌های دارای State
• 30. تست کامپوننت‌های دارای Props
• 31. Snapshot Testing: مزایا و معایب
• 32. تست Custom Hook ها
• 33. تست Context API در React
• 34. تست Redux/Zustand Store ها
• 35. Refactoring برای Testability
• 36. چیستی تست یکپارچگی (Integration Testing) و تفاوت با Unit
• 37. تست تعامل بین کامپوننت‌ها
• 38. تست جریان داده (Data Flow) در برنامه
• 39. شبیه‌سازی API Backend برای تست‌های یکپارچگی
• 40. تست مسیریابی (Routing) در اپلیکیشن‌های Single Page
• 41. تست با سرویس‌های خارجی Mock شده
• 42. استراتژی‌های Mock کردن Dependency ها
• 43. تست Wrapper Component ها و HOC ها
• 44. بهترین روش‌ها برای نوشتن تست‌های یکپارچگی
• 45. مدیریت محیط‌های تست برای Integration
• 46. چیستی تست سرتاسری (E2E Testing) و اهمیت آن
• 47. چالش‌ها و مزایای E2E
• 48. معرفی Cypress: نصب و راه‌اندازی
• 49. اولین تست E2E شما با Cypress
• 50. کار با Selectors و Interacting با DOM در Cypress
• 51. Assertion ها در Cypress
• 52. مدیریت Waiting و Retries در Cypress
• 53. Mock کردن درخواست‌های شبکه در Cypress
• 54. تست جریان‌های ورود/ثبت‌نام (Login/Signup Flows)
• 55. مدیریت Test Data و Seeding
• 56. معرفی Playwright: نصب و راه‌اندازی
• 57. اولین تست E2E شما با Playwright
• 58. Multi-browser و Headless Testing با Playwright
• 59. Playwright Codegen: ابزاری برای تولید تست
• 60. Page Object Model (POM) Design Pattern
• 61. Custom Commands و Utility Functions در E2E
• 62. تست‌های Cross-browser
• 63. تست Responsive Design
• 64. تست عملکرد (Performance) صفحات با ابزارهای E2E
• 65. Component Testing با Cypress و Playwright (ویژگی جدید)
• 66. تست رگرسیون بصری (Visual Regression Testing)
• 67. ابزارهای VRT: Storybook و Chromatic/Percy
• 68. مقدمه‌ای بر تست دسترس‌پذیری (Accessibility Testing)
• 69. ابزارهای تست دسترس‌پذیری (Axe-core, Lighthouse a11y)
• 70. اصول تست دسترس‌پذیری در کدنویسی
• 71. تست پرفورمنس فرانت‌اند: Core Web Vitals
• 72. ابزارهای تست پرفورمنس (Lighthouse, WebPageTest)
• 73. تست امنیتی پایه در فرانت‌اند (XSS, CSRF)
• 74. تست‌های Internationalization (i18n)
• 75. تست Error Boundary ها
• 76. تست WebSockets و Server-Sent Events
• 77. تست Web Workers و Service Workers
• 78. تست GraphQL Queries و Mutations
• 79. تست Drag and Drop
• 80. تست Animation ها
• 81. پیاده‌سازی TDD در پروژه‌های فرانت‌اند
• 82. پیاده‌سازی BDD با Cucumber و Gherkin
• 83. تست‌های Continuous Integration (CI)
• 84. ادغام تست‌ها در خطوط لوله CI/CD (GitHub Actions, GitLab CI)
• 85. گزارش‌دهی تست (Test Reporting) و تحلیل‌ها
• 86. ابزارهای کیفیت کد (ESLint, Prettier)
• 87. مدیریت داده‌های تست (Test Data Management)
• 88. مفهوم Shift-Left Testing
• 89. هوش مصنوعی در تولید تست (AI-powered Test Generation)
• 90. تست‌های خودترمیم‌شونده (Self-healing Tests)
• 91. تشخیص ناهنجاری (Anomaly Detection) با AI در تست
• 92. تست پیش‌بینی‌کننده (Predictive Testing)
• 93. تست Contract بین فرانت‌اند و بک‌اند
• 94. تست با استفاده از Generative AI (مانند GPT)
• 95. تست بصری مبتنی بر AI
• 96. مفهوم Shift-Right Testing و مانیتورینگ در پروداکشن
• 97. Observability در اکوسیستم تست
• 98. استراتژی جامع اتوماسیون تست
• 99. آینده تست فرانت‌اند: روندهای نوین
• 100. جمع‌بندی و بهترین تمرین‌ها برای یک QA موفق