فلش‌کارت‌های آموزشی توسعه سریع با Vite.js

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

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

عنوان دوره: دوره توسعه سریع با Vite.js

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

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

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

• 1. آشنایی با Vite.js و مزایای آن
• 2. نصب و راه‌اندازی اولیه Vite.js
• 3. ساختار پروژه Vite.js
• 4. شروع توسعه با React در Vite.js
• 5. تنظیمات پیشرفته Vite.js
• 6. مدیریت دارایی‌ها (Assets) در Vite.js
• 7. استفاده از CSS Modules در Vite.js
• 8. پیش‌پردازنده‌های CSS (Sass, Less) در Vite.js
• 9. نحوهٔ کارکرد Hot Module Replacement (HMR) در Vite.js
• 10. بهینه‌سازی Build در Vite.js
• 11. استفاده از TypeScript با Vite.js
• 12. پشتیبانی از JSX در Vite.js
• 13. نحوهٔ کارکرد Vite.js با Vue.js
• 14. تنظیمات Vue.js در Vite.js
• 15. استفاده از کامپوننت‌های Vue.js در Vite.js
• 16. مدیریت State در برنامه‌های Vue.js با Vite.js
• 17. کار با API در برنامه‌های Vue.js با Vite.js
• 18. استفاده از Vue Router در Vite.js
• 19. نحوهٔ کارکرد Vite.js با Svelte
• 20. تنظیمات Svelte در Vite.js
• 21. استفاده از کامپوننت‌های Svelte در Vite.js
• 22. مدیریت State در برنامه‌های Svelte با Vite.js
• 23. کار با API در برنامه‌های Svelte با Vite.js
• 24. استفاده از SvelteKit در Vite.js
• 25. استفاده از LitElement با Vite.js
• 26. تنظیمات LitElement در Vite.js
• 27. استفاده از کامپوننت‌های LitElement در Vite.js
• 28. مدیریت State در برنامه‌های LitElement با Vite.js
• 29. کار با API در برنامه‌های LitElement با Vite.js
• 30. نحوهٔ کارکرد Vite.js با Preact
• 31. تنظیمات Preact در Vite.js
• 32. استفاده از کامپوننت‌های Preact در Vite.js
• 33. مدیریت State در برنامه‌های Preact با Vite.js
• 34. کار با API در برنامه‌های Preact با Vite.js
• 35. استفاده از Web Components با Vite.js
• 36. تنظیمات Web Components در Vite.js
• 37. استفاده از کامپوننت‌های Web Components در Vite.js
• 38. مدیریت State در برنامه‌های Web Components با Vite.js
• 39. کار با API در برنامه‌های Web Components با Vite.js
• 40. تست واحد (Unit Testing) در Vite.js
• 41. تنظیمات Jest برای تست در Vite.js
• 42. استفاده از Vitest برای تست در Vite.js
• 43. تست یکپارچه‌سازی (Integration Testing) در Vite.js
• 44. تست End-to-End (E2E) در Vite.js
• 45. تنظیمات Cypress برای E2E در Vite.js
• 46. تنظیمات Playwright برای E2E در Vite.js
• 47. مدیریت محیط‌ها (Environments) در Vite.js
• 48. تنظیمات متغیرهای محیطی (Environment Variables)
• 49. استفاده از پروکسی (Proxy) در Vite.js
• 50. مدیریت خطاها (Error Handling) در Vite.js
• 51. بهینه‌سازی عملکرد (Performance Optimization)
• 52. استفاده از Code Splitting در Vite.js
• 53. Lazy Loading کامپوننت‌ها
• 54. بهینه‌سازی تصاویر در Vite.js
• 55. استفاده از Web Workers در Vite.js
• 56. تحلیل Bundle Size در Vite.js
• 57. تنظیمات PWA (Progressive Web App) در Vite.js
• 58. استفاده از Service Workers در Vite.js
• 59. تنظیمات SSR (Server-Side Rendering) در Vite.js
• 60. پیاده‌سازی SSR با React در Vite.js
• 61. پیاده‌سازی SSR با Vue.js در Vite.js
• 62. پیاده‌سازی SSR با Svelte در Vite.js
• 63. استفاده از Vite.js برای ساخت Micro Frontends
• 64. مدیریت وابستگی‌ها (Dependencies) در Vite.js
• 65. استفاده از Monorepo با Vite.js
• 66. تنظیمات Lerna برای Monorepo
• 67. تنظیمات Nx برای Monorepo
• 68. استفاده از Vite.js در پروژه‌های بزرگ
• 69. توسعهٔ پلاگین‌های سفارشی برای Vite.js
• 70. نوشتن پلاگین‌های Vite.js
• 71. انتشار پلاگین‌های Vite.js
• 72. معماری Vite.js
• 73. بررسی عمیق‌تر HMR در Vite.js
• 74. مدیریت منابع (Resources) در Vite.js
• 75. استفاده از Webpack در کنار Vite.js (در صورت نیاز)
• 76. مقایسه Vite.js با ابزارهای Build دیگر
• 77. Vite.js و اکوسیستم آن
• 78. بهترین شیوه‌ها (Best Practices) در Vite.js
• 79. نکات امنیتی در توسعه با Vite.js
• 80. استفاده از Vite.js برای ساخت App های موبایل (با استفاده از فریم‌ورک‌های مناسب)
• 81. مفاهیم پیشرفتهٔ Dev Server در Vite.js
• 82. مدیریت Build Artifacts
• 83. استفاده از Vite.js در CI/CD Pipeline
• 84. تنظیمات Docker برای Vite.js
• 85. استفاده از Vite.js برای بازی‌سازی (با استفاده از کتابخانه‌های مناسب)
• 86. نکات تکمیلی برای بهینه‌سازی Build
• 87. مدیریت فرم‌ها در برنامه‌های SPA با Vite.js
• 88. استفاده از کتابخانه‌های UI با Vite.js
• 89. طراحی معماری پروژه با Vite.js
• 90. مدیریت چندزبانه کردن (i18n) در Vite.js
• 91. بهینه‌سازی برای موتورهای جستجو (SEO) با Vite.js
• 92. استفاده از Vite.js در پروژه‌های Serverless
• 93. آشنایی با DevTools مرتبط با Vite.js
• 94. مباحث پایانی و جمع‌بندی