فلش‌کارت‌های آموزشی وب پک ۵: تمام ویژگی‌های جدید

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

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

عنوان دوره: دوره وب پک ۵: تمام ویژگی‌های جدید

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

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

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

• 1. معماری Webpack 5 و تغییرات اصلی نسبت به Webpack 4
• 2. نصب و راه‌اندازی Webpack 5
• 3. ساختار فایل پیکربندی در Webpack 5
• 4. مفهوم Entry و تنظیم نقاط ورود
• 5. مفهوم Output و مدیریت فایل‌های خروجی
• 6. Module و نحوه پردازش وابستگی‌ها
• 7. بهبودهای سیستم Module در Webpack 5
• 8. Asset Modules و جایگزینی Loaderهای قدیمی
• 9. مدیریت تصاویر با Asset Modules
• 10. مدیریت فونت‌ها و فایل‌های رسانه‌ای با Asset Modules
• 11. استفاده از asset/resource در Webpack 5
• 12. استفاده از asset/inline در Webpack 5
• 13. استفاده از asset/source در Webpack 5
• 14. تنظیم asset/auto برای تشخیص خودکار نوع فایل
• 15. بهینه‌سازی تولید Assetها
• 16. بهبود Tree Shaking در Webpack 5
• 17. استفاده از Side Effects برای حذف کدهای غیرضروری
• 18. بهبود Module Concatenation
• 19. بهینه‌سازی کدهای CommonJS و ES Modules
• 20. فعال‌سازی Persistent Caching
• 21. ساختار File System Cache در Webpack 5
• 22. تنظیم Cache Type و Cache Directory
• 23. مدیریت Cache در محیط توسعه
• 24. مدیریت Cache در محیط Production
• 25. Invalidation و اعتبارسنجی Cache
• 26. تأثیر Persistent Caching بر سرعت Build
• 27. Webpack 5 و Module Federation
• 28. مفاهیم Micro Frontends با Module Federation
• 29. تعریف Remote و Host در Module Federation
• 30. اشتراک‌گذاری Moduleها بین پروژه‌ها
• 31. تنظیم Shared Dependencies
• 32. مدیریت Singleton در Module Federation
• 33. اشتراک‌گذاری نسخه‌های وابستگی
• 34. Lazy Loading در Module Federation
• 35. ارتباط Module Federation با معماری Micro Frontend
• 36. تولید Bundleهای مستقل با Module Federation
• 37. استفاده از Webpack 5 برای Dynamic Imports
• 38. Code Splitting در Webpack 5
• 39. SplitChunks و تنظیمات جدید آن
• 40. تولید Chunkهای بهینه‌تر
• 41. Chunk Graph و مدیریت وابستگی‌ها
• 42. Module Graph در Webpack 5
• 43. بهبود الگوریتم‌های Chunking
• 44. نام‌گذاری و مدیریت Chunkها
• 45. Runtime Chunk و بهینه‌سازی Runtime
• 46. بهبود Long Term Caching
• 47. Deterministic Module IDs
• 48. Deterministic Chunk IDs
• 49. بهینه‌سازی Hashها در Webpack 5
• 50. Content Hash و Cache Busting
• 51. بهبود مدیریت وابستگی‌های تکراری
• 52. Resolve و تغییرات آن در Webpack 5
• 53. بهبود Resolver و مدیریت مسیرها
• 54. Resolve by Extension در Webpack 5
• 55. Alias و تنظیم مسیرهای سفارشی
• 56. Browser Compatibility و Target
• 57. تنظیمات جدید Target در Webpack 5
• 58. پشتیبانی از Web Platform APIs
• 59. Node.js Polyfills و تغییرات Webpack 5
• 60. حذف Polyfillهای خودکار Node.js
• 61. مدیریت دستی Polyfillهای Node.js
• 62. Fallback برای ماژول‌های Node.js
• 63. بررسی Breaking Changeهای مربوط به Polyfill
• 64. بهبود Webpack Dev Server و توسعه محلی
• 65. Hot Module Replacement در Webpack 5
• 66. بهینه‌سازی فرآیند Development Build
• 67. تغییرات Source Map در Webpack 5
• 68. تنظیم Devtool برای محیط توسعه
• 69. تنظیم Devtool برای Production
• 70. بهبود Error و Warningهای Compiler
• 71. تفسیر خطاهای Compilation در Webpack 5
• 72. Infrastructure Logging در Webpack 5
• 73. تنظیم سطح و مقصد Logging
• 74. Webpack 5 و Environment Variables
• 75. DefinePlugin و استفاده از ثابت‌های زمان Build
• 76. Environment-Specific Configuration
• 77. مدیریت پیکربندی Development و Production
• 78. استفاده از Webpack Configuration Function
• 79. ترکیب چند Configuration با Webpack 5
• 80. بهینه‌سازی Production Build
• 81. Minification و Terser در Webpack 5
• 82. بهینه‌سازی CSS و Assetها
• 83. پاک‌سازی فایل‌های خروجی با Output Management
• 84. بهبود عملکرد Build با Parallel Processing
• 85. تنظیمات Performance Hints
• 86. تحلیل Bundle با ابزارهای سازگار با Webpack 5
• 87. Webpack 5 و WebAssembly
• 88. بارگذاری WebAssembly Moduleها
• 89. پیکربندی Async WebAssembly
• 90. استفاده از WebAssembly در پروژه‌های مدرن
• 91. Webpack 5 و Workerها
• 92. مدیریت Web Worker با Worker Syntax
• 93. Code Splitting برای Workerها
• 94. بهینه‌سازی Bundleهای Worker
• 95. Webpack 5 و JSON Modules
• 96. مدیریت Dynamic Dependencies
• 97. مدیریت External Dependencies
• 98. تنظیم Externals در Webpack 5
• 99. کتابخانه‌سازی با Webpack 5
• 100. تولید خروجی برای چند نوع Module