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

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

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

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

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

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

• 1. مقدمه‌ای بر عملکرد وب (Web Performance)
• 2. چرا عملکرد مهم است: تجربه کاربری، سئو و نرخ تبدیل
• 3. تفاوت عملکرد درک شده توسط کاربر و معیارهای واقعی
• 4. نقش حیاتی فرانت‌اند در عملکرد کلی وب‌سایت
• 5. آشنایی با گلوگاه‌های رایج عملکرد در فرانت‌اند
• 6. تعریف اهداف عملکرد و بودجه عملکرد (Performance Budget)
• 7. مبانی شبکه برای توسعه‌دهندگان فرانت‌اند
• 8. معرفی Core Web Vitals (معیارهای حیاتی وب)
• 9. معیار Largest Contentful Paint (LCP): تعریف و اندازه‌گیری
• 10. معیار First Input Delay (FID) و جایگزین آن Interaction to Next Paint (INP)
• 11. معیار Cumulative Layout Shift (CLS): جلوگیری از پرش‌های بصری
• 12. معیار First Contentful Paint (FCP)
• 13. معیار Time to First Byte (TTFB) و ارتباط آن با فرانت‌اند
• 14. معیار Time to Interactive (TTI)
• 15. معیار Total Blocking Time (TBT)
• 16. معیار Speed Index
• 17. تفاوت داده‌های آزمایشگاهی (Lab Data) و داده‌های میدانی (Field Data)
• 18. معرفی ابزارهای توسعه‌دهنده مرورگر (Browser DevTools)
• 19. تحلیل عملکرد با پنل Network در DevTools
• 20. پروفایل‌گیری و تحلیل با پنل Performance در DevTools
• 21. آشنایی با ابزار Lighthouse و نحوه استفاده از آن
• 22. تفسیر گزارش‌های Lighthouse برای بهبود عملکرد
• 23. مقدمه‌ای بر ابزار WebPageTest
• 24. تحلیل آبشاری (Waterfall Analysis) در WebPageTest
• 25. تست روی دستگاه‌ها و شبکه‌های مختلف
• 26. استفاده از Google PageSpeed Insights
• 27. ابزارهای مانیتورینگ مصنوعی (Synthetic Monitoring)
• 28. ابزارهای مانیتورینگ کاربر واقعی (Real User Monitoring – RUM)
• 29. استراتژی‌های تست عملکرد: دستی در مقابل خودکار
• 30. تنظیم یک خط پایه (Baseline) برای عملکرد
• 31. تست رگرسیون (Regression Testing) برای عملکرد
• 32. ادغام تست‌های عملکرد در فرآیند CI/CD
• 33. درک مسیر رندرینگ حیاتی (Critical Rendering Path)
• 34. ساخت DOM و CSSOM
• 35. درخت رندر، چیدمان (Layout) و نقاشی (Paint)
• 36. منابع مسدودکننده رندر (Render-Blocking Resources)
• 37. بهینه‌سازی تحویل CSS
• 38. استفاده بهینه از تگ‌های async و defer برای اسکریپت‌ها
• 39. بهینه‌سازی تصاویر: فرمت‌های مناسب (WebP, AVIF)
• 40. بهینه‌سازی تصاویر: فشرده‌سازی و ابعاد صحیح
• 41. پیاده‌سازی تصاویر واکنش‌گرا (Responsive Images)
• 42. تکنیک بارگذاری تنبل (Lazy Loading) برای تصاویر و iframeها
• 43. بهینه‌سازی فونت‌های وب (WOFF2, font-display)
• 44. بهینه‌سازی فایل‌های SVG
• 45. بهینه‌سازی ویدیو برای وب
• 46. کوچک‌سازی (Minification) فایل‌های CSS, JS و HTML
• 47. فشرده‌سازی با Gzip و Brotli
• 48. مبانی کشینگ مرورگر (Browser Caching)
• 49. استفاده از هدرهای Cache-Control و ETag
• 50. استراتژی‌های مختلف کشینگ
• 51. نقش شبکه‌های توزیع محتوا (CDN) در بهبود عملکرد
• 52. مقدمه‌ای بر HTTP/2 و HTTP/3
• 53. کاهش جستجوهای DNS با dns-prefetch
• 54. استفاده از preconnect برای اتصالات سریع‌تر
• 55. پیش‌بارگذاری منابع حیاتی با preload و prefetch
• 56. تحلیل و بهینه‌سازی اسکریپت‌های شخص ثالث (Third-Party Scripts)
• 57. مفهوم Code Splitting و پیاده‌سازی آن
• 58. تکنیک Tree Shaking برای حذف کدهای مرده
• 59. تأثیر جاوا اسکریپت بر عملکرد CPU
• 60. آشنایی با Event Loop و تأثیر آن بر عملکرد
• 61. جلوگیری از وظایف طولانی (Long Tasks) در جاوا اسکریپت
• 62. تحلیل و پروفایل‌گیری اجرای جاوا اسکریپت
• 63. مدیریت حافظه در جاوا اسکریپت
• 64. شناسایی و رفع نشت حافظه (Memory Leaks)
• 65. بهینه‌سازی حلقه‌ها و محاسبات سنگین
• 66. تکنیک‌های Debouncing و Throttling برای رویدادها
• 67. دستکاری بهینه DOM
• 68. مفهوم Layout Thrashing و روش‌های جلوگیری از آن
• 69. استفاده از Web Workers برای پردازش‌های پس‌زمینه
• 70. عملکرد انیمیشن‌ها: CSS Transitions/Animations در مقابل JavaScript
• 71. استفاده از خاصیت CSS will-change
• 72. ملاحظات عملکردی در Single Page Applications (SPA)
• 73. عملکرد رندر سمت سرور (SSR)
• 74. عملکرد رندر سمت کلاینت (CSR)
• 75. عملکرد تولید سایت استاتیک (SSG)
• 76. مفهوم Hydration و تأثیر آن بر عملکرد
• 77. الگوهای بارگذاری داده و تأثیر آن بر TTI
• 78. تست عملکرد در React: Profiler و memoization
• 79. تست عملکرد در Vue: Computed Properties و Watchers
• 80. تست عملکرد در Angular: Change Detection و OnPush
• 81. معرفی کتابخانه‌های مدرن برای مدیریت State و عملکرد
• 82. تست عملکرد در حالت آفلاین و شبکه‌های ضعیف
• 83. مبانی Progressive Web Apps (PWA) و عملکرد
• 84. استفاده از Service Workers برای کشینگ پیشرفته
• 85. ارزیابی عملکرد APIهای فرانت‌اند (REST, GraphQL)
• 86. کاهش حجم Payload درخواست‌ها
• 87. مانیتورینگ مداوم عملکرد در محیط Production
• 88. تنظیم هشدار (Alerting) برای افت عملکرد
• 89. ارتباط دادن معیارهای عملکرد با معیارهای کسب‌وکار
• 90. ایجاد فرهنگ عملکرد در تیم توسعه
• 91. ارائه گزارش‌های عملکرد به مدیران و ذی‌نفعان
• 92. مطالعه موردی: تحلیل و بهینه‌سازی یک وب‌سایت واقعی (بخش اول)
• 93. مطالعه موردی: تحلیل و بهینه‌سازی یک وب‌سایت واقعی (بخش دوم)
• 94. آینده عملکرد وب: WebAssembly, WebGPU و فراتر از آن
• 95. جمع‌بندی و ارائه یک چک‌لیست نهایی برای تست عملکرد
• 96. **بهینه‌سازی تصاویر: فرمت‌ها، فشرده‌سازی و تکنیک‌های Responsive Images**
• 97. **Lazy Loading: تکنیک‌ها و استراتژی‌ها برای بارگذاری تنبل منابع**
• 98. **Performance Monitoring و ابزارهای Real User Monitoring (RUM)**
• 99. **آشنایی با معماری Micro-Frontend و تاثیر آن بر عملکرد**
• 100. **بهینه‌سازی Webpack و Bundle Splitting برای بهبود زمان بارگذاری**

