دوره ساخت Micro-frontends با Module Federation در وب پک همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره ساخت Micro-frontends با Module Federation در وب پک

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

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

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

• 1. مقدمه‌ای بر توسعه وب مدرن
• 2. مروری بر معماری‌های میکروسرویس
• 3. چالش‌های معماری میکروسرویس در فرانت‌اند
• 4. معرفی میکروافِرانت‌اندها
• 5. مزایای میکروافِرانت‌اندها
• 6. معایب میکروافِرانت‌اندها
• 7. سناریوهای استفاده از میکروافِرانت‌اندها
• 8. تفاوت میکروافِرانت‌اند و میکروسرویس
• 9. معرفی وب‌پک (Webpack)
• 10. مفاهیم کلیدی وب‌پک: Entry, Output, Loaders, Plugins
• 11. نصب و راه‌اندازی اولیه وب‌پک
• 12. پیکربندی پایه وب‌پک
• 13. مدیریت dependency ها در وب‌پک
• 14. استفاده از Babel با وب‌پک
• 15. Transpiling کد JavaScript مدرن
• 16. Transpiling کد TypeScript
• 17. مدیریت CSS با وب‌پک (Style Loader, CSS Loader)
• 18. مدیریت Sass/SCSS با وب‌پک
• 19. مدیریت تصاویر و Asset ها در وب‌پک
• 20. File Loader و URL Loader
• 21. MiniCssExtractPlugin برای استخراج CSS
• 22. Code Splitting در وب‌پک
• 23. Lazy Loading در وب‌پک
• 24. Dynamic Imports
• 25. معرفی Module Federation
• 26. مفهوم Module Federation
• 27. اهداف Module Federation
• 28. مزایای Module Federation نسبت به روش‌های دیگر
• 29. نحوه عملکرد Module Federation
• 30. اجزاء اصلی Module Federation: Host, Remote
• 31. پیکربندی یک پروژه Host
• 32. پیکربندی یک پروژه Remote
• 33. ارتباط بین Host و Remote
• 34. اشتراک‌گذاری ماژول‌ها بین برنامه‌ها
• 35. مدیریت نسخه‌ها در Module Federation
• 36. همگام‌سازی وابستگی‌ها (Dependencies)
• 37. استراتژی‌های مدیریت وابستگی مشترک
• 38. بهینه‌سازی عملکرد در Module Federation
• 39. Code Splitting در سطح Module Federation
• 40. مدیریت خطا در Module Federation
• 41. دیباگ کردن برنامه‌های Module Federation
• 42. تست برنامه‌های Module Federation
• 43. پیاده‌سازی یک میکروافِرانت‌اند ساده
• 44. ساخت چندین اپلیکیشن مجزا
• 45. اشتراک‌گذاری کامپوننت‌های UI
• 46. اشتراک‌گذاری منطق کسب‌وکار (Business Logic)
• 47. مدیریت State در میکروافِرانت‌اندها (Global State Management)
• 48. استفاده از Context API برای مدیریت State
• 49. استفاده از Redux/Zustand/Jotai در میکروافِرانت‌اندها
• 50. ارتباط بین اپلیکیشن‌های Module Federation (Custom Events)
• 51. ارتباط از طریق Callbacks
• 52. ارتباط از طریق Props (در صورت امکان)
• 53. استفاده از کتابخانه‌های مسیریابی (Routing) در میکروافِرانت‌اندها
• 54. مدیریت مسیریابی در Host
• 55. مدیریت مسیریابی در Remote
• 56. روت‌های مشترک
• 57. روت‌های منحصر به فرد
• 58. مسیریابی داینامیک ماژول‌ها
• 59. مدیریت احراز هویت (Authentication) در میکروافِرانت‌اندها
• 60. مدیریت توکن‌ها
• 61. اشتراک‌گذاری اطلاعات کاربری
• 62. مدیریت مجوزها (Authorization)
• 63. استراتژی‌های secure کردن ارتباطات
• 64. مدیریت محیط‌های توسعه (Development Environments)
• 65. توسعه محلی چندین برنامه همزمان
• 66. استفاده از Webpack Dev Server
• 67. hot module replacement (HMR) در Module Federation
• 68. استقرار (Deployment) میکروافِرانت‌اندها
• 69. استقرار مستقل اپلیکیشن‌ها
• 70. استراتژی‌های استقرار
• 71. CDN و Caching
• 72. انتخاب framework مناسب برای میکروافِرانت‌اندها
• 73. React و Module Federation
• 74. Vue.js و Module Federation
• 75. Angular و Module Federation
• 76. استفاده از فریم‌ورک‌های مختلف در یک پروژه
• 77. چالش‌های استفاده از فریم‌ورک‌های مختلف
• 78. امنیت در Module Federation
• 79. XSS Vulnerabilities
• 80. CSRF Vulnerabilities
• 81. راهکارهای امنیتی
• 82. مدیریت خطا و لاگینگ (Logging)
• 83. ابزارهای مانیتورینگ
• 84. میکروافِرانت‌اندها و SEO
• 85. راهکارهای بهبود SEO
• 86. Server-Side Rendering (SSR) با Module Federation
• 87. Universal Rendering
• 88. معرفی ابزارهای کمکی Module Federation
• 89. Module Federation Plugin Options
• 90. Remote Entry Options
• 91. Shared Options
• 92. Singleton Option
• 93. Strict Versioning
• 94. Fallback Configuration
• 95. Import Maps
• 96. Web Workers و Module Federation
• 97. Progressive Web Apps (PWAs) و Module Federation
• 98. Performance Profiling
• 99. Code Splitting Advanced Strategies
• 100. Caching Strategies for Module Federation