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

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

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

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

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

موضوع میانی: جاوا اسکریپت (JavaScript)

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

• 1. مقدمه‌ای بر برنامه‌نویسی
• 2. مبانی جاوا اسکریپت
• 3. مفهوم متغیرها در جاوا اسکریپت
• 4. انواع داده‌های اساسی در جاوا اسکریپت
• 5. عملگرها در جاوا اسکریپت
• 6. ساختارهای کنترلی: شرط‌ها (if, else, switch)
• 7. حلقه‌ها (for, while, do-while)
• 8. توابع در جاوا اسکریپت
• 9. مفهوم Scope در جاوا اسکریپت
• 10. توابع Arrow در جاوا اسکریپت
• 11. مفهوم Closures در جاوا اسکریپت
• 12. اشیاء (Objects) در جاوا اسکریپت
• 13. آرایه‌ها (Arrays) در جاوا اسکریپت
• 14. متدهای آرایه (map, filter, reduce)
• 15. کلاس‌ها (Classes) در جاوا اسکریپت (ES6+)
• 16. مفهوم Inheritance در جاوا اسکریپت
• 17. Promises در جاوا اسکریپت
• 18. Async/Await در جاوا اسکریپت
• 19. ماژول‌ها (Modules) در جاوا اسکریپت (ES Modules)
• 20. مقدمه‌ای بر Node.js
• 21. نصب Node.js و npm
• 22. آشنایی با Package.json
• 23. مفهوم Bundling
• 24. چرا به Bundler نیاز داریم؟
• 25. معرفی Webpack
• 26. نصب Webpack
• 27. مفهوم Entry Point در Webpack
• 28. مفهوم Output در Webpack
• 29. نحوه پیکربندی اولیه Webpack (webpack.config.js)
• 30. Loader ها در Webpack
• 31. آشنایی با File-loader
• 32. استفاده از Babel-loader برای transpiling
• 33. استفاده از CSS-loader
• 34. استفاده از Style-loader
• 35. پیکربندی Loader ها در webpack.config.js
• 36. Plugins در Webpack
• 37. HtmlWebpackPlugin
• 38. MiniCssExtractPlugin
• 39. CleanWebpackPlugin
• 40. استفاده از Plugins در webpack.config.js
• 41. توسعه و Build در Webpack
• 42. حالت Development vs Production
• 43. Webpack Dev Server
• 44. Hot Module Replacement (HMR)
• 45. بهینه‌سازی Assets
• 46. فشرده‌سازی (Minification)
• 47. Code Splitting
• 48. Lazy Loading
• 49. Code Splitting با import()
• 50. Code Splitting با Webpack
• 51. مدیریت منابع (Assets)
• 52. تصاویر (Images)
• 53. فونت‌ها (Fonts)
• 54. استفاده از Webpack برای فریم‌ورک‌های مدرن
• 55. تنظیمات Webpack برای React
• 56. تنظیمات Webpack برای Vue.js
• 57. تنظیمات Webpack برای Angular
• 58. پیکربندی برای TypeScript
• 59. استفاده از Ts-loader
• 60. تنظیمات Webpack برای TypeScript
• 61. مدیریت Environment Variables
• 62. تفاوت بین Dev و Prod Environments
• 63. استفاده از DefinePlugin
• 64. استفاده از Dotenv Plugin
• 65. تست در پروژه‌های مدرن
• 66. تنظیمات Webpack برای تست
• 67. آشنایی با Jest
• 68. یکپارچه‌سازی Jest با Webpack
• 69. امنیت در Webpack
• 70. بهینه‌سازی امنیتی Webpack
• 71. مباحث پیشرفته Webpack
• 72. Custom Loaders
• 73. Custom Plugins
• 74. Webpack Internals
• 75. Performance Tuning
• 76. Monitoring Webpack Builds
• 77. Dlopen
• 78. Tree Shaking
• 79. Scope Hoisting
• 80. Module Federation
• 81. مفهوم Module Federation
• 82. پیاده‌سازی Module Federation
• 83. استفاده عملی از Module Federation
• 84. Best Practices در Webpack
• 85. سازماندهی فایل‌ها در پروژه
• 86. مدیریت وابستگی‌ها (Dependencies)
• 87. نکات و ترفندها
• 88. نکات عیب‌یابی Webpack
• 89. منابع آموزشی تکمیلی
• 90. پروژه‌های عملی Webpack
• 91. ساخت یک پروژه SPA با Webpack
• 92. ساخت یک کتابخانه با Webpack
• 93. استفاده از Webpack برای Micro frontends
• 94. نحوه ادغام Webpack با CI/CD
• 95. نمونه‌های پیشرفته پیکربندی
• 96. مقایسه Webpack با Bundler های دیگر (Vite, Rollup)
• 97. مقدمه‌ای بر Vite
• 98. مزایای Vite
• 99. مقایسه Vite و Webpack
• 100. مقدمه‌ای بر Rollup