دوره کار با Webpacker و مدیریت Assetها در ریلز همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره کار با Webpacker و مدیریت Assetها در ریلز

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

موضوع میانی: روبی آن ریلز (Ruby on Rails)

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

• 1. مقدمه ای بر Webpacker در Ruby on Rails
• 2. نصب و پیکربندی Webpacker
• 3. آشنایی با ساختار دایرکتوری Webpacker
• 4. مدیریت Assetهای جاوا اسکریپت
• 5. مدیریت Assetهای CSS
• 6. استفاده از پیش‌پردازنده‌های CSS (Sass, Less)
• 7. تنظیمات پیشرفته برای CSS
• 8. استفاده از PostCSS
• 9. مدیریت تصاویر و فونت‌ها
• 10. فشرده‌سازی و بهینه‌سازی Assetها
• 11. Code Splitting با Webpacker
• 12. Lazy Loading Assetها
• 13. استفاده از Webpack Dev Server
• 14. تنظیمات Hot Module Replacement
• 15. مدیریت Environmentها (Development, Production)
• 16. استفاده از Webpacker در اپلیکیشن‌های Rails
• 17. ادغام Webpacker با Asset Pipeline قدیمی Rails
• 18. تست Assetها با Webpacker
• 19. اشکال‌زدایی Assetها در Webpacker
• 20. بهینه‌سازی عملکرد بارگذاری Assetها
• 21. استفاده از Webpacker برای فریم‌ورک‌های جاوا اسکریپت (React, Vue)
• 22. پیکربندی React با Webpacker
• 23. پیکربندی Vue.js با Webpacker
• 24. استفاده از TypeScript با Webpacker
• 25. مدیریت وابستگی‌های جاوا اسکریپت
• 26. استفاده از Yarn یا Npm با Webpacker
• 27. تنظیمات سفارشی Webpack
• 28. ایجاد پلاگین‌های سفارشی Webpack
• 29. استفاده از Loaderهای سفارشی
• 30. مدیریت فایل‌های استاتیک
• 31. بارگذاری فایل‌ها در زمان اجرا
• 32. استفاده از Webpacker برای Progressive Web Apps (PWAs)
• 33. استراتژی‌های Caching برای Assetها
• 34. استفاده از Content Delivery Networks (CDNs)
• 35. امنیت Assetها در Webpacker
• 36. مدیریت نسخه‌بندی Assetها
• 37. بهینه‌سازی برای موبایل
• 38. استفاده از Webpacker در سیستم‌های توزیع شده
• 39. پیاده‌سازی CI/CD با Webpacker
• 40. مدیریت Assetها در محیط‌های Serverless
• 41. استفاده از Webpacker در Docker
• 42. یکپارچه‌سازی با ابزارهای تحلیل کد
• 43. استفاده از Webpacker برای Single Page Applications (SPAs)
• 44. مدیریت State در SPAs با Webpacker
• 45. مسیریابی در SPAs با Webpacker
• 46. کامپوننت‌های قابل استفاده مجدد
• 47. استفاده از Webpacker برای UI Kits
• 48. مدیریت تم‌بندی (Theming)
• 49. بهینه‌سازی برای دسترسی‌پذیری (Accessibility)
• 50. استفاده از Webpacker در پروژه‌های بزرگ
• 51. مدیریت تیم و همکاری
• 52. مستندسازی پروژه‌ها
• 53. بررسی و بازبینی کد
• 54. استانداردهای کدنویسی
• 55. استفاده از Linters و Formatters
• 56. مدیریت خطاها در جاوا اسکریپت
• 57. مدیریت خطاها در CSS
• 58. استفاده از Source Maps
• 59. اشکال‌زدایی در Production
• 60. نکات و ترفندهای پیشرفته Webpacker
• 61. جایگزین‌های Webpacker
• 62. مقایسه Webpacker با ابزارهای مشابه
• 63. آینده Webpacker و مدیریت Assetها
• 64. کار با Webpack Encore (در صورت نیاز به جایگزینی)
• 65. مدیریت Assetها در Rails 7 (بدون Webpacker)
• 66. پیکربندی Stimulus با Rails 7
• 67. پیکربندی Turbo با Rails 7
• 68. استفاده از Importmaps در Rails 7
• 69. مدیریت CSS در Rails 7
• 70. استفاده از Tailwind CSS با Rails 7
• 71. استفاده از Bootstrap با Rails 7
• 72. بهینه‌سازی Assetها در Rails 7
• 73. تست Assetها در Rails 7
• 74. اشکال‌زدایی Assetها در Rails 7
• 75. مدیریت تصاویر با Active Storage
• 76. مدیریت فایل‌های صوتی و تصویری
• 77. استفاده از Hotwire در Rails
• 78. مقدمه‌ای بر Hotwire
• 79. استفاده از Turbo Streams
• 80. استفاده از Turbo Frames
• 81. کار با Stimulus Controllers
• 82. مدیریت فرم‌ها با Hotwire
• 83. به‌روزرسانی لحظه‌ای داده‌ها
• 84. پیاده‌سازی چت با Hotwire
• 85. استفاده از Hotwire در اپلیکیشن‌های Real-time
• 86. امنیت در Hotwire
• 87. تست Hotwire
• 88. ملاحظات عملکردی Hotwire
• 89. مقایسه Hotwire با SPA Frameworks
• 90. آینده Hotwire
• 91. مدیریت Assetها با Importmaps
• 92. پیکربندی Importmaps
• 93. استفاده از کتابخانه‌های جاوا اسکریپت با Importmaps
• 94. مدیریت وابستگی‌های جاوا اسکریپت با Importmaps
• 95. بهینه‌سازی Importmaps
• 96. تست Importmaps
• 97. مقایسه Importmaps با Yarn/Npm
• 98. آینده Importmaps
• 99. مدیریت CSS در Rails 7 با استفاده از Dart Sass
• 100. پیکربندی Dart Sass