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

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

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

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

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

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

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

• 1. چرا تست‌نویسی در فرانت‌اند ضروری است؟
• 2. انواع تست‌ها: Unit, Integration, E2E
• 3. هرم تست و رویکرد مدرن (جام مکعب تست)
• 4. مفاهیم پایه جاوااسکریپت برای تست‌نویسی (Async, DOM, Events)
• 5. تنظیم محیط تست (NPM, Vitest/Jest)
• 6. آشنایی با ابزارهای تست: Jest و React Testing Library
• 7. مقدمه‌ای بر Assertions: انتظارها و مطابقت‌دهنده‌ها
• 8. Test Runner و Configuration
• 9. Hooks در Jest: Setup و Teardown
• 10. نوشتن اولین تست فرانت‌اند (Your First Frontend Test)
• 11. تست توابع خالص (Pure Functions)
• 12. تست کامپوننت‌های ساده با React Testing Library
• 13. پرس‌وجوها (Queries) در React Testing Library: getBy, queryBy, findBy
• 14. تعامل با UI: شبیه‌سازی رویدادها (Event Simulation)
• 15. مفهوم Mocking و Stubbing در تست
• 16. Mocking توابع و ماژول‌ها
• 17. تست کامپوننت‌هایی با Props
• 18. تست مدیریت State در کامپوننت‌ها (useState)
• 19. Mocking درخواست‌های API در Unit Tests (با MSW)
• 20. تست Custom Hooks
• 21. Snapshot Testing: بررسی تغییرات بصری
• 22. Test Doubles: Spies, Mocks, Stubs
• 23. تست Async Operations با act و waitFor
• 24. استفاده از User Event Library
• 25. تست Validation فرم‌ها در سطح Unit
• 26. تست Context API
• 27. تست Reducers (useReducer)
• 28. تست Utilities و Helper Functions
• 29. Isolation در Unit Tests: اهمیت و روش‌ها
• 30. سازماندهی و بهترین روش‌ها برای Unit Tests
• 31. تفاوت Unit و Integration Tests
• 32. تست تعامل بین دو کامپوننت
• 33. تست Flowهای کوچک کاربری
• 34. Integration Testing با Mock Service Worker (MSW)
• 35. تست مسیریابی (Routing) با React Router
• 36. تست Global State Management (Redux/Zustand)
• 37. تست کامپوننت‌های با Fetching Data
• 38. تست فرم‌های پیچیده و Multi-step
• 39. تست Higher-Order Components (HOCs)
• 40. تست Render Props
• 41. تست Portals و Modals
• 42. اهمیت Real-world Scenarios در Integration Tests
• 43. Eager vs. Lazy Loading در Integration Tests
• 44. بهترین روش‌ها برای Integration Tests
• 45. ارزیابی پوشش تست (Test Coverage)
• 46. مقدمه‌ای بر End-to-End Testing
• 47. انتخاب ابزار E2E: Cypress vs. Playwright
• 48. نصب و راه‌اندازی Cypress
• 49. نوشتن اولین تست E2E با Cypress
• 50. تعامل با عناصر DOM در Cypress
• 51. Assertions در Cypress
• 52. Mocking درخواست‌های شبکه در Cypress (cy.intercept)
• 53. مدیریت Session و Login در E2E Tests
• 54. تست سناریوهای کاربردی پیچیده
• 55. مدیریت State در E2E Tests
• 56. Cross-Browser Testing با Playwright
• 57. Debuging تست‌های E2E
• 58. Parallelization و CI/CD Integration برای E2E
• 59. Best Practices در E2E Testing
• 60. تست Responsive Design با ابزارهای E2E
• 61. مقدمه‌ای بر Web Performance و اهمیت آن
• 62. Core Web Vitals: LCP, FID (INP), CLS
• 63. سایر معیارهای کلیدی عملکرد: FCP, TBT, TTFB
• 64. ابزارهای DevTools کروم برای آنالیز پرفورمنس
• 65. Lighthouse: انجام Auditهای عملکردی
• 66. PageSpeed Insights و تفسیر نتایج
• 67. WebPageTest برای تحلیل عمیق پرفورمنس
• 68. مفهوم Performance Budgets و تعیین آنها
• 69. اتوماسیون تست پرفورمنس در CI/CD
• 70. استفاده از Lighthouse CI برای پایش مداوم
• 71. شبیه‌سازی شبکه‌های کند و دستگاه‌های ضعیف
• 72. شناسایی گلوگاه‌های پرفورمنس (Performance Bottlenecks)
• 73. بهینه‌سازی Critical Rendering Path
• 74. Lazy Loading و Code Splitting برای بهبود LCP
• 75. بهینه‌سازی تصاویر و فونت‌ها
• 76. بهینه‌سازی JavaScript Execution
• 77. کاهش Layout Shifts و بهبود CLS
• 78. تحلیل و بهینه‌سازی First Input Delay (FID)/INP
• 79. Real User Monitoring (RUM) در مقابل Synthetic Monitoring
• 80. گزارش‌دهی و پایش پرفورمنس
• 81. تست رگرسیون بصری (Visual Regression Testing)
• 82. ابزارهای Visual Regression: Storybook, Chromatic, Percy
• 83. مقدمه‌ای بر Accessibility Testing (A11y)
• 84. استاندارد WCAG و ملاحظات A11y
• 85. ابزارهای A11y: Axe-core, Lighthouse A11y Audit
• 86. تست Navigation با کیبورد
• 87. Test-Driven Development (TDD) در فرانت‌اند
• 88. Behavior-Driven Development (BDD) و Gherkin
• 89. Mock Service Worker (MSW) در پروژه‌های بزرگ
• 90. مدیریت داده‌های تست (Test Data Management)
• 91. تست‌های Parametrized
• 92. CI/CD Integration: GitHub Actions برای تست‌ها
• 93. گزارش‌دهی تست و Dashboardها (Allure, JIRA Xray)
• 94. Refactoring تست‌ها: از Anti-patterns تا Best Practices
• 95. استراتژی‌های تست برای Micro-Frontends
• 96. Test Coverage: ابزارها و تفسیر نتایج
• 97. Debuging پیشرفته تست‌های فرانت‌اند
• 98. انتخاب پشته تست مناسب برای پروژه شما
• 99. مانیتورینگ و نگهداری تست‌ها در طول زمان
• 100. آینده تست فرانت‌اند: هوش مصنوعی و خودکارسازی پیشرفته