دوره پیکربندی Babel و وب پک برای جاوااسکریپت مدرن همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره پیکربندی Babel و وب پک برای جاوااسکریپت مدرن

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

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

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

• 1. مقدمه و آشنایی با پیکربندی ابزارها
• 2. مبانی جاوااسکریپت مدرن (ES6+)
• 3. نصب و راه‌اندازی اولیه Node.js و npm
• 4. آشنایی با مفاهیم ماژول‌ها در جاوااسکریپت
• 5. مقدمه‌ای بر Babel: چرا به آن نیاز داریم؟
• 6. نصب و پیکربندی اولیه Babel
• 7. استفاده از Presetهای رایج Babel (es2015, react, etc.)
• 8. پیکربندی فایل .babelrc
• 9. تبدیل سینتکس‌های جدید جاوااسکریپت به نسخه قدیمی‌تر
• 10. پیکربندی Babel برای React و JSX
• 11. اشکال‌زدایی (Debugging) کدهای Babel
• 12. بهینه‌سازی پیکربندی Babel
• 13. مقدمه‌ای بر Webpack: چرا به آن نیاز داریم؟
• 14. نصب و راه‌اندازی اولیه Webpack
• 15. مفاهیم اصلی Webpack: Entry, Output, Loaders, Plugins
• 16. پیکربندی فایل webpack.config.js
• 17. استفاده از Loaders برای پردازش فایل‌های مختلف (CSS, Images)
• 18. پیکربندی CSS Loader و Style Loader
• 19. پیکربندی File Loader و URL Loader برای تصاویر
• 20. مدیریت Assetها در Webpack
• 21. پیکربندی Babel Loader در Webpack
• 22. استفاده از Plugins برای وظایف پیشرفته
• 23. HtmlWebpackPlugin برای تولید خودکار HTML
• 24. CleanWebpackPlugin برای پاکسازی پوشه build
• 25. DefinePlugin برای تعریف متغیرهای محیطی
• 26. Module Federation در Webpack 5
• 27. پیکربندی Webpack برای پروژه‌های React
• 28. مدیریت وضعیت (State Management) در React
• 29. فریم‌ورک‌های UI و کتابخانه‌های کمکی در React
• 30. پیکربندی Webpack برای پروژه‌های Vue.js
• 31. مدیریت وضعیت در Vue.js
• 32. فریم‌ورک‌های UI و کتابخانه‌های کمکی در Vue.js
• 33. پیکربندی Webpack برای پروژه‌های Angular
• 34. مدیریت وضعیت در Angular
• 35. فریم‌ورک‌های UI و کتابخانه‌های کمکی در Angular
• 36. بهینه‌سازی حجم بسته‌ها (Bundle Size Optimization)
• 37. Code Splitting در Webpack
• 38. Lazy Loading ماژول‌ها
• 39. Tree Shaking برای حذف کدهای بلااستفاده
• 40. استفاده از DllPlugin و DllReferencePlugin
• 41. بهینه‌سازی تصاویر در Webpack
• 42. فشرده‌سازی فایل‌ها (Gzip, Brotli)
• 43. Caching در Webpack
• 44. مدیریت Environment Variables (توسعه، تولید)
• 45. استفاده از Webpack Dev Server برای توسعه سریع
• 46. Hot Module Replacement (HMR)
• 47. اشکال‌زدایی (Debugging) در Webpack
• 48. پیکربندی Webpack برای Progressive Web Apps (PWAs)
• 49. Service Workers و Manifest File
• 50. استفاده از Webpack در پروژه‌های Server-Side Rendering (SSR)
• 51. مفاهیم SSR با React (Next.js)
• 52. مفاهیم SSR با Vue.js (Nuxt.js)
• 53. بهینه‌سازی عملکرد SSR با Webpack
• 54. امنیت در پیکربندی Webpack
• 55. مدیریت وابستگی‌ها (Dependency Management)
• 56. ملاحظات امنیتی در استفاده از بسته‌های npm
• 57. پیکربندی Webpack برای TypeScript
• 58. استفاده از ts-loader یا awesome-typescript-loader
• 59. مدیریت خطاها در TypeScript با Webpack
• 60. پیکربندی Webpack برای پروژه‌های Node.js
• 61. استفاده از Webpack در بک‌اند (Backend)
• 62. ملاحظات عملکردی در پیکربندی Webpack برای بک‌اند
• 63. استفاده از Webpack در Microservices
• 64. پیکربندی جداگانه برای هر سرویس
• 65. مدیریت وابستگی‌های مشترک بین سرویس‌ها
• 66. مقدمه‌ای بر Bundlersهای دیگر (Vite, Parcel)
• 67. مقایسه Webpack با Vite
• 68. مقایسه Webpack با Parcel
• 69. انتخاب Bundler مناسب برای پروژه
• 70. پیکربندی پیشرفته Loaders (مثال: Sass Loader)
• 71. پیکربندی پیشرفته Plugins (مثال: CopyWebpackPlugin)
• 72. استفاده از Webpack CLI به صورت مستقیم
• 73. نوشتن پلاگین‌های سفارشی برای Webpack
• 74. نوشتن لودرهای سفارشی برای Webpack
• 75. مدیریت Assetهای فونت در Webpack
• 76. پیکربندی Webpack برای پروژه‌های چند صفحه‌ای
• 77. استفاده از Webpack برای تولید کتابخانه‌های جاوااسکریپت
• 78. مفاهیم Bundle Analysis
• 79. استفاده از ابزارهای تحلیل Bundle (Webpack Bundle Analyzer)
• 80. شناسایی نقاط ضعف در حجم بسته‌ها
• 81. راهکارهای کاهش حجم بسته‌ها بر اساس تحلیل
• 82. پیکربندی Webpack برای Progressive Web Apps (PWAs) - بخش دوم
• 83. استفاده از Workbox در Webpack
• 84. مدیریت Caching پیشرفته در PWAs
• 85. مقدمه‌ای بر مفاهیم CI/CD برای پروژه‌های وب
• 86. ادغام Webpack در پایپ‌لاین‌های CI/CD
• 87. بهینه‌سازی Build Time در محیط CI/CD
• 88. مدیریت نسخه‌بندی Assetها در Webpack
• 89. استفاده از Hashing در نام فایل‌ها
• 90. مدیریت Cache Busting
• 91. پیکربندی Webpack برای Progressive Web Apps (PWAs) - بخش سوم
• 92. استفاده از Manifest File برای قابلیت نصب
• 93. بهبود تجربه کاربری با PWAs
• 94. آشنایی با اکوسیستم Webpack و ابزارهای مرتبط
• 95. مدیریت خطا در پیکربندی Webpack
• 96. بهترین شیوه‌ها در پیکربندی Webpack
• 97. جمع‌بندی و نگاهی به آینده Bundling