📚 محتوای این محصول آموزشی (پکیج کامل)

🎁 محتویات کامل بسته دانلودی

• ویدیوهای آموزشی فارسی — آموزش قدم‌به‌قدم، کاربردی و قابل فهم
• پادکست‌های صوتی فارسی — توضیح مفاهیم کلیدی و نکات تکمیلی
• کتاب PDF فارسی — شامل کلیهٔ سرفصل‌ها و محتوای آموزشی
• کتاب خلاصه نکات ویدیوها و پادکست‌ها – نسخه PDF — مناسب مرور سریع و جمع‌بندی مباحث
• کتاب صدها نکته فارسی (خودمونی) – نسخه PDF — زبان ساده و کاربردی
• کتاب صدها نکته رسمی فارسی – نسخه PDF — نگارش استاندارد، علمی و مناسب چاپ
• کتاب صدها پرسش و پاسخ تشریحی – نسخه PDF
  — هر سؤال بلافاصله همراه با پاسخ کامل و شفاف ارائه شده است؛ مناسب درک عمیق مفاهیم و رفع ابهام.
• کتاب صدها پرسش و پاسخ چهارگزینه‌ای – نسخه PDF (نسخه یادگیری سریع)
  — پاسخ‌ها بلافاصله پس از سؤال قرار دارند؛ مناسب یادگیری سریع و تثبیت مطالب.
• کتاب صدها پرسش و پاسخ چهارگزینه‌ای – نسخه PDF (نسخه خودآزمایی پایان‌بخش)
  — پاسخ‌ها در انتهای هر بخش آمده‌اند؛ مناسب آزمون واقعی و سنجش میزان یادگیری.
• کتاب تمرین‌های درست / نادرست (True / False) – نسخه PDF
  — مناسب افزایش دقت مفهومی و تشخیص صحیح یا نادرست بودن گزاره‌ها.
• کتاب تمرین‌های جای خالی – نسخه PDF
  — تقویت یادگیری فعال و تسلط بر مفاهیم و اصطلاحات کلیدی.

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل آموزش تصویری، صوتی، کتاب‌ها، تمرین‌ها و خودآزمایی .

---

ℹ️ نکات مهم هنگام خرید

• این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
• تمامی فایل‌ها و کتاب‌ها کاملاً فارسی هستند.
• توجه: لینک‌های اختصاصی دوره طی ۴۸ ساعت پس از ثبت سفارش ارسال می‌شوند.
• نیازی به درج شماره موبایل نیست؛ اما برای پشتیبانی سریع‌تر توصیه می‌شود.
• در صورت بروز مشکل در دانلود با شماره 09395106248 تماس بگیرید.
• اگر پرداخت انجام شده ولی لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا پیامک: 09395106248
تلگرام: @ma_limbs