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

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

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

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

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

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

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

• 1. مبانی تست عملکرد فرانت‌اند
• 2. اهمیت تست عملکرد در توسعه فرانت‌اند
• 3. مفاهیم اولیه: Performance, Load, Stress, Endurance
• 4. شاخص‌های کلیدی عملکرد (KPIs)
• 5. ابزارهای مانیتورینگ مرورگر: DevTools, Lighthouse
• 6. معرفی ابزارهای تست عملکرد: WebPageTest, GTmetrix
• 7. انتخاب ابزار مناسب برای تست عملکرد
• 8. محیط‌های تست: Local, Staging, Production
• 9. شبیه‌سازی شرایط شبکه: سرعت، Latency، پهنای باند
• 10. آشنایی با خطایابی و پروفایل کردن عملکرد
• 11. نصب و راه‌اندازی ابزارهای تست عملکرد
• 12. تست عملکرد در برابر معیارهای Core Web Vitals
• 13. اندازه‌گیری Largest Contentful Paint (LCP)
• 14. اندازه‌گیری First Input Delay (FID)
• 15. اندازه‌گیری Cumulative Layout Shift (CLS)
• 16. بهینه‌سازی LCP: بارگذاری منابع بحرانی
• 17. بهینه‌سازی LCP: بهینه‌سازی تصاویر
• 18. بهینه‌سازی FID: کار با Web Workers
• 19. بهینه‌سازی FID: Time Slicing
• 20. بهینه‌سازی CLS: جلوگیری از تغییرات لی‌اوت
• 21. شناسایی و رفع گلوگاه‌های عملکرد
• 22. تجزیه و تحلیل Waterfall Chart
• 23. استفاده از Performance Timeline در DevTools
• 24. بررسی Request ها و Response ها
• 25. بهینه‌سازی تصاویر: فرمت، فشرده‌سازی، اندازه
• 26. بهینه‌سازی تصاویر: تکنیک‌های Lazy Loading
• 27. بهینه‌سازی CSS: Minification, Critical CSS
• 28. بهینه‌سازی JavaScript: Minification, Tree Shaking
• 29. بهینه‌سازی JavaScript: Code Splitting
• 30. بهینه‌سازی JavaScript: Lazy Loading
• 31. استفاده از Cache: Cache-Control, ETag
• 32. استفاده از Cache: Service Workers
• 33. بهینه‌سازی فونت‌ها: Format, Preloading
• 34. بهینه‌سازی DOM: تعداد المان‌ها، دستکاری DOM
• 35. بهینه‌سازی Layout: Repaint, Reflow
• 36. تست عملکرد در شرایط مختلف دستگاه‌ها
• 37. تست عملکرد در مرورگرهای مختلف
• 38. تست عملکرد در دستگاه‌های موبایل
• 39. تست عملکرد در شرایط اتصال ضعیف
• 40. Automated Performance Testing: معرفی
• 41. Automated Performance Testing: ابزارهای CI/CD
• 42. Automated Performance Testing: نوشتن اسکریپت‌ها
• 43. Automated Performance Testing: گزارش‌دهی
• 44. یکپارچه‌سازی تست عملکرد با CI/CD
• 45. Performance Budgeting: تعریف
• 46. Performance Budgeting: تنظیم بودجه
• 47. Performance Budgeting: نظارت و هشدار
• 48. Performance Monitoring: ابزارهای مانیتورینگ
• 49. Performance Monitoring: جمع‌آوری داده‌ها
• 50. Performance Monitoring: تجزیه و تحلیل داده‌ها
• 51. Performance Monitoring: ایجاد داشبورد
• 52. بررسی تاثیر کتابخانه‌ها و فریم‌ورک‌ها بر عملکرد
• 53. بهینه‌سازی عملکرد React
• 54. بهینه‌سازی عملکرد Angular
• 55. بهینه‌سازی عملکرد Vue.js
• 56. بهینه‌سازی عملکرد وب‌اپلیکیشن‌های تک‌صفحه‌ای (SPA)
• 57. تست عملکرد و Server-Side Rendering (SSR)
• 58. تست عملکرد و تکنیک‌های پیش‌رندر
• 59. بهینه‌سازی عملکرد در حالت‌های مختلف
• 60. بررسی و بهینه‌سازی عملکرد در حین رندر شدن
• 61. شناسایی و رفع مشکلات حافظه (Memory Leaks)
• 62. بررسی و بهینه‌سازی رندرینگ در CSS
• 63. بهینه‌سازی رندرینگ در جاوااسکریپت
• 64. اصول نوشتن کدهای با عملکرد بالا
• 65. انتخاب ساختارهای داده مناسب
• 66. بهینه‌سازی Event Handling
• 67. بهینه‌سازی کدهای تعاملی
• 68. تست عملکرد در پروژه‌های بزرگ
• 69. مدیریت پیچیدگی‌های عملکرد
• 70. استفاده از وب کامپوننت‌ها و تاثیر آن بر عملکرد
• 71. آشنایی با WebAssembly و تاثیر آن بر عملکرد
• 72. تست عملکرد و امنیت
• 73. تست عملکرد و دسترسی‌پذیری
• 74. بهینه‌سازی عملکرد برای وب اپلیکیشن‌های PWA
• 75. تست عملکرد و Service Workers
• 76. بهینه‌سازی و استفاده از HTTP/2 و HTTP/3
• 77. بهینه‌سازی و استفاده از HTTP/3
• 78. تحلیل و بهینه‌سازی عملکرد با استفاده از Web Vitals
• 79. استفاده از Page Speed Insights
• 80. استفاده از WebPageTest API
• 81. استفاده از Lighthouse CI
• 82. استفاده از Lighthouse Scoring
• 83. تست عملکرد در برابر حملات DDoS
• 84. تست عملکرد و کش کردن داده‌ها
• 85. بررسی و بهینه‌سازی Lazy Loading برای ویدئوها
• 86. بررسی و بهینه‌سازی Lazy Loading برای داده‌ها
• 87. نقش CDN در بهبود عملکرد
• 88. تاثیر DNS و زمان اتصال بر عملکرد
• 89. بهینه‌سازی رندرینگ متن
• 90. شناخت و مقابله با Bottleneck ها
• 91. ارزیابی و گزارش‌دهی نتایج تست عملکرد
• 92. بهبود عملکرد با استفاده از lazy loading for fonts
• 93. تاثیر استفاده از وب فونت‌ها بر عملکرد
• 94. آشنایی با تکنیک‌های کدنویسی Asynchronous
• 95. مقایسه ابزارها و روش‌های تست عملکرد
• 96. مقایسه و انتخاب فرمت‌های تصویر (WebP, JPEG, PNG)
• 97. نقش سیستم عامل بر عملکرد
• 98. بهینه‌سازی عملکرد با استفاده از React Hooks
• 99. بهینه‌سازی عملکرد با استفاده از Angular Change Detection
• 100. بهینه‌سازی عملکرد با استفاده از Vue reactivity system