فلش‌کارت‌های آموزشی ساخت برنامه‌های وب فوق‌العاده سریع با جاوااسکریپت

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب ساخت برنامه‌های وب فوق‌العاده سریع با جاوااسکریپت

موضوع کلی: بهینه‌سازی عملکرد جاوااسکریپت

موضوع میانی: تکنیک‌های پیشرفته برای افزایش سرعت و کارایی کد

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

• 1. مقدمه: اهمیت سرعت در وب
• 2. چرا سرعت وب مهم است؟
• 3. تأثیر سرعت بر تجربه کاربری (UX)
• 4. تأثیر سرعت بر سئو (SEO)
• 5. تأثیر سرعت بر تبدیل (Conversion)
• 6. معرفی کتاب "Mastering JavaScript High Performance"
• 7. اهداف دوره
• 8. آنچه خواهید آموخت
• 9. بخش اول: مبانی عملکرد جاوااسکریپت
• 10. درک موتور V8 کروم
• 11. کامپایل JIT (Just-In-Time)
• 12. حافظه پنهان (Cache) موتور V8
• 13. مدیریت حافظه در جاوااسکریپت
• 14. جمع‌آوری زباله (Garbage Collection)
• 15. الگوهای حافظه کارآمد
• 16. شناخت سربار (Overhead)
• 17. تعریف توابع و متغیرها
• 18. توابع فلش (Arrow Functions)
• 19. توابع عادی (Regular Functions)
• 20. تفاوت‌های عملکردی توابع
• 21. استفاده از `const` و `let` به جای `var`
• 22. تفاوت‌های `var` و `let`
• 23. محدوده (Scope) متغیرها
• 24. توابع و ماژول‌ها
• 25. نحوه بارگذاری (Loading) کد
• 26. درخواست‌های HTTP و بارگذاری اسکریپت
• 27. تأثیر ترتیب بارگذاری
• 28. `async` و `defer` در تگ `<script>`
• 29. مزایا و معایب `async` و `defer`
• 30. بارگذاری تنبل (Lazy Loading)
• 31. بارگذاری تنبل تصاویر
• 32. بارگذاری تنبل ویدئوها
• 33. بارگذاری تنبل کامپوننت‌ها
• 34. بخش دوم: بهینه‌سازی رندرینگ و DOM
• 35. درک چرخه حیات رندرینگ مرورگر
• 36. فازهای Layout و Paint
• 37. اصول DOM (Document Object Model)
• 38. کارایی دسترسی به DOM
• 39. تکنیک‌های بهینه‌سازی دسترسی به DOM
• 40. استفاده از `querySelector` و `querySelectorAll`
• 41. تفاوت‌های عملکردی
• 42. کاهش دستکاری DOM
• 43. تکنیک‌های کاهش دستکاری DOM
• 44. استفاده از DocumentFragment
• 45. به‌روزرسانی دسته‌ای (Batch Updates)
• 46. بازسازی DOM (DOM Re-creation)
• 47. مدل Virtual DOM
• 48. مفهوم Virtual DOM
• 49. کتابخانه‌های Virtual DOM (React, Vue)
• 50. تفاوت‌های عملکردی Virtual DOM
• 51. تکنیک‌های Virtual DOM
• 52. بهینه‌سازی رندرینگ در فریم‌ورک‌ها
• 53. React: `useMemo`, `useCallback`
• 54. Vue: `computed`, `watch`
• 55. Svelte: کامپایل در زمان ساخت
• 56. بهینه‌سازی لیست‌ها
• 57. کلیدها (Keys) در لیست‌ها
• 58. بهینه‌سازی رندرینگ لیست‌های طولانی
• 59. پنجره‌بندی (Windowing)
• 60. درخت‌سازی (Tree Shaking)
• 61. تکنیک‌های درخت‌سازی
• 62. حذف کد مرده (Dead Code Elimination)
• 63. بهینه‌سازی CSS
• 64. CSS-in-JS
• 65. مزایا و معایب CSS-in-JS
• 66. بهینه‌سازی انیمیشن‌ها
• 67. انیمیشن‌های CSS
• 68. انیمیشن‌های JavaScript
• 69. استفاده از `requestAnimationFrame`
• 70. تکنیک‌های بهینه‌سازی انیمیشن
• 71. جلوگیری از بازنشانی Layoyt (Layout Thrashing)
• 72. شناخت Layout Thrashing
• 73. تکنیک‌های جلوگیری از Layout Thrashing
• 74. بخش سوم: بهینه‌سازی شبکه و داده
• 75. کاهش حجم فایل‌های JavaScript
• 76. فشرده‌سازی (Minification)
• 77. باندل‌سازی (Bundling)
• 78. تقسیم کد (Code Splitting)
• 79. بارگذاری تدریجی (Code Splitting)
• 80. بهینه‌سازی تصاویر
• 81. فرمت‌های تصویر مدرن (WebP, AVIF)
• 82. تصاویر واکنشی (Responsive Images)
• 83. فشرده‌سازی تصاویر
• 84. بارگذاری تنبل تصاویر (Lazy Loading Images)
• 85. بهینه‌سازی فونت‌ها
• 86. فونت‌های وب (Web Fonts)
• 87. فشرده‌سازی فونت‌ها
• 88. فرمت‌های فونت مدرن (WOFF2)
• 89. بارگذاری فونت‌ها
• 90. بهینه‌سازی درخواست‌های HTTP
• 91. HTTP/2 و HTTP/3
• 92. Multiplexing و Header Compression
• 93. Caching (کش) مرورگر
• 94. Cache-Control و ETag
• 95. Service Workers
• 96. قابلیت‌های Service Workers
• 97. Progressive Web Apps (PWAs)
• 98. Performance Monitoring (نظارت بر عملکرد)
• 99. ابزارهای توسعه‌دهنده مرورگر
• 100. Lighthouse