دوره تکنیک‌های Test-Driven Debugging در فرانت‌اند همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره تکنیک‌های Test-Driven Debugging در فرانت‌اند

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

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

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

• 1. مقدمه‌ای بر Test-Driven Debugging در فرانت‌اند
• 2. اهمیت دیباگینگ در توسعهٔ فرانت‌اند
• 3. اصول کلیدی Test-Driven Debugging
• 4. تفاوت دیباگینگ سنتی و TDD
• 5. چرخهٔ حیات Test-Driven Debugging
• 6. نصب و راه‌اندازی ابزارهای TDD (مانند Jest, Vitest)
• 7. نوشتن اولین تست واحد برای کامپوننت فرانت‌اند
• 8. مفهوم "شکستن" تست در TDD
• 9. پیاده‌سازی کد کامپوننت برای پاس کردن تست
• 10. بازسازی کد کامپوننت پس از پاس شدن تست
• 11. دیباگینگ تست‌های ناموفق
• 12. استراتژی‌های نوشتن تست‌های مؤثر
• 13. تست کردن منطق کسب‌وکار در کامپوننت‌ها
• 14. تست کردن تعاملات کاربر با کامپوننت‌ها
• 15. تست کردن نمایش داده‌ها در کامپوننت‌ها
• 16. تست کردن ورودی‌های فرم و اعتبارسنجی آن‌ها
• 17. دیباگینگ خطاهای اعتبارسنجی
• 18. تست کردن کامپوننت‌های مبتنی بر وضعیت (Stateful Components)
• 19. تست کردن کامپوننت‌های بدون وضعیت (Stateless Components)
• 20. استفاده از Mocking و Stubbing در تست‌ها
• 21. Mock کردن API Call ها در تست‌های فرانت‌اند
• 22. Mock کردن وابستگی‌های خارجی
• 23. دیباگینگ مشکلات Mocking
• 24. تست کردن کامپوننت‌های پیچیده با وابستگی‌های زیاد
• 25. تست کردن کامپوننت‌های رندر شده در محیط مرورگر (Integration Testing)
• 26. استفاده از ابزارهای تست سمت مرورگر (مانند Cypress, Playwright)
• 27. نوشتن تست‌های End-to-End برای جریان‌های کاربری
• 28. دیباگینگ تست‌های End-to-End
• 29. تست کردن مسیریابی (Routing) در اپلیکیشن‌های تک‌صفحه‌ای
• 30. دیباگینگ مشکلات مسیریابی
• 31. تست کردن مدیریت وضعیت (State Management) با TDD
• 32. استفاده از Redux/Vuex/Pinia در معماری TDD
• 33. دیباگینگ مشکلات مدیریت وضعیت
• 34. تست کردن کامپوننت‌های مرتبط با احراز هویت و مجوزها
• 35. دیباگینگ مسائل امنیتی در فرانت‌اند
• 36. تست کردن کامپوننت‌های UI Kit و کتابخانه‌های کامپوننت
• 37. دیباگینگ ناسازگاری‌های UI
• 38. تست کردن کامپوننت‌های واکنش‌گرا (Responsive Components)
• 39. دیباگینگ رفتار کامپوننت‌ها در اندازه‌های مختلف صفحه
• 40. تست کردن کامپوننت‌های انیمیشنی
• 41. دیباگینگ مشکلات انیمیشن و ترنزیشن‌ها
• 42. تست کردن عملکرد (Performance) کامپوننت‌ها
• 43. شناسایی گلوگاه‌های عملکردی با تست
• 44. دیباگینگ مشکلات عملکردی
• 45. اصول دیباگینگ مؤثر در فرانت‌اند
• 46. استفاده از ابزارهای توسعه‌دهنده مرورگر (Browser DevTools)
• 47. تکنیک‌های breakpoint گذاری پیشرفته
• 48. تحلیل Stack Trace برای یافتن ریشهٔ خطا
• 49. استفاده از Console Logging به صورت استراتژیک
• 50. استفاده از ابزارهای پروفایلینگ (Profiling Tools)
• 51. شناسایی و رفع Memory Leaks
• 52. دیباگینگ مشکلات مربوط به DOM Manipulation
• 53. تست کردن و دیباگینگ Event Listeners
• 54. مدیریت خطاها (Error Handling) در فرانت‌اند
• 55. استفاده از Error Boundaries در React
• 56. دیباگینگ خطاهای پیش‌بینی نشده
• 57. تست کردن سناریوهای خطا
• 58. دیباگینگ خطاهای شبکه و API
• 59. تکنیک‌های اشکال‌زدایی در محیط‌های مختلف مرورگر
• 60. دیباگینگ سازگاری مرورگرها
• 61. تست کردن و دیباگینگ Web Workers
• 62. تست کردن و دیباگینگ Service Workers
• 63. دیباگینگ مشکلات PWA
• 64. اصول clean code و impact آن بر دیباگینگ
• 65. Refactoring در فرآیند TDD
• 66. تست کردن کدهای Legacy و چالش‌های آن
• 67. استراتژی‌های ورود TDD به پروژه‌های موجود
• 68. تست کردن و دیباگینگ WebSockets
• 69. دیباگینگ مشکلات Real-time Communication
• 70. تست کردن و دیباگینگ Server-Sent Events
• 71. دیباگینگ مشکلات مربوط به Accessibility
• 72. تست کردن و دیباگینگ Internationalization (i18n)
• 73. دیباگینگ مشکلات مربوط به Localization (l10n)
• 74. استفاده از ابزارهای Static Analysis (مانند ESLint, Prettier)
• 75. دیباگینگ خطاهای Linting
• 76. تست کردن و دیباگینگ WebAssembly
• 77. دیباگینگ مشکلات مرتبط با Web Components
• 78. تست کردن و دیباگینگ Progressive Enhancement
• 79. دیباگینگ مشکلات مربوط به SEO در فرانت‌اند
• 80. تست کردن و دیباگینگ Progressive Web Apps (PWAs)
• 81. اصول گزارش‌دهی خطا (Bug Reporting)
• 82. مدیریت چرخهٔ عمر خطا (Bug Lifecycle Management)
• 83. تکنیک‌های پیشگیری از بروز خطا
• 84. اهمیت Code Reviews در فرآیند TDD
• 85. یادگیری مستمر و به‌روزرسانی دانش در حوزهٔ دیباگینگ
• 86. کارگاه عملی: پیاده‌سازی TDD برای یک کامپوننت پیچیده
• 87. کارگاه عملی: دیباگینگ یک سناریوی خطای رایج در فرانت‌اند
• 88. جمع‌بندی و آیندهٔ Test-Driven Debugging