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

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

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

عنوان دوره: دوره وب پک و Docker: ساخت ایمیج‌های بهینه برای Production

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

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

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

• 1. مقدمه‌ای بر وب‌پک و نقش آن در توسعهٔ Front-end
• 2. نصب و پیکربندی اولیهٔ وب‌پک
• 3. آشنایی با مفاهیم اصلی وب‌پک: Entry, Output, Loader
• 4. استفاده از Loaders برای پردازش انواع فایل‌ها (CSS, Images, Fonts)
• 5. پیکربندی Loaders برای فایل‌های CSS و Sass/SCSS
• 6. مدیریت تصاویر و فایل‌های Font در وب‌پک
• 7. استفاده از Plugins برای گسترش قابلیت‌های وب‌پک
• 8. HtmlWebpackPlugin برای تولید خودکار فایل HTML
• 9. MiniCssExtractPlugin برای استخراج CSS به فایل مجزا
• 10. CssMinimizerWebpackPlugin برای بهینه‌سازی فایل‌های CSS
• 11. JavaScript Modules و Bundle کردن کد
• 12. Code Splitting برای بارگذاری بهینهٔ کد
• 13. Lazy Loading و Code Splitting پیشرفته
• 14. مدیریت Environment Variables در وب‌پک
• 15. توسعهٔ وب‌پک برای محیط Development (Development Server)
• 16. Hot Module Replacement (HMR) برای تجربهٔ توسعهٔ بهتر
• 17. بهینه‌سازی Build برای Production
• 18. Tree Shaking برای حذف کدهای بلااستفاده
• 19. Minification و Uglification کدها
• 20. استفاده از Webpack Bundle Analyzer برای تحلیل Bundle
• 21. مقدمه‌ای بر Docker و مفاهیم کانتینرسازی
• 22. نصب و راه‌اندازی Docker
• 23. مفاهیم کلیدی Docker: Image, Container, Dockerfile
• 24. ساخت اولین Dockerfile برای یک برنامهٔ ساده
• 25. دستورات پایه در Dockerfile (FROM, RUN, COPY, EXPOSE, CMD)
• 26. استفاده از Multi-stage Builds برای بهینه‌سازی Image
• 27. ساخت Imageهای بهینه و کوچک
• 28. مدیریت Volumeها در Docker برای ذخیره‌سازی داده‌ها
• 29. شبکه‌بندی در Docker (Network)
• 30. Docker Compose برای مدیریت چندین کانتینر
• 31. پیکربندی Docker Compose برای پروژه‌های پیچیده
• 32. اتصال وب‌پک و Docker برای ساخت Imageهای Production
• 33. ساخت Dockerfile برای برنامه‌های Front-end با وب‌پک
• 34. پیکربندی وب‌پک برای Production Build در Docker
• 35. اجرای برنامهٔ Front-end در کانتینر Docker
• 36. بهینه‌سازی Image نهایی برای کاهش حجم
• 37. مدیریت وابستگی‌ها در Image Docker
• 38. استفاده از Cache در Docker Build
• 39. بهترین روش‌ها برای نوشتن Dockerfileهای امن و کارآمد
• 40. مقدمه‌ای بر معماری Microservices و نقش کانتینرها
• 41. استقرار برنامه‌های Front-end با Docker در محیط Production
• 42. مفاهیم CI/CD و ادغام با Docker
• 43. ساخت Pipeline برای Build و Deploy خودکار
• 44. استفاده از Docker Swarm یا Kubernetes برای Orchestration (اشارهٔ مختصر)
• 45. ملاحظات امنیتی در استفاده از Docker
• 46. مدیریت Logها در کانتینرهای Docker
• 47. مانیتورینگ کانتینرهای در حال اجرا
• 48. آشنایی با ابزارهای مرتبط (مانند Portainer)
• 49. پیکربندی Reverse Proxy (مانند Nginx) با Docker
• 50. مدیریت SSL/TLS در کانتینرها
• 51. مفاهیم Load Balancing با Docker
• 52. ساخت Imageهای Base سفارشی
• 53. بهینه‌سازی فرآیند Build وب‌پک در Docker
• 54. تست کردن برنامه‌ها در محیط کانتینری
• 55. مدیریت Configuration در کانتینرها
• 56. استفاده از Environment Variables در Docker Compose
• 57. معرفی وب‌پک Dev Server در Docker
• 58. استفاده از Webpack Dev Server برای Hot Reloading در Docker
• 59. مدیریت Assetها در وب‌پک و Docker
• 60. بهینه‌سازی لود تصاویر و فونت‌ها
• 61. مدیریت CSS در Production Build
• 62. استفاده از PostCSS و Autoprefixer
• 63. استفاده از Babel برای Transpiling JavaScript
• 64. پیکربندی Babel برای ES6+
• 65. مدیریت TypeScript با وب‌پک و Docker
• 66. ساخت Imageهای کوچک‌تر با Alpine Linux
• 67. مقایسهٔ Imageهای نهایی با توزیع‌های مختلف
• 68. اصول SOLID در طراحی نرم‌افزار (اشارهٔ مختصر)
• 69. معماری‌های رایج Front-end (SPA, MPA)
• 70. مفاهیم Performance Optimization در وب
• 71. ابزارهای تحلیل Performance (Lighthouse)
• 72. مدیریت Caching در مرورگر
• 73. استفاده از Service Workers برای Offline Support
• 74. مقدمه‌ای بر PWA (Progressive Web Apps)
• 75. مدیریت API Calls در برنامه‌های Front-end
• 76. استفاده از Axios یا Fetch API
• 77. مدیریت State Management (اشارهٔ مختصر به Redux, Vuex)
• 78. مفاهیم Security در برنامه‌های وب
• 79. جلوگیری از حملات XSS و CSRF
• 80. مدیریت احراز هویت و Authorization
• 81. استفاده از JWT (JSON Web Tokens)
• 82. پیکربندی Docker برای استقرار امن
• 83. مدیریت Secretها در Docker
• 84. مقدمه‌ای بر Serverless Architecture (اشارهٔ مختصر)
• 85. بررسی ابزارهای توسعهٔ مدرن
• 86. آشنایی با ابزارهای مدیریت بسته (npm, yarn)
• 87. استفاده از Scriptهای npm/yarn برای Build و Run
• 88. مفاهیم Extension در وب‌پک
• 89. ساخت یک Extension ساده برای وب‌پک
• 90. مدیریت Webpack Configuration به صورت ماژولار
• 91. استفاده از Environment Specific Configurations
• 92. نکات پیشرفته در Dockerfile
• 93. استفاده از Docker BuildKit
• 94. بهینه‌سازی شبکه در Docker
• 95. مدیریت Context در Docker Build
• 96. مقدمه‌ای بر GitOps
• 97. استقرار با استفاده از GitOps و Docker
• 98. پایان دوره و جمع‌بندی مباحث