فلش‌کارت‌های آموزشی Vite و Jest/Vitest: تست نویسی و اطمینان از صحت کد

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

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

عنوان دوره: Vite و Jest/Vitest: تست نویسی و اطمینان از صحت کد

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

موضوع میانی: وایت (Vite)

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

• 1. مقدمه‌ای بر برنامه‌نویسی مدرن وب و چالش‌های آن
• 2. چرا تست‌نویسی مهم است؟ ارزش، ضرورت و اهداف
• 3. انواع تست‌ها: Unit Testing، Integration Testing، End-to-End Testing
• 4. آشنایی با ابزارهای Build در وب (Webpack, Parcel, Vite)
• 5. معرفی Vite: Build Tool نسل بعدی برای توسعه وب
• 6. مزایای Vite: سرعت فوق‌العاده و تجربه توسعه‌دهنده (DX)
• 7. معرفی Jest: فریم‌ورک محبوب تست جاوااسکریپت و تایپ‌اسکریپت
• 8. معرفی Vitest: فریم‌ورک تست بومی Vite با کارایی بالا
• 9. مقایسه Jest و Vitest: تفاوت‌ها، شباهت‌ها و انتخاب مناسب
• 10. تنظیم محیط توسعه (IDE, Node.js, npm/yarn) برای شروع کار
• 11. ایجاد پروژه جدید با Vite (Vanilla JS, React, Vue, Svelte)
• 12. ساختار پروژه Vite و فایل‌های پیکربندی اصلی
• 13. Dev Server و قابلیت Hot Module Replacement (HMR) در Vite
• 14. پیکربندی `vite.config.js/ts`: مبانی و گزینه‌های پرکاربرد
• 15. مدیریت استایل‌ها (CSS, Sass, Less, PostCSS) در Vite
• 16. مدیریت Assetها (تصاویر، فونت‌ها) و Public Directory
• 17. استفاده از پلاگین‌ها در Vite و اکوسیستم پلاگین‌ها
• 18. متغیرهای محیطی (Environment Variables) در Vite
• 19. بهینه‌سازی Build Production و تنظیمات Rollup در Vite
• 20. Code Splitting و Lazy Loading با Vite برای بهبود عملکرد
• 21. Pre-bundling وابستگی‌ها در Vite و اهمیت آن
• 22. پشتیبانی از TypeScript و JSX/TSX در Vite
• 23. مهاجرت از Webpack یا Create React App به Vite (بررسی اجمالی)
• 24. Deploy کردن یک اپلیکیشن Vite به هاستینگ‌های مختلف
• 25. معرفی قابلیت‌های پیشرفته Vite: SSR و Library Mode
• 26. نصب و راه‌اندازی Jest در یک پروژه جدید
• 27. پیکربندی `jest.config.js/ts`: گزینه‌ها و اهمیت آن
• 28. ساختار پایه تست‌های Jest: `describe`, `it`, `test`
• 29. Matchedها و Assertionها (`expect` در Jest)
• 30. Setup و Teardown: `beforeEach`, `afterEach`, `beforeAll`, `afterAll`
• 31. Mock کردن توابع با `jest.fn()`
• 32. Mock کردن ماژول‌ها و وابستگی‌ها با `jest.mock()`
• 33. Spies و ردیابی فراخوانی توابع با `jest.spyOn()`
• 34. تست‌های Asynchronous: Promises و async/await در Jest
• 35. Snapshot Testing با Jest برای رابط کاربری و داده‌ها
• 36. تست خطاهای مورد انتظار و مدیریت استثنائات
• 37. کار با Timers و تاریخ در Jest (`jest.useFakeTimers`)
• 38. پوشش کد (Code Coverage) با Jest و Istanbul
• 39. اجرای تست‌ها با CLI و Watch Mode
• 40. فیلتر کردن و گروه‌بندی تست‌ها
• 41. تست‌نویسی مبتنی بر داده (Data-Driven Tests) با `test.each`
• 42. ایجاد Matcherهای سفارشی در Jest
• 43. تست‌های Global Setup و Teardown
• 44. تست Environmentها (JSDOM, Node) در Jest
• 45. بهترین روش‌ها برای نوشتن تست‌های Unit با Jest
• 46. چرا Vitest؟ مزایای یکپارچگی عمیق با Vite
• 47. نصب و راه‌اندازی Vitest در پروژه Vite
• 48. پیکربندی Vitest در `vite.config.js/ts` و فایل‌های جداگانه
• 49. ساختار تست‌های Vitest: `describe`, `it`, `test` (شباهت‌ها به Jest)
• 50. Matchedها و Assertionها (`expect` در Vitest)
• 51. Setup و Teardown در Vitest (مشابه Jest)
• 52. Mock کردن توابع با `vi.fn()`
• 53. Mock کردن ماژول‌ها و وابستگی‌ها با `vi.mock()`
• 54. Spies و ردیابی فراخوانی توابع با `vi.spyOn()`
• 55. تست‌های Asynchronous در Vitest
• 56. Snapshot Testing با Vitest
• 57. تست خطاهای مورد انتظار در Vitest
• 58. کار با Timers و تاریخ در Vitest (`vi.useFakeTimers`)
• 59. پوشش کد (Code Coverage) با Vitest و V8
• 60. اجرای تست‌ها با CLI و Watch Mode در Vitest
• 61. فیلتر کردن و گروه‌بندی تست‌ها در Vitest
• 62. تست‌نویسی مبتنی بر داده با `test.each` در Vitest
• 63. ایجاد Matcherهای سفارشی در Vitest
• 64. In-source Testing و مزایای آن در Vitest
• 65. مقایسه عملکرد Jest و Vitest در سناریوهای مختلف و انتخاب نهایی
• 66. مقدمه‌ای بر Component Testing و اهمیت آن در توسعه UI
• 67. انتخاب کتابخانه تست کامپوننت (مثال: `@testing-library/react`, `@testing-library/vue`)
• 68. تست کامپوننت‌های React با Vite و Vitest/Jest
• 69. تست Hookهای React (Custom Hooks) با Vitest/Jest
• 70. تست کامپوننت‌های Vue 3 با Vite و Vitest/Jest
• 71. تست Composablesهای Vue (Custom Composables) با Vitest/Jest
• 72. تست کامپوننت‌های Svelte با Vite و Vitest/Jest
• 73. تست کامپوننت‌های Lit و Web Components با Vite و Vitest/Jest
• 74. شبیه‌سازی Interactionهای کاربر (Click, Type, Submit) با Testing Library
• 75. تست دسترسی‌پذیری (Accessibility Testing) در کامپوننت‌ها
• 76. تست وضعیت‌های مختلف کامپوننت و Conditional Rendering
• 77. استفاده از ابزارهای Debugging در Component Tests
• 78. Testing Library Custom Renderers برای محیط‌های خاص
• 79. شیوه‌های Test Driven Development (TDD) در توسعه کامپوننت
• 80. بهترین روش‌ها برای Component Testing و سازماندهی تست‌ها
• 81. مقدمه‌ای بر Integration Testing و تست جریان‌های کاری
• 82. تست سرویس‌ها و Utility Functionها در یک پروژه Vite
• 83. تست‌های Integration بین کامپوننت‌ها یا ماژول‌ها
• 84. معرفی Cypress: فریم‌ورک E2E برای برنامه‌های مدرن وب
• 85. معرفی Playwright: فریم‌ورک E2E با قابلیت‌های گسترده
• 86. راه‌اندازی Cypress در یک پروژه Vite
• 87. راه‌اندازی Playwright در یک پروژه Vite
• 88. نوشتن تست‌های E2E پایه: ناوبری و تعاملات اساسی
• 89. Mock کردن API و داده‌ها در تست‌های E2E
• 90. تست‌های E2E برای فرم‌ها و جریان‌های کاربردی پیچیده
• 91. سازماندهی ساختار تست‌ها در پروژه‌های بزرگ و Monorepoها
• 92. استراتژی‌های تست‌نویسی: Test Pyramid در مقابل Test Trophy
• 93. مدیریت وابستگی‌ها و تزریق Mock برای تست‌های ایزوله
• 94. پاک‌سازی کد تست و رفع Test Smells (تست‌های بد)
• 95. تست‌های Performance برای کامپوننت‌ها و عملیات حیاتی
• 96. یکپارچه‌سازی تست‌ها در CI/CD (مثال: GitHub Actions, GitLab CI)
• 97. گزارش‌دهی تست (Test Reporting) و Visual Regression Testing (مقدماتی)
• 98. عیب‌یابی و دیباگ کردن تست‌های پیچیده با ابزارهای مختلف
• 99. فرهنگ کیفیت کد و تست: ایجاد تیمی مسئولیت‌پذیر
• 100. آینده تست‌نویسی: روندهای جدید، ابزارهای پیشرفته و هوش مصنوعی در تست

