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

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

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

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

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

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

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

• 1. مقدمه ای بر تست نرم افزار: چرا تست می‌کنیم؟
• 2. انواع تست در توسعه نرم افزار
• 3. نقش تست فرانت‌اند در کیفیت محصول
• 4. هرم تست و کاربرد آن در فرانت‌اند
• 5. چرخه عمر توسعه نرم افزار (SDLC) و جایگاه تست
• 6. اصول SOLID و DRY در کد تست
• 7. مفهوم Test Coverage و اهمیت آن
• 8. بازخوانی مفاهیم کلیدی JavaScript برای تست
• 9. محیط اجرای مرورگر و Node.js برای تست
• 10. کار با DOM در تست‌های فرانت‌اند
• 11. رویدادها (Events) و تست کردن تعاملات کاربری
• 12. مدیریت وضعیت (State Management) و تاثیر آن بر تست‌پذیری
• 13. مقدمه‌ای بر تست واحد (Unit Testing)
• 14. انتخاب فریم‌ورک تست واحد: Jest vs. Mocha vs. Vitest
• 15. راه‌اندازی Jest برای پروژه‌های فرانت‌اند
• 16. نوشتن اولین تست واحد با Jest: توابع ساده
• 17. مفهوم `describe`, `it/test`, `expect` در Jest
• 18. Matcherهای Jest: از `toBe` تا `toEqual`
• 19. Mock کردن توابع و ماژول‌ها در Jest
• 20. Spy کردن توابع و متدها
• 21. مدیریت زمان (Timers) در Jest: `fakeTimers`
• 22. تست کردن کدهای Asynchronous: `async/await` و `Promises`
• 23. تست Utility Functions
• 24. تست Pure Functions
• 25. بهترین روش‌ها برای نوشتن تست‌های واحد
• 26. سازماندهی فایل‌های تست واحد
• 27. نگهداری و Refactor کردن تست‌های واحد
• 28. مقدمه‌ای بر تست ادغام (Integration Testing)
• 29. تفاوت تست واحد و تست ادغام
• 30. استراتژی‌های تست ادغام در فرانت‌اند
• 31. ابزارهای تست ادغام: نگاهی به React Testing Library و Vue Test Utils
• 32. تست ادغام کامپوننت‌ها با سرویس‌ها/API Mock شده
• 33. تست ادغام بین کامپوننت‌های مختلف
• 34. تست ادغام با استفاده از ابزارهای Jest (برای بخش‌های کوچک‌تر)
• 35. Mock کردن API برای تست‌های ادغام
• 36. تست تعاملات کامپوننت با Redux/Vuex Store
• 37. مقدمه‌ای بر تست کامپوننت (Component Testing)
• 38. اصول تست کامپوننت: ایزوله کردن و تعامل
• 39. تست کامپوننت‌ها با React Testing Library
• 40. استفاده از `render` و `screen` در RTL
• 41. Query کردن عناصر با اولویت‌های کاربر (getByRole, getByText)
• 42. شبیه‌سازی رویدادهای کاربری با `user-event`
• 43. تست فرم‌ها و ورودی‌ها در کامپوننت‌ها
• 44. تست Conditional Rendering و نمایش Loading States
• 45. تست کامپوننت‌های سفارشی (Custom Components)
• 46. تست کامپوننت‌های Stateful در React/Vue
• 47. تست HOCs و Custom Hooks (برای React)
• 48. تست کامپوننت‌ها در Vue با Vue Test Utils
• 49. تست Slotها و Props در Vue
• 50. تست کامپوننت‌ها در Angular با Karma و Jasmine
• 51. Testing Angular Components with TestBed
• 52. Mocking Dependencies in Angular Component Tests
• 53. مقدمه‌ای بر تست سرتاسری (E2E Testing)
• 54. تفاوت E2E با سایر تست‌ها
• 55. انتخاب ابزار E2E: Cypress, Playwright, Selenium
• 56. راه‌اندازی Cypress در پروژه فرانت‌اند
• 57. نوشتن اولین تست E2E با Cypress: بازدید از صفحه
• 58. تعامل با عناصر صفحه در Cypress: `get`, `type`, `click`
• 59. Assertion در Cypress: `should`, `expect`
• 60. مدیریت Routeها و Network Requestها با Cypress Intercept
• 61. Cypress Dashboard و CI/CD Integration
• 62. راه‌اندازی Playwright برای تست E2E
• 63. نوشتن تست E2E با Playwright: مرورگرهای مختلف
• 64. Record کردن تست‌ها با Playwright Inspector
• 65. استراتژی‌های E2E برای برنامه‌های بزرگ
• 66. تست سناریوهای پیچیده کاربر با E2E
• 67. نگهداری و بهبود تست‌های E2E
• 68. مقدمه‌ای بر تست رگرسیون بصری (Visual Regression Testing)
• 69. چرا تست بصری اهمیت دارد؟
• 70. ابزارهای تست بصری: Percy, Chromatic, Storybook Interaction Tests
• 71. راه‌اندازی و استفاده از Percy
• 72. سناریوهای کاربردی برای تست رگرسیون بصری
• 73. مقدمه‌ای بر تست عملکرد در فرانت‌اند
• 74. معیارهای کلیدی عملکرد (Web Vitals)
• 75. ابزارهای تست عملکرد: Lighthouse, WebPageTest
• 76. اتوماسیون تست عملکرد در CI/CD
• 77. مانیتورینگ عملکرد در زمان واقعی (Real User Monitoring)
• 78. مقدمه‌ای بر تست دسترس‌پذیری (Accessibility Testing - A11y)
• 79. اصول WCAG و اهمیت آن
• 80. ابزارهای اتوماتیک تست دسترس‌پذیری: Axe-core, Lighthouse A11y
• 81. تست دستی دسترس‌پذیری: کیبورد، Screen Readerها
• 82. گنجاندن A11y در چرخه توسعه
• 83. مقدمه‌ای بر تست امنیت در فرانت‌اند
• 84. آسیب‌پذیری‌های رایج فرانت‌اند: XSS, CSRF
• 85. ابزارها و روش‌های تست امنیت (Client-side)
• 86. اهمیت اتوماسیون تست در CI/CD
• 87. یکپارچه‌سازی تست‌های واحد و ادغام در CI/CD
• 88. اجرای تست‌های E2E در CI/CD
• 89. گزارش‌گیری و نمایش نتایج تست در CI/CD
• 90. استراتژی‌های Branching و تاثیر آن بر تست
• 91. مقدمه‌ای بر توسعه تست محور (TDD)
• 92. چرخه Red-Green-Refactor در TDD
• 93. پیاده‌سازی TDD در پروژه‌های فرانت‌اند
• 94. مقدمه‌ای بر توسعه رفتار محور (BDD)
• 95. نوشتن User Storyها و Scenarioها در BDD
• 96. Mock Serverها و ابزارهای Mocking پیشرفته
• 97. تست کردن Error Handling و Edge Cases
• 98. الگوی Page Object Model (POM) برای تست‌های E2E
• 99. انتخاب استراتژی تست مناسب برای پروژه‌های مختلف
• 100. آینده تست فرانت‌اند: هوش مصنوعی و Machine Learning در تست