دوره اصول تست برای عملکرد (Performance) در فرانت‌اند همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره اصول تست برای عملکرد (Performance) در فرانت‌اند

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

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

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

• 1. مقدمه‌ای بر اهمیت تست عملکرد در فرانت‌اند
• 2. چرا تست عملکرد فرانت‌اند حیاتی است؟
• 3. اهداف کلیدی تست عملکرد فرانت‌اند
• 4. مفاهیم پایه عملکرد وب
• 5. معماری وب مدرن و تاثیر آن بر عملکرد
• 6. معرفی ابزارهای تست عملکرد فرانت‌اند
• 7. انتخاب ابزار مناسب برای نیازهای شما
• 8. آشنایی با Google PageSpeed Insights
• 9. تفسیر نتایج PageSpeed Insights
• 10. آشنایی با Lighthouse
• 11. اجرای تست‌های Lighthouse
• 12. متریک‌های کلیدی عملکرد (Core Web Vitals)
• 13. First Contentful Paint (FCP)
• 14. Largest Contentful Paint (LCP)
• 15. Interaction to Next Paint (INP)
• 16. Cumulative Layout Shift (CLS)
• 17. Total Blocking Time (TBT)
• 18. First Input Delay (FID)
• 19. کار با ابزارهای توسعه‌دهنده مرورگر (Chrome DevTools)
• 20. تب Performance در Chrome DevTools
• 21. ثبت و تحلیل پروفایل عملکرد
• 22. شناسایی Bottleneckها در زمان بارگذاری
• 23. تحلیل Network Waterfall
• 24. بهینه‌سازی منابع (HTML, CSS, JavaScript)
• 25. فشرده‌سازی فایل‌ها (Gzip, Brotli)
• 26. Minefication و Concatenation
• 27. Lazy Loading تصاویر و ویدئوها
• 28. Code Splitting و Dynamic Imports
• 29. استفاده از Caching مرورگر
• 30. استراتژی‌های Caching HTTP
• 31. تنظیمات Cache-Control و Expires
• 32. Service Workers برای Caching پیشرفته
• 33. بهینه‌سازی تصاویر
• 34. فرمت‌های تصویر مدرن (WebP, AVIF)
• 35. Lazy Loading تصاویر
• 36. Responsive Images
• 37. بهینه‌سازی فونت‌ها
• 38. Font Display
• 39. Self-Hosting فونت‌ها
• 40. Web Font Optimization
• 41. بهینه‌سازی CSS
• 42. Critical CSS
• 43. CSS Minification
• 44. Unused CSS Removal
• 45. بهینه‌سازی JavaScript
• 46. Code Splitting
• 47. Tree Shaking
• 48. Async و Defer Attributes
• 49. Web Workers
• 50. بهینه‌سازی رندرینگ (Rendering Optimization)
• 51. معماری DOM
• 52. CSS Selectors Performance
• 53. Layout Thrashing
• 54. Paint و Compositing
• 55. انواع تست‌های عملکرد
• 56. تست عملکرد در زمان توسعه (Development-Time Performance Testing)
• 57. تست عملکرد در CI/CD Pipeline
• 58. تست عملکرد در محیط Production
• 59. تست بار (Load Testing)
• 60. تست استرس (Stress Testing)
• 61. تست پایداری (Soak Testing)
• 62. ابزارهای تست خودکار برای عملکرد
• 63. Selenium و ادغام با تست‌های عملکرد
• 64. Cypress و قابلیت‌های آن برای تست عملکرد
• 65. Playwright و تست‌های عملکرد
• 66. WebPageTest به عنوان یک ابزار قدرتمند
• 67. پیکربندی WebPageTest
• 68. تحلیل پیشرفته نتایج WebPageTest
• 69. مدیریت و تحلیل نتایج تست
• 70. ایجاد داشبوردهای عملکرد
• 71. مانیتورینگ مداوم عملکرد
• 72. تنظیم Thresholds و Alerts
• 73. مقایسه نتایج تست در طول زمان
• 74. تکنیک‌های پیشرفته تست عملکرد
• 75. Real User Monitoring (RUM)
• 76. Synthetic Monitoring
• 77. Real Device Testing
• 78. ابزارهای تست روی دستگاه‌های واقعی
• 79. تست عملکرد در شبکه‌های مختلف
• 80. تست عملکرد در دستگاه‌های ضعیف
• 81. تست عملکرد اپلیکیشن‌های تک‌صفحه‌ای (SPAs)
• 82. بهینه‌سازی عملکرد React
• 83. بهینه‌سازی عملکرد Vue.js
• 84. بهینه‌سازی عملکرد Angular
• 85. تست عملکرد APIهای فرانت‌اند
• 86. مدیریت Third-Party Scripts
• 87. تست و بهینه‌سازی بارگذاری اسکریپت‌های شخص ثالث
• 88. تاثیر CDN بر عملکرد
• 89. بهینه‌سازی استراتژی‌های CDN
• 90. تست عملکرد با در نظر گرفتن Accessibility
• 91. ارتباط بین عملکرد و SEO
• 92. نکات عملی و بهترین شیوه‌ها
• 93. ایجاد فرهنگ تست عملکرد در تیم
• 94. استراتژی‌های کاهش زمان بارگذاری
• 95. مقابله با مشکلات رایج عملکرد
• 96. تکنیک‌های پیشرفته Caching
• 97. Performance Budgeting
• 98. تعریف و پایش Performance Budget
• 99. تست عملکرد برای Micro-frontends
• 100. معماری توزیع شده و تست عملکرد