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

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

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

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

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 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. جمع‌بندی: استراتژی جامع تست فرانت‌اند و کارایی

آیا می‌خواهید وب‌سایتی بسازید که نه تنها زیبا، بلکه سریع و قابل اعتماد باشد؟

در دنیای پرشتاب امروز، کاربران انتظار دارند وب‌سایت‌ها سریع، روان و بدون نقص کار کنند. یک تجربه کاربری ضعیف می‌تواند به از دست دادن مشتریان و آسیب به اعتبار برند شما منجر شود. اما نگران نباشید، راه حل اینجاست!

ما با افتخار دوره "راهنمای جامع تست فرانت‌اند با تمرکز بر کارایی" را به شما معرفی می‌کنیم. این دوره جامع، تمام دانش و مهارت‌های لازم برای تبدیل شدن به یک متخصص تست فرانت‌اند را در اختیار شما قرار می‌دهد. با ما همراه باشید تا وب‌سایت‌هایی بسازید که نه تنها زیبا هستند، بلکه سریع، قابل اعتماد و لذت‌بخش برای کاربران باشند.

درباره دوره

دوره "راهنمای جامع تست فرانت‌اند با تمرکز بر کارایی" یک برنامه آموزشی عمیق و کاربردی است که به شما کمک می‌کند تا هنر تست فرانت‌اند را به طور کامل فرا بگیرید. در این دوره، شما با مفاهیم اساسی تست، انواع تست‌های فرانت‌اند (واحد، ادغام، E2E و غیره)، ابزارهای تست محبوب (Jest، Cypress، Selenium و غیره) و تکنیک‌های بهینه‌سازی کارایی آشنا خواهید شد. ما نه تنها تئوری را آموزش می‌دهیم، بلکه تمرکز ویژه‌ای بر روی تمرین عملی و پروژه‌های واقعی داریم تا شما بتوانید دانش خود را در عمل به کار ببرید.

موضوعات کلیدی

• مقدمه‌ای بر تست فرانت‌اند و اهمیت آن
• آشنایی با انواع تست‌های فرانت‌اند (واحد، ادغام، E2E)
• معرفی ابزارهای تست محبوب (Jest، Cypress، Selenium، Playwright)
• نوشتن تست‌های واحد موثر با Jest
• تست کامپوننت‌های React، Vue و Angular
• تست ادغام و E2E با Cypress
• پیاده‌سازی CI/CD برای تست‌های فرانت‌اند
• تکنیک‌های تست بصری و رگرسیون
• بهینه‌سازی کارایی وب‌سایت با تست
• گزارش‌گیری و تجزیه و تحلیل نتایج تست

مخاطبان دوره

این دوره برای افراد زیر مناسب است:

• توسعه‌دهندگان فرانت‌اند که می‌خواهند کیفیت کد خود را بهبود بخشند
• تسترهای نرم‌افزار که می‌خواهند به حوزه تست فرانت‌اند وارد شوند
• دانشجویان و فارغ‌التحصیلان رشته‌های کامپیوتر و IT
• تیم‌های توسعه نرم‌افزار که به دنبال پیاده‌سازی فرآیندهای تست خودکار هستند
• هر کسی که به تست و کیفیت نرم‌افزار علاقه‌مند است

چرا این دوره را بگذرانیم؟

گذراندن این دوره مزایای بی‌شماری برای شما خواهد داشت:

