فلش‌کارت‌های آموزشی بهینه‌سازی عملکرد با وب پک: Code Splitting و Tree Shaking

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

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

عنوان دوره: دوره بهینه‌سازی عملکرد با وب پک: Code Splitting و Tree Shaking

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

موضوع میانی: وب پک (Webpack)

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

• 1. مقدمه‌ای بر وب‌پک و مفاهیم بسته‌بندی
• 2. نصب و پیکربندی وب‌پک
• 3. درک فایل پیکربندی وب‌پک (webpack.config.js)
• 4. لودرها: مقدمه و کاربردها
• 5. لودرهای رایج: Babel برای تبدیل کد ES6+
• 6. لودرهای رایج: CSS Loaders و Style Loaders
• 7. لودرهای رایج: Image و File Loaders
• 8. پلاگین‌ها: مقدمه و کاربردها
• 9. پلاگین‌های رایج: HTML Webpack Plugin
• 10. پلاگین‌های رایج: MiniCssExtractPlugin
• 11. مدیریت دارایی‌ها: تصاویر، فونت‌ها و فایل‌های دیگر
• 12. مفاهیم کد اسپلیتینگ (Code Splitting)
• 13. کد اسپلیتینگ مبتنی بر مسیر (Route-Based Code Splitting)
• 14. کد اسپلیتینگ مبتنی بر درخواست (Demand-Based Code Splitting)
• 15. کد اسپلیتینگ با استفاده از Dynamic Imports
• 16. درک Tree Shaking و حذف کد استفاده‌نشده
• 17. بهینه‌سازی کد با استفاده از UglifyJS Plugin
• 18. بهینه‌سازی کد با استفاده از Terser Plugin
• 19. استفاده از Source Maps برای دیباگینگ
• 20. Caching و بهینه‌سازی عملکرد وب‌سایت
• 21. استفاده از Webpack Dev Server برای توسعه
• 22. تنظیمات پیشرفته Webpack Dev Server
• 23. مدیریت محیط‌های توسعه و تولید
• 24. استفاده از متغیرهای محیطی در وب‌پک
• 25. بهینه‌سازی آیکون‌ها و SVGها
• 26. استفاده از Webpack Bundle Analyzer
• 27. عیب‌یابی مشکلات رایج وب‌پک
• 28. به‌روزرسانی وب‌پک و وابستگی‌ها
• 29. ادغام وب‌پک با فریم‌ورک‌های جاوااسکریپت (React, Vue, Angular)
• 30. وب‌پک و Typescript
• 31. استفاده از Babel برای پشتیبانی از مرورگرهای قدیمی‌تر
• 32. تحلیل و بهینه‌سازی حجم بسته‌ها (Bundle Size)
• 33. بهینه‌سازی تصاویر برای وب
• 34. استفاده از Lazy Loading برای بهبود زمان بارگذاری
• 35. استفاده از CDNها برای توزیع دارایی‌ها
• 36. امنیت در وب‌پک: محافظت از کد در برابر دستکاری
• 37. استفاده از Hash در نام فایل‌ها برای Cache Busting
• 38. پیکربندی پیشرفته لودرها و پلاگین‌ها
• 39. استفاده از aliasها برای مدیریت مسیرهای فایل
• 40. استفاده از resolve برای سفارشی‌سازی نحوه یافتن ماژول‌ها
• 41. استفاده از DefinePlugin برای تعریف متغیرهای ثابت
• 42. استفاده از Module Federation برای به اشتراک گذاری کد بین برنامه‌ها
• 43. استفاده از Webpack Scope Hoisting Plugin
• 44. بهینه‌سازی زمان ساخت (Build Time)
• 45. استفاده از Parallel Webpack برای ساخت موازی
• 46. استفاده از Cache-Loader برای کش کردن لودرها
• 47. استفاده از HardSourceWebpackPlugin برای کش کردن ماژول‌ها
• 48. مدیریت وابستگی‌ها با npm و yarn
• 49. بهینه‌سازی برای تولید (Production Optimization)
• 50. استفاده از Code Compression (Gzip, Brotli)
• 51. استفاده از Web Workers برای اجرای کد در پس‌زمینه
• 52. Webpack و Server-Side Rendering (SSR)
• 53. Webpack و Static Site Generation (SSG)
• 54. به‌روزرسانی‌های اخیر وب‌پک و ویژگی‌های جدید
• 55. بهترین روش‌ها برای استفاده از وب‌پک
• 56. معرفی ابزارهای جانبی وب‌پک (Webpack tooling)
• 57. استفاده از Webpack CLI برای مدیریت وظایف
• 58. ادغام وب‌پک با CI/CD pipelines
• 59. نوشتن لودر و پلاگین سفارشی
• 60. درک عمیق‌تر از مفهوم ماژول‌ها در وب‌پک
• 61. بهینه‌سازی برای پروژه‌های بزرگ
• 62. استفاده از Webpack Virtual Modules
• 63. استفاده از Webpack Chunks
• 64. Webpack و Accessibility (دسترسی‌پذیری)
• 65. Webpack و Performance Monitoring
• 66. Webpack و Progressive Web Apps (PWAs)
• 67. Webpack و WebAssembly
• 68. Webpack و HTTP/2
• 69. Webpack و Core Web Vitals
• 70. Webpack و Image Optimization Tools
• 71. Webpack و Font Optimization Tools
• 72. Webpack و Code Coverage
• 73. Webpack و Linting
• 74. Webpack و Formatting
• 75. Webpack و Testing
• 76. Webpack و Documentation Generation
• 77. Webpack و Version Control
• 78. Webpack و Collaboration
• 79. Webpack و Debugging Tools
• 80. Webpack و Profiling Tools
• 81. Webpack و Automation
• 82. Webpack و Monitoring
• 83. Webpack و Alerting
• 84. Webpack و Reporting
• 85. Webpack و Analytics
• 86. Webpack و Security Auditing
• 87. Webpack و Compliance
• 88. Webpack و Governance
• 89. Webpack و Standardization
• 90. Webpack و Best Practices
• 91. Webpack و Future Trends
• 92. Webpack و Emerging Technologies
• 93. Webpack و Community Resources
• 94. Webpack و Support
• 95. Webpack و Documentation
• 96. Webpack و Tutorials
• 97. Webpack و Examples
• 98. Webpack و Case Studies
• 99. Webpack و Workshops
• 100. Webpack و Conferences