دوره مقایسه Vite با Parcel و Snowpack: انتخاب ابزار مناسب همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره مقایسه Vite با Parcel و Snowpack: انتخاب ابزار مناسب

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

موضوع میانی: وایت (Vite)

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

• 1. مقدمه‌ای بر چالش‌های توسعه وب مدرن
• 2. مشکلات باندل کردن (Bundling) در گذشته و راه‌حل‌ها
• 3. مفهوم ES Modules و اهمیت آن در توسعه جدید
• 4. ظهور ابزارهای باندلر: از Webpack تا Rollup
• 5. مفهوم Cold Start در سرورهای توسعه
• 6. نقش ترانسپایلرها (Babel, TypeScript) در اکوسیستم
• 7. مفاهیم Minification و Tree-shaking
• 8. Code Splitting: بهبود عملکرد و تجربه کاربری
• 9. مقدمه‌ای بر ابزارهای توسعه نسل جدید
• 10. آشنایی با Parcel: باندلر با پیکربندی صفر
• 11. ویژگی‌های کلیدی Parcel 1 و Parcel 2
• 12. راه‌اندازی پروژه پایه با Parcel (HTML, JS, CSS)
• 13. نحوه حل ماژول‌ها و وابستگی‌ها در Parcel
• 14. پردازش انواع دارایی‌ها (Assets) در Parcel (تصاویر، فونت‌ها)
• 15. پشتیبانی Parcel از ترانسپایلینگ (Babel و TypeScript)
• 16. پردازش CSS در Parcel (PostCSS, Sass, Less)
• 17. سرور توسعه داخلی Parcel و قابلیت‌های آن
• 18. Hot Module Replacement (HMR) در Parcel
• 19. بهینه‌سازی خروجی برای محیط پروداکشن با Parcel
• 20. Code Splitting پیشرفته و Lazy Loading در Parcel
• 21. سیستم پلاگین‌های Parcel و نحوه توسعه
• 22. مزایا و معایب Parcel برای پروژه‌های مختلف
• 23. معرفی Snowpack: رویکرد مبتنی بر Native ESM
• 24. چگونگی بهره‌برداری Snowpack از ES Modules در Dev
• 25. راه‌اندازی پروژه ساده با Snowpack
• 26. معماری سرور توسعه Snowpack و سرعت آن
• 27. پیش‌باندل کردن (Pre-bundling) وابستگی‌ها با Snowpack
• 28. پردازش دارایی‌ها و Static Assets در Snowpack
• 29. ترانسپایل کردن با Snowpack (Babel, TypeScript)
• 30. مدیریت CSS و Preprocessorها در Snowpack
• 31. Hot Module Replacement (HMR) در Snowpack: نحوه کارکرد
• 32. بهینه‌سازی برای پروداکشن با Snowpack (با باندلرهای خارجی)
• 33. اکوسیستم پلاگین‌ها در Snowpack
• 34. مزایا و معایب Snowpack و جایگاه آن در اکوسیستم
• 35. معرفی Vite: ابزار توسعه فرانت‌اند نسل جدید
• 36. فلسفه Vite: Native ESM در Dev، Rollup در Build
• 37. معماری Vite و دلایل سرعت بی‌نظیر آن
• 38. راه‌اندازی پروژه ساده با Vite (Vanilla JS)
• 39. استفاده از Vite با فریم‌ورک‌های React
• 40. استفاده از Vite با فریم‌ورک‌های Vue
• 41. استفاده از Vite با فریم‌ورک‌های Svelte
• 42. سرور توسعه Vite: عمیق‌تر در عملکرد
• 43. پیش‌باندل کردن وابستگی‌ها با Esbuild در Vite
• 44. پردازش دارایی‌ها و Public Directory در Vite
• 45. ترانسپایل کردن JS/TS/JSX در Vite با Esbuild
• 46. مدیریت CSS در Vite (PostCSS, CSS Modules, Preprocessors)
• 47. Hot Module Replacement (HMR) در Vite: پیاده‌سازی و کارایی
• 48. ساخت پروداکشن با Vite و Rollup
• 49. بهینه‌سازی خروجی پروداکشن با Vite (Minification, Tree-shaking)
• 50. Code Splitting و Lazy Loading در Vite با Rollup
• 51. سیستم پلاگین‌های Vite: سازگاری با Rollup و پلاگین‌های اختصاصی
• 52. نوشتن یک پلاگین ساده برای Vite
• 53. پیکربندی Vite (vite.config.js): تنظیمات پایه
• 54. پیکربندی پیشرفته Vite: Server, Build, Preview
• 55. متغیرهای محیطی و فایل‌های .env در Vite
• 56. استفاده از مسیرهای مستعار (Aliases) در Vite
• 57. پروکسی (Proxy) برای API در سرور توسعه Vite
• 58. Server-Side Rendering (SSR) با Vite
• 59. توسعه کتابخانه‌های جاوااسکریپت با Vite
• 60. استقرار پروژه‌های Vite در پلتفرم‌های مختلف
• 61. تست واحد و E2E در پروژه‌های Vite
• 62. Storybook و Vite: همگام‌سازی ابزارهای توسعه
• 63. مزایا و معایب Vite در مقایسه با ابزارهای دیگر
• 64. مقایسه عملکرد سرور توسعه: Vite در مقابل Parcel و Snowpack
• 65. مقایسه زمان Build پروداکشن: Vite در مقابل Parcel و Snowpack
• 66. مقایسه فلسفه‌های پیکربندی: Zero-Config در مقابل Explicit-Config
• 67. مقایسه اکوسیستم پلاگین‌ها و قابلیت توسعه‌پذیری
• 68. مقایسه استراتژی‌های مدیریت وابستگی‌ها
• 69. مقایسه قابلیت‌ها و سرعت HMR در عمل
• 70. مقایسه خروجی Build و بهینه‌سازی نهایی
• 71. مقایسه بلوغ جامعه، مستندات و پشتیبانی
• 72. سناریوهای مناسب برای استفاده از Parcel
• 73. سناریوهای مناسب برای استفاده از Snowpack (تاریخچه و کاربردهای خاص)
• 74. سناریوهای ایده‌آل برای استفاده از Vite
• 75. مهاجرت از Webpack به Vite: راهنما و ملاحظات
• 76. مهاجرت از Parcel به Vite: نکات کلیدی
• 77. مهاجرت از Snowpack به Vite: گام به گام
• 78. انتخاب ابزار مناسب: فاکتورهای تصمیم‌گیری
• 79. چگونگی ساختن یک ماتریس تصمیم‌گیری برای انتخاب ابزار
• 80. بهترین شیوه‌ها در توسعه فرانت‌اند با ابزارهای مدرن
• 81. رفع خطاهای رایج در پروژه‌های Vite
• 82. رفع خطاهای رایج در پروژه‌های Parcel
• 83. رفع خطاهای رایج در پروژه‌های Snowpack
• 84. بهینه‌سازی پیشرفته Vite برای پروژه‌های مقیاس‌پذیر
• 85. استفاده از Web Workers و Web Assembly در Vite
• 86. ادغام با Next.js یا Nuxt.js (به عنوان ابزار مکمل/جایگزین)
• 87. مدیریت Font Icons و SVG بهینه در Vite
• 88. سفارشی‌سازی CSS Modules و Global CSS در Vite
• 89. استفاده از PostCSS Plugins پیشرفته در Vite
• 90. امنیت در پروژه‌های ساخته شده با این ابزارها
• 91. تست عملکرد (Performance Testing) ابزارهای مختلف
• 92. آینده ابزارهای توسعه فرانت‌اند و روندهای پیش‌رو
• 93. جمع‌بندی و توصیه‌های نهایی برای انتخاب ابزار
• 94. منابع و مطالعه بیشتر برای هر سه ابزار
• 95. البته، 6 سرفصل اضافی و متفاوت برای این دوره:
• 96. معرفی عمیق Vite: معماری و ویژگی‌های کلیدی
• 97. آشنایی با Snowpack: پیشگام در توسعه مبتنی بر ES Modules
• 98. گذار از باندلینگ سنتی به Native ESM: معماری Vite و Snowpack
• 99. تحلیل مقایسه‌ای: سرعت، پیکربندی و اکوسیستم پلاگین‌ها
• 100. راهنمای عملی انتخاب ابزار: چه زمانی از کدام استفاده کنیم؟