• ارتقای مهارت‌های شما: با یادگیری تست فرانت‌اند، به یک توسعه‌دهنده کامل‌تر و ارزشمندتر تبدیل خواهید شد.
• افزایش کیفیت کد: تست‌های خودکار به شما کمک می‌کنند تا باگ‌ها را زودتر شناسایی و از بروز مشکلات بزرگتر جلوگیری کنید.
• بهبود کارایی وب‌سایت: با بهینه‌سازی کد و تست‌های کارایی، می‌توانید سرعت و عملکرد وب‌سایت خود را بهبود بخشید.
• کاهش هزینه‌ها: با شناسایی و رفع باگ‌ها در مراحل اولیه توسعه، می‌توانید هزینه‌های تعمیر و نگهداری را به طور چشمگیری کاهش دهید.
• افزایش رضایت کاربران: یک وب‌سایت سریع، قابل اعتماد و بدون نقص، رضایت کاربران را افزایش داده و به وفاداری آنها منجر می‌شود.
• فرصت‌های شغلی بیشتر: مهارت در تست فرانت‌اند، شما را در بازار کار متمایز کرده و فرصت‌های شغلی بهتری را برای شما فراهم می‌کند.

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

این دوره شامل 100 سرفصل جامع است که به شما کمک می‌کند تا تمام جنبه‌های تست فرانت‌اند را به طور کامل فرا بگیرید. برخی از مهم‌ترین سرفصل‌ها عبارتند از:

• بخش اول: مقدمه‌ای بر تست فرانت‌اند
  • فصل 1: چرا تست فرانت‌اند مهم است؟
  • فصل 2: انواع تست‌های فرانت‌اند: واحد، ادغام، E2E
  • فصل 3: مفاهیم پایه تست: Assertions، Mocks، Stubs
  • فصل 4: معرفی فریم‌ورک‌های تست: Jest، Cypress، Selenium
  • فصل 5: راه‌اندازی محیط تست
  • ... (10 سرفصل دیگر)
• بخش دوم: تست واحد با Jest
  • فصل 1: آشنایی با Jest و ویژگی‌های آن
  • فصل 2: نوشتن تست‌های واحد برای توابع جاوااسکریپت
  • فصل 3: تست کامپوننت‌های React با Jest و React Testing Library
  • فصل 4: تست کامپوننت‌های Vue با Jest و Vue Test Utils
  • فصل 5: تست کامپوننت‌های Angular با Jest و Angular Testing
  • ... (15 سرفصل دیگر)
• بخش سوم: تست ادغام و E2E با Cypress
  • فصل 1: آشنایی با Cypress و ویژگی‌های آن
  • فصل 2: نصب و راه‌اندازی Cypress
  • فصل 3: نوشتن تست‌های E2E برای سناریوهای کاربر
  • فصل 4: تست تعاملات کاربر با رابط کاربری
  • فصل 5: مدیریت state و session در تست‌های Cypress
  • ... (20 سرفصل دیگر)
• بخش چهارم: تست کارایی و بهینه‌سازی
  • فصل 1: اندازه‌گیری کارایی وب‌سایت
  • فصل 2: شناسایی گلوگاه‌های کارایی
  • فصل 3: بهینه‌سازی تصاویر و فایل‌های media
  • فصل 4: کاهش حجم فایل‌های جاوااسکریپت و CSS
  • فصل 5: استفاده از CDN و caching
  • ... (15 سرفصل دیگر)
• بخش پنجم: CI/CD و اتوماسیون تست
  • فصل 1: معرفی CI/CD و اهمیت آن در تست
  • فصل 2: ادغام تست‌ها با سیستم‌های CI/CD (GitHub Actions، Jenkins)
  • فصل 3: خودکارسازی فرآیند تست
  • فصل 4: گزارش‌گیری و تجزیه و تحلیل نتایج تست
  • ... (10 سرفصل دیگر)
• بخش ششم: مباحث پیشرفته تست
  • فصل 1: تست‌های بصری و رگرسیون
  • فصل 2: تست دسترسی‌پذیری (Accessibility)
  • فصل 3: تست امنیت
  • فصل 4: Mocking و Stubbing پیشرفته
  • فصل 5: الگوهای طراحی تست
  • ... (15 سرفصل دیگر)

همین امروز در دوره "راهنمای جامع تست فرانت‌اند با تمرکز بر کارایی" ثبت‌نام کنید و مهارت‌های خود را به سطح جدیدی ارتقا دهید!