فلش‌کارت‌های آموزشی وب‌پک: از صفر تا استادی (Webpack: From Zero to Mastery)

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

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

عنوان دوره: دوره وب‌پک: از صفر تا استادی (Webpack: From Zero to Mastery)

موضوع کلی: توسعه وب

موضوع میانی: ابزارهای ساخت و بسته‌بندی

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

• 1. مقدمه‌ای بر بسته‌بندی ماژول‌ها در وب
• 2. چرا به بسته‌بندی نیاز داریم؟
• 3. معرفی وب‌پک و جایگاه آن در اکوسیستم فرانت‌اند
• 4. نصب و راه‌اندازی وب‌پک
• 5. ساختار یک پروژه وب‌پک
• 6. فایل پیکربندی وب‌پک (webpack.config.js)
• 7. درک مفهوم Entry Point
• 8. درک مفهوم Output
• 9. Loaders: معرفی و کاربردها
• 10. Loaderها: پردازش فایل‌های CSS
• 11. Loaderها: پردازش تصاویر
• 12. Loaderها: پردازش فونت‌ها
• 13. Plugins: معرفی و کاربردها
• 14. Plugins: استخراج CSS به فایل جداگانه
• 15. Plugins: بهینه‌سازی تصاویر
• 16. Plugins: تولید HTML
• 17. Dev Server: راه‌اندازی سرور توسعه
• 18. Hot Module Replacement (HMR)
• 19. Code Splitting: تقسیم کد به بخش‌های کوچکتر
• 20. Lazy Loading: بارگذاری تنبلانه ماژول‌ها
• 21. Caching: مدیریت کش
• 22. استفاده از Babel برای تبدیل کدهای مدرن JavaScript
• 23. پیکربندی Babel با وب‌پک
• 24. مدیریت Assetها با وب‌پک
• 25. استفاده از Source Maps برای دیباگینگ
• 26. بهینه‌سازی وب‌پک برای Production
• 27. Tree Shaking: حذف کدهای استفاده نشده
• 28. Minification: کوچک‌سازی کدها
• 29. استفاده از Webpack Bundle Analyzer
• 30. معرفی Webpack 5 و تغییرات کلیدی
• 31. پیکربندی پیشرفته وب‌پک
• 32. کار با محیط‌های مختلف (Development, Production)
• 33. استفاده از Webpack در پروژه‌های React
• 34. استفاده از Webpack در پروژه‌های Vue.js
• 35. استفاده از Webpack در پروژه‌های Angular
• 36. حل مشکلات رایج در وب‌پک
• 37. به‌روزرسانی وب‌پک و مدیریت وابستگی‌ها
• 38. استفاده از Webpack Chain
• 39. استفاده از Webpack Merge
• 40. آشنایی با ابزارهای جایگزین وب‌پک (Parcel, Rollup)
• 41. مقایسه وب‌پک با سایر ابزارهای بسته‌بندی
• 42. بهترین شیوه‌ها در استفاده از وب‌پک