Vite و Jest/Vitest: تست نویسی و اطمینان از صحت کد - یک گام جلوتر از رقبا!

آیا از زمان طولانی ساخت پروژه‌هایتان خسته شده‌اید؟ آیا به دنبال راهی هستید تا با سرعت بیشتری پروژه‌های مدرن وب را توسعه دهید و در عین حال از کیفیت بالای کد اطمینان حاصل کنید؟ دوره آموزشی "Vite و Jest/Vitest: تست نویسی و اطمینان از صحت کد" دقیقا همان چیزی است که به آن نیاز دارید!

در این دوره جامع، با قدرت و سرعت Vite، نسل جدید ابزارهای build برای پروژه‌های وب آشنا می‌شوید. یاد می‌گیرید چگونه از Vite برای ایجاد پروژه‌های React، Vue، Svelte و TypeScript با سرعت باورنکردنی استفاده کنید. همچنین، با Jest و Vitest، دو فریمورک تست قدرتمند، آشنا می‌شوید و یاد می‌گیرید چگونه تست‌های واحد و یکپارچه‌سازی بنویسید تا از صحت و پایداری کدهای خود اطمینان حاصل کنید. دیگر نگران باگ‌ها و مشکلات غیرمنتظره نباشید، زیرا با این دوره، شما به یک توسعه‌دهنده حرفه‌ای و مطمئن تبدیل خواهید شد.

