فلش‌کارت‌های آموزشی آموزش جامع و کاربردی وب‌پک (Webpack) برای توسعه‌دهندگان وب

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

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

عنوان دوره: دوره آموزش جامع و کاربردی وب‌پک (Webpack) برای توسعه‌دهندگان وب

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

موضوع میانی: ابزارهای مدیریت و بهینه‌سازی دارایی‌های وب (Web Asset Bundling)

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

• 1. مبانی و ضرورت استفاده از ماژول‌بندرها در توسعه وب
• 2. نصب و راه‌اندازی محیط توسعه برای وب‌پک
• 3. ساختار فایل پیکربندی وب‌پک و مفاهیم پایه
• 4. درک مفهوم ماژول‌های جاوااسکریپت و سیستم‌های import و export
• 5. مدیریت وابستگی‌ها و بسته‌های نرم‌افزاری در پروژه
• 6. کار با Entry و Output در تنظیمات وب‌پک
• 7. شناسایی نقش لودرها در پردازش فایل‌های غیرجاوااسکریپتی
• 8. بهینه‌سازی و تبدیل کدهای ES6 به نسخه‌های سازگار با مرورگرها
• 9. کار با Babel برای اطمینان از سازگاری کدهای جاوااسکریپت
• 10. مدیریت و پردازش فایل‌های CSS در وب‌پک
• 11. استفاده از Style Loader و CSS Loader برای تزریق استایل‌ها
• 12. بهینه‌سازی و فشرده‌سازی فایل‌های CSS
• 13. کار با فایل‌های تصویری و دارایی‌های استاتیک در وب‌پک
• 14. استفاده از Asset Modules برای مدیریت بهینه تصاویر و فونت‌ها
• 15. مفهوم پلاگین‌ها در وب‌پک و نحوه عملکرد آن‌ها
• 16. کار با HtmlWebpackPlugin برای تولید خودکار فایل‌های HTML
• 17. مدیریت متغیرهای محیطی در تنظیمات وب‌پک
• 18. استفاده از CleanWebpackPlugin برای پاک‌سازی پوشه خروجی
• 19. ایجاد و مدیریت فایل‌های تنظیمات مجزا برای محیط توسعه و تولید
• 20. بهینه‌سازی عملکرد با استفاده از حالت Production
• 21. فشرده‌سازی کدها با TerserWebpackPlugin
• 22. تقسیم کدها و مفاهیم Code Splitting برای افزایش سرعت بارگذاری
• 23. شناسایی و حذف کدهای بدون استفاده با Tree Shaking
• 24. استفاده از Webpack Dev Server برای مشاهده تغییرات در لحظه
• 25. راهکارهای رفع خطا و دیباگ کردن در فرآیند باندلینگ
• 26. کار با Source Maps برای عیب‌یابی دقیق کدها
• 27. مدیریت کش مرورگر با استفاده از Content Hashing
• 28. استفاده از Alias برای ساده‌سازی آدرس‌دهی فایل‌ها در پروژه
• 29. بهینه‌سازی بارگذاری تنبل یا Lazy Loading در برنامه‌های وب
• 30. کار با ماژول‌های CSS برای جلوگیری از تداخل استایل‌ها
• 31. بررسی و تحلیل حجم باندل نهایی با Webpack Bundle Analyzer
• 32. تکنیک‌های پیشرفته در مدیریت وابستگی‌های حجیم
• 33. یکپارچه‌سازی وب‌پک با فریم‌ورک‌های مدرن جاوااسکریپت
• 34. استفاده از کتابخانه‌های خارجی و مدیریت آن‌ها در وب‌پک
• 35. ایجاد تنظیمات سفارشی برای پروژه‌های مقیاس بزرگ
• 36. بهترین شیوه‌های مستندسازی تنظیمات وب‌پک
• 37. ارتقای نسخه‌های وب‌پک و مدیریت تغییرات در پروژه‌های قدیمی
• 38. تأمین امنیت در فرآیند باندلینگ و مدیریت وابستگی‌های امن
• 39. استفاده از ویژگی‌های کشینگ برای افزایش سرعت بیلد
• 40. ارائه خروجی‌های بهینه برای مرورگرهای مختلف