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

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

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

عنوان دوره: دوره آموزش جامع و کاربردی Vite: بهینه‌سازی سرعت و بهره‌وری در توسعه وب‌سایت‌های مدرن

موضوع کلی: توسعه نرم‌افزار و مهندسی وب

موضوع میانی: ابزارهای مدرن توسعه رابط کاربری (Frontend Tooling)

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

• 1. مبانی و تاریخچه ابزارهای ساخت در توسعه وب
• 2. آشنایی با نقش Vite در اکوسیستم مدرن فرانت‌اند
• 3. مفاهیم پایه ماژولاریسم در جاوا اسکریپت و ES Modules
• 4. مقایسه Vite با ابزارهای سنتی مانند Webpack
• 5. نصب و راه‌اندازی محیط توسعه با Vite
• 6. ساختار فایل‌ها و پوشه‌بندی در پروژه‌های Vite
• 7. کار با رابط خط فرمان Vite و دستورات پرکاربرد
• 8. نحوه مدیریت وابستگی‌ها با استفاده از npm و pnpm
• 9. پیکربندی فایل vite.config.js برای پروژه‌های مختلف
• 10. مفهوم HMR یا به‌روزرسانی لحظه‌ای ماژول‌ها در Vite
• 11. مدیریت فایل‌های استاتیک و دارایی‌ها در پروژه
• 12. کار با پیش‌پردازنده‌های CSS مانند Sass و Less در Vite
• 13. استفاده از PostCSS برای بهینه‌سازی استایل‌ها
• 14. بهره‌گیری از ماژول‌های CSS برای مدیریت بهتر استایل‌ها
• 15. کار با کامپوننت‌های Vue در محیط Vite
• 16. کار با کامپوننت‌های React در محیط Vite
• 17. استفاده از تایپ‌اسکریپت در پروژه‌های Vite
• 18. تنظیمات مربوط به مسیردهی و Aliasها در پروژه
• 19. بهینه‌سازی تصاویر و دارایی‌ها با پلاگین‌های Vite
• 20. استفاده از متغیرهای محیطی در توسعه و تولید
• 21. مدیریت محیط‌های مختلف توسعه، تست و عملیاتی
• 22. مفهوم کدنویسی ماژولار و بهینه‌سازی زمان بارگذاری
• 23. آشنایی با نقش Rollup در فرآیند بیلد Vite
• 24. تنظیمات پیشرفته بیلد برای تولید نسخه نهایی
• 25. فشرده‌سازی کدها و حذف کدهای بلااستفاده
• 26. روش‌های کد-اسپلیتینگ و بارگذاری تنبل
• 27. استفاده از پلاگین‌های رسمی و جامعه کاربری Vite
• 28. نحوه نوشتن پلاگین‌های اختصاصی برای Vite
• 29. تست و عیب‌یابی پروژه‌ها در محیط توسعه
• 30. استفاده از ابزارهای دیباگ در مرورگر برای Vite
• 31. بهینه‌سازی عملکرد لودینگ با استراتژی‌های کشینگ
• 32. آشنایی با مفاهیم SSR یا رندرینگ سمت سرور در Vite
• 33. پیاده‌سازی SSR با استفاده از فریم‌ورک‌های سازگار
• 34. آماده‌سازی پروژه برای استقرار در سرورهای داخلی
• 35. آشنایی با ابزارهای جانبی برای پایش سرعت سایت
• 36. بهینه‌سازی فرآیند توسعه برای تیم‌های بزرگ
• 37. امنیت در زنجیره تأمین نرم‌افزار و مدیریت پکیج‌ها
• 38. نکات حرفه‌ای برای افزایش سرعت بیلد در پروژه‌های سنگین
• 39. بررسی آینده ابزارهای توسعه وب و نقش Vite
• 40. پروژه نهایی: پیاده‌سازی یک وب‌سایت بهینه با تمامی قابلیت‌های Vite