دوره ابزار ساخت سریع Vite همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره ابزار ساخت سریع Vite

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

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

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

• 1. مفاهیم پایه و مزایای Vite نسبت به Webpack
• 2. راه‌اندازی اولین پروژه با Vite
• 3. ساختار پوشه‌بندی و فایل‌های اصلی در Vite
• 4. پشتیبانی از ماژول‌های ES و بارگذاری سریع
• 5. تنظیمات فایل Vite.config.js
• 6. مدهای توسعه و تولید در Vite
• 7. بارگذاری خودکار ماژول‌ها و HMR (Hot Module Replacement)
• 8. مدیریت وابستگی‌ها و Pre-bundling با esbuild
• 9. کار با فایل‌های استاتیک و مسیرهای عمومی
• 10. پشتیبانی از CSS و پیش‌پردازنده‌ها (Sass, Less)
• 11. استفاده از PostCSS و Autoprefixer
• 12. بهینه‌سازی تصاویر و فایل‌های چندرسانه‌ای
• 13. کار با TypeScript در Vite
• 14. پشتیبانی از JSX و React
• 15. تنظیم Vite برای پروژه‌های Vue
• 16. استفاده از Vite با Svelte
• 17. یکپارچه‌سازی Vite با Angular
• 18. مدیریت متغیرهای محیطی (Environment Variables)
• 19. تعریف و استفاده از Proxy در سرور توسعه
• 20. سفارشی‌سازی سرور توسعه (Port, HTTPS, CORS)
• 21. کار با پلاگین‌های رسمی Vite
• 22. نوشتن پلاگین ساده برای Vite
• 23. مدیریت مسیرها و Aliases
• 24. تقسیم کد و Lazy Loading
• 25. بهینه‌سازی باندل نهایی برای تولید
• 26. تنظیمات Minify و Tree-shaking
• 27. مدیریت فونت‌ها و آیکون‌ها
• 28. کار با JSON و YAML به عنوان ماژول
• 29. پشتیبانی از Web Workers
• 30. استفاده از Vite در پروژه‌های Legacy
• 31. مهاجرت از Create React App به Vite
• 32. مهاجرت از Vue CLI به Vite
• 33. اشکال‌زدایی و Source Maps در Vite
• 34. تست واحد با Vite و Vitest
• 35. ایمپورت پویا و ماژول‌های غیرهمزمان
• 36. مدیریت چندین صفحه (Multi-Page App)
• 37. یکپارچه‌سازی با فریم‌ورک‌های CSS (Tailwind, Bootstrap)
• 38. استفاده از Vite با کتابخانه‌های خارجی
• 39. مدیریت نسخه و Cache Busting
• 40. تنظیمات ESLint و Prettier در Vite
• 41. استقرار پروژه Vite روی سرور