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

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

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

عنوان دوره: دوره اصول تست برای قابلیت اطمینان (Reliability) در فرانت‌اند

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

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

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

• 1. مقدمه: چرا تست‌نویسی در فرانت‌اند اهمیت دارد؟
• 2. قابلیت اطمینان (Reliability) چیست و چگونه اندازه‌گیری می‌شود؟
• 3. هزینه پیدا کردن باگ در مراحل مختلف توسعه
• 4. ذهنیت یک تست‌نویس: چگونه مانند یک کاربر فکر کنیم؟
• 5. تفاوت Verification و Validation در تست نرم‌افزار
• 6. انواع باگ‌های رایج در فرانت‌اند
• 7. تست دستی (Manual) در مقابل تست خودکار (Automated)
• 8. نقش توسعه‌دهنده و مهندس QA در فرآیند تست
• 9. هرم تست (Testing Pyramid): آشنایی با مدل کلاسیک
• 10. معرفی تروفی تست (Testing Trophy): یک مدل مدرن‌تر
• 11. تست استاتیک: لینتینگ (Linting) با ESLint
• 12. تست استاتیک: بررسی نوع (Type Checking) با TypeScript
• 13. آشنایی با محیط تست: Node.js, npm/yarn و Test Runners
• 14. معرفی Jest به عنوان یک فریمورک جامع تست
• 15. راه‌اندازی اولیه پروژه و نصب Jest
• 16. ساختار یک تست: Arrange, Act, Assert (AAA)
• 17. اولین تست واحد (Unit Test) شما
• 18. مفاهیم پایه Jest: `describe`, `it`, و `expect`
• 19. آشنایی با Matcher‌های پرکاربرد در Jest
• 20. دیباگ کردن تست‌های ناموفق
• 21. تست واحد (Unit Test) چیست و چه چیزی را باید تست کند؟
• 22. ویژگی‌های یک تست واحد خوب: سریع، ایزوله و قابل تکرار
• 23. تست توابع خالص (Pure Functions)
• 24. مفهوم Mocking، Stubbing و Spying
• 25. شبیه‌سازی (Mock) ماژول‌ها در Jest
• 26. شبیه‌سازی توابع و پیاده‌سازی‌های آن‌ها
• 27. تست کدهای آسنکرون: Promises و async/await
• 28. کار با تایمرهای مصنوعی: `jest.useFakeTimers`
• 29. مقدمه‌ای بر React Testing Library (RTL)
• 30. فلسفه RTL: تست رفتار کامپوننت، نه پیاده‌سازی آن
• 31. رندر کردن کامپوننت‌ها برای تست
• 32. آشنایی با کوئری‌های RTL برای یافتن عناصر
• 33. تفاوت کوئری‌های `getBy`, `findBy`, `queryBy`
• 34. شبیه‌سازی رویدادهای کاربر با `fireEvent`
• 35. استفاده از `user-event` برای شبیه‌سازی واقعی‌تر تعاملات
• 36. تست وضعیت (State) و Props در کامپوننت‌ها
• 37. تست رندر شرطی (Conditional Rendering)
• 38. تست کامپوننت‌های دارای فرم
• 39. Snapshot Testing: موارد استفاده و خطرات
• 40. تست یکپارچه‌سازی (Integration Test) چیست؟
• 41. تفاوت تست واحد و تست یکپارچه‌سازی کامپوننت
• 42. تست تعامل بین چند کامپوننت
• 43. تست کامپوننت‌های متصل به Context API
• 44. تست کامپوننت‌های متصل به کتابخانه‌های مدیریت وضعیت (Redux, Zustand)
• 45. تست مسیریابی (Routing) با React Router
• 46. شبیه‌سازی API: معرفی Mock Service Worker (MSW)
• 47. راه‌اندازی MSW برای رهگیری درخواست‌های شبکه
• 48. تست وضعیت موفقیت‌آمیز (Success State) درخواست‌های API
• 49. تست وضعیت خطا (Error State) در API
• 50. تست وضعیت در حال بارگذاری (Loading State)
• 51. تست هوک‌های سفارشی (Custom Hooks)
• 52. تست انتها به انتها (E2E) چیست و چه زمانی به آن نیاز داریم؟
• 53. معرفی Cypress به عنوان ابزار تست E2E
• 54. راه‌اندازی Cypress در پروژه
• 55. نوشتن اولین تست E2E
• 56. دستورات اصلی Cypress: `cy.visit`, `cy.get`, `cy.click`
• 57. کار با Selectorها برای یافتن عناصر در صفحه
• 58. شبیه‌سازی تعاملات کاربر: تایپ کردن، اسکرول و ...
• 59. Assertions در Cypress
• 60. مدیریت درخواست‌های شبکه و Mock کردن API در Cypress
• 61. الگوی Page Object Model (POM) برای سازماندهی تست‌ها
• 62. دیباگ کردن تست‌های E2E با ابزارهای Cypress
• 63. اجرای تست‌های E2E به صورت Headless
• 64. تست بصری (Visual Regression Testing) چیست؟
• 65. ابزارهای تست بصری: Percy و Chromatic
• 66. توسعه مبتنی بر کامپوننت (Component-Driven Development) با Storybook
• 67. نوشتن استوری (Story) برای کامپوننت‌ها
• 68. تست دسترس‌پذیری (Accessibility - a11y) و اهمیت آن
• 69. اصول WCAG برای دسترس‌پذیری وب
• 70. ابزارهای خودکار تست دسترس‌پذیری: jest-axe و cypress-axe
• 71. بررسی دستی دسترس‌پذیری با Screen Reader
• 72. مبانی تست کارایی (Performance Testing) در فرانت‌اند
• 73. معیارهای کلیدی کارایی: Core Web Vitals (LCP, FID, CLS)
• 74. استفاده از Lighthouse برای تحلیل کارایی
• 75. تست کارایی در محیط CI/CD
• 76. مقدمه‌ای بر تست امنیت در فرانت‌اند
• 77. شناسایی آسیب‌پذیری‌های رایج (XSS, CSRF)
• 78. تست Cross-Browser و اهمیت سازگاری
• 79. تست طراحی واکنش‌گرا (Responsive Design)
• 80. تست جهش (Mutation Testing) برای ارزیابی کیفیت تست‌ها
• 81. معرفی Stryker برای تست جهش
• 82. پیکربندی ESLint و Prettier برای تضمین کیفیت کد
• 83. استفاده از Husky و lint-staged برای اجرای تست‌ها قبل از Commit
• 84. مقدمه‌ای بر CI/CD (یکپارچه‌سازی و تحویل مداوم)
• 85. راه‌اندازی یک پایپ‌لاین ساده با GitHub Actions
• 86. اجرای خودکار تست‌ها در CI
• 87. گزارش‌گیری از نتایج تست در CI
• 88. پوشش کد (Code Coverage) چیست؟
• 89. تحلیل گزارش‌های پوشش کد: چه چیزی را به ما نمی‌گویند؟
• 90. اجرای موازی تست‌ها برای افزایش سرعت
• 91. استراتژی‌های استقرار و تست: Canary و Blue-Green
• 92. توسعه آزمون‌محور (Test-Driven Development - TDD)
• 93. چرخه TDD: قرمز، سبز، بازنویسی (Red-Green-Refactor)
• 94. توسعه رفتارمحور (Behavior-Driven Development - BDD)
• 95. نوشتن سناریوهای کاربری با Gherkin (Given, When, Then)
• 96. نحوه برخورد با کدهای قدیمی (Legacy Code) و افزودن تست
• 97. تکنیک‌های نوشتن کدهای قابل تست (Testable Code)
• 98. ایجاد فرهنگ کیفیت و تست در تیم
• 99. چگونه یک استراتژی تست برای پروژه خود تعریف کنیم؟
• 100. مانیتورینگ و هشدار در محیط پروداکشن