درباره دوره

این دوره یک آموزش جامع و کاربردی است که به شما کمک می‌کند تا از صفر تا صد با Vite و Jest/Vitest کار کنید. ما با مفاهیم پایه شروع می‌کنیم و به تدریج به مباحث پیشرفته‌تر می‌پردازیم. در طول دوره، پروژه‌های عملی متعددی را انجام می‌دهیم تا دانش خود را به طور کامل تثبیت کنید. با گذراندن این دوره، شما قادر خواهید بود پروژه‌های وب خود را با سرعت و کیفیت بی‌نظیری توسعه دهید و با اطمینان کامل، کد خود را به مرحله اجرا برسانید.

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

• معرفی و نصب Vite
• پیکربندی Vite برای پروژه‌های مختلف (React, Vue, Svelte)
• بهینه‌سازی عملکرد Vite
• آشنایی با Jest و Vitest
• نوشتن تست‌های واحد (Unit Tests)
• نوشتن تست‌های یکپارچه‌سازی (Integration Tests)
• پوشش کد (Code Coverage)
• تست‌نویسی رفتاری (Behavior Driven Development - BDD)
• استفاده از Mock ها و Stubs
• اشکال‌زدایی (Debugging) تست‌ها
• ادغام Jest/Vitest با CI/CD

مخاطبان دوره

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

• توسعه‌دهندگان وب که به دنبال ابزاری سریع و کارآمد برای build پروژه‌های خود هستند.
• توسعه‌دهندگانی که می‌خواهند مهارت‌های تست‌نویسی خود را ارتقا دهند و از کیفیت بالای کد اطمینان حاصل کنند.
• دانشجویان و فارغ‌التحصیلان رشته‌های مرتبط با کامپیوتر که به دنبال یادگیری مهارت‌های عملی و کاربردی هستند.
• توسعه‌دهندگانی که با React، Vue، Svelte و TypeScript کار می‌کنند و می‌خواهند از Vite و Jest/Vitest در پروژه‌های خود استفاده کنند.

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

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

• افزایش سرعت توسعه: Vite به شما کمک می‌کند تا پروژه‌های خود را با سرعت بیشتری build و اجرا کنید.
• بهبود کیفیت کد: Jest/Vitest به شما کمک می‌کند تا تست‌های جامع و دقیقی بنویسید و از صحت و پایداری کد خود اطمینان حاصل کنید.
• کاهش خطاها: با تست‌نویسی، می‌توانید باگ‌ها و مشکلات احتمالی را قبل از انتشار پروژه شناسایی و رفع کنید.
• افزایش اعتماد به نفس: با اطمینان از صحت کد، می‌توانید با خیال راحت تغییرات ایجاد کنید و پروژه‌های خود را توسعه دهید.
• ارتقای رزومه: تسلط بر Vite و Jest/Vitest یک مزیت رقابتی در بازار کار است و به شما کمک می‌کند تا فرصت‌های شغلی بهتری را به دست آورید.
• یادگیری مهارت‌های عملی: این دوره بر یادگیری عملی و کاربردی تاکید دارد و شما در طول دوره، پروژه‌های واقعی را انجام می‌دهید.
• دسترسی به پشتیبانی: در طول دوره، به پشتیبانی اساتید و متخصصان دسترسی خواهید داشت و می‌توانید سوالات خود را مطرح کنید.

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

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

• بخش اول: مقدمه‌ای بر Vite
  • معرفی Vite و مزایای آن
  • نصب و پیکربندی Vite
  • ساختار یک پروژه Vite
  • کامپوننت‌های Single-File
  • Hot Module Replacement (HMR)
  • پلاگین‌های Vite
  • تنظیمات پیشرفته Vite
  • بهینه‌سازی performance
  • استفاده از environment variableها
• بخش دوم: Vite و React
  • ایجاد یک پروژه React با Vite
  • پیکربندی Babel و TypeScript
  • استفاده از JSX و CSS Modules
  • routing و navigation
  • state management با Redux یا Context API
  • دیپلوی یک پروژه React با Vite
• بخش سوم: Vite و Vue
  • ایجاد یک پروژه Vue با Vite
  • پیکربندی Vue Router و Vuex
  • استفاده از SFC (Single File Components)
  • کامپوننت‌های داینامیک و lazy loading
  • directives و filters
  • انیمیشن‌ها و transitions
  • دیپلوی یک پروژه Vue با Vite
• بخش چهارم: مقدمه‌ای بر Jest/Vitest
  • معرفی Jest و Vitest و تفاوت‌های آن‌ها
  • نصب و پیکربندی Jest/Vitest
  • آشنایی با syntax تست‌نویسی
  • نوشتن assertions
  • اجرای تست‌ها
  • پوشش کد (Code Coverage)
  • اشکال‌زدایی (Debugging) تست‌ها
• بخش پنجم: تست‌نویسی واحد (Unit Tests)
  • تست توابع و ماژول‌ها
  • Mock کردن dependencies
  • Stubs و Spies
  • تست asynchronous code
  • تست خطاها و exceptions
  • بهترین روش‌های نوشتن تست‌های واحد
• بخش ششم: تست‌نویسی یکپارچه‌سازی (Integration Tests)
  • تست interaction بین کامپوننت‌ها
  • تست APIs
  • تست دیتابیس
  • تست end-to-end
  • استفاده از frameworks تست end-to-end (Cypress, Puppeteer)
• بخش هفتم: تست‌نویسی رفتاری (BDD)
  • معرفی BDD و Gherkin
  • استفاده از Cucumber یا Jest-Cucumber
  • نوشتن features و scenarios
  • تعریف steps
  • مزایای BDD
• بخش هشتم: ادغام Jest/Vitest با CI/CD
  • تنظیم CI/CD برای اجرای تست‌ها
  • گزارش‌گیری از نتایج تست‌ها
  • fail build در صورت وجود خطا
  • اتوماتیک کردن دیپلوی
• بخش نهم: پروژه‌های عملی
  • ساخت یک Todo App با React و Vite و Jest
  • ساخت یک Blog با Vue و Vite و Vitest
  • پروژه‌های متنوع دیگر
• بخش دهم: نکات پیشرفته
  • Performance Optimization در Jest/Vitest
  • Parallel Testing
  • Snapshot Testing
  • Test Driven Development (TDD)
  • و بسیاری نکات دیگر...

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