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

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

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

عنوان دوره: دوره جامع پیکربندی و بهینه‌سازی پروژه‌های وب با Webpack 5

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

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

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

• 1. مبانی و ضرورت استفاده از ماژول‌بندرها در توسعه وب مدرن
• 2. آشنایی با معماری و مفاهیم پایه در Webpack 5
• 3. نصب و راه‌اندازی محیط توسعه برای پروژه‌های فرانت‌اند
• 4. ساختار فایل پیکربندی webpack.config.js
• 5. مفهوم Entry و Output در مدیریت فایل‌های پروژه
• 6. درک چرخه‌حیات ماژول‌ها و نحوه کارکرد Dependency Graph
• 7. استفاده از Loaders برای پردازش فایل‌های CSS و SASS
• 8. مدیریت و بهینه‌سازی دارایی‌های تصویری و فونت‌ها
• 9. کار با Babel برای سازگاری کدهای جاوااسکریپت با مرورگرها
• 10. استفاده از Plugins برای گسترش قابلیت‌های Webpack
• 11. مدیریت محیط‌های توسعه و تولید با Modeهای مختلف
• 12. پیاده‌سازی Webpack Dev Server برای افزایش سرعت توسعه
• 13. مدیریت متغیرهای محیطی با Dotenv
• 14. بهینه‌سازی کدهای جاوااسکریپت با استفاده از Minification
• 15. جداسازی کدها و استفاده از Code Splitting برای کاهش حجم نهایی
• 16. بهینه‌سازی منابع CSS با استفاده از Mini CSS Extract Plugin
• 17. مدیریت حافظه کش مرورگر با استفاده از Hashing در نام‌گذاری فایل‌ها
• 18. بهینه‌سازی عملکرد با استفاده از Tree Shaking
• 19. مدیریت وابستگی‌های خارجی با استفاده از Externals
• 20. ایجاد قالب‌های HTML پویا با HtmlWebpackPlugin
• 21. آشنایی با مفاهیم Asset Modules در Webpack 5
• 22. استفاده از Source Maps برای عیب‌یابی دقیق کدها
• 23. بررسی و تحلیل حجم بسته نهایی با Bundle Analyzer
• 24. بهینه‌سازی سرعت بارگذاری با Code Splitting مبتنی بر مسیر
• 25. مدیریت ماژول‌های مشترک با استفاده از SplitChunksPlugin
• 26. آشنایی با مفاهیم Lazy Loading در برنامه‌های تک‌صفحه‌ای
• 27. پیاده‌سازی پیکربندی‌های چندگانه برای پروژه‌های پیچیده
• 28. بهینه‌سازی تصاویر با استفاده از Image Minimizer Plugin
• 29. استفاده از DefinePlugin برای تزریق مقادیر در زمان کامپایل
• 30. مدیریت خطاهای رایج در فرآیند Build و رفع آن‌ها
• 31. اصول تست و اعتبارسنجی خروجی‌های Webpack
• 32. بهینه‌سازی فرآیند ساخت برای پروژه‌های بزرگ مقیاس
• 33. یکپارچه‌سازی Webpack با ابزارهای مدیریت نسخه
• 34. اصول نگهداری و بروزرسانی پیکربندی‌های Webpack
• 35. استراتژی‌های پیشرفته برای کاهش زمان Build در پروژه‌های سنگین
• 36. بهترین روش‌های سازماندهی فایل‌ها در پروژه‌های فرانت‌اند مبتنی بر Webpack