کتاب صوتی Vite از صفر تا صد: راهنمای جامع توسعه وب مدرن

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

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

عنوان دوره: دوره Vite از صفر تا صد: راهنمای جامع توسعه وب مدرن

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

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

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

• 1. آشنایی با مفهوم توسعه وب مدرن
• 2. مقدمه بر Vite
• 3. چرا Vite؟ مزایا و ویژگی‌ها
• 4. مقایسه Vite با ابزارهای Build دیگر (Webpack, Parcel)
• 5. نصب و راه‌اندازی اولیه Vite
• 6. اولین پروژه Vite: ایجاد و اجرای ساده
• 7. ساختار پروژه Vite: پوشه‌ها و فایل‌های کلیدی
• 8. درک مفاهیم Hot Module Replacement (HMR) در Vite
• 9. تست HMR در عمل
• 10. پیکربندی اولیه Vite: فایل vite.config.js
• 11. مقدمه بر پلاگین‌ها در Vite
• 12. نصب و استفاده از اولین پلاگین
• 13. پلاگین‌های رایج Vite برای توسعه فرانت‌اند
• 14. استفاده از پلاگین‌های مخصوص فریم‌ورک‌ها (React, Vue, Svelte)
• 15. کار با فایل‌های HTML در Vite
• 16. تنظیمات پیشرفته HTML (template, favicon, title)
• 17. مدیریت Asset ها (تصاویر، فونت‌ها، ویدئوها)
• 18. Import کردن Asset ها در کد
• 19. بهینه‌سازی Asset ها در Vite
• 20. مدیریت CSS: CSS Modules، PostCSS، Sass/SCSS
• 21. تنظیمات پیشرفته CSS
• 22. استفاده از Preprocessors CSS (Sass/SCSS)
• 23. کار با Framework های JavaScript: React
• 24. تنظیم Vite برای پروژه‌های React
• 25. ایجاد کامپوننت‌های React در Vite
• 26. مدیریت State در React با Vite
• 27. Routing در React با Vite
• 28. استفاده از Context API در React با Vite
• 29. Hook های سفارشی در React با Vite
• 30. مدیریت فرم‌ها در React با Vite
• 31. Testing در React با Vite
• 32. کار با Framework های JavaScript: Vue.js
• 33. تنظیم Vite برای پروژه‌های Vue.js
• 34. ایجاد کامپوننت‌های Vue.js در Vite
• 35. مدیریت State در Vue.js با Vite (Composition API)
• 36. Routing در Vue.js با Vite (Vue Router)
• 37. مدیریت فرم‌ها در Vue.js با Vite
• 38. Testing در Vue.js با Vite
• 39. کار با Framework های JavaScript: Svelte
• 40. تنظیم Vite برای پروژه‌های Svelte
• 41. ایجاد کامپوننت‌های Svelte در Vite
• 42. مدیریت State در Svelte با Vite
• 43. Routing در Svelte با Vite
• 44. مدیریت فرم‌ها در Svelte با Vite
• 45. Testing در Svelte با Vite
• 46. مدیریت TypeScript در Vite
• 47. تنظیمات TypeScript در Vite
• 48. استفاده از Type Definitions
• 49. کامپایل TypeScript با Vite
• 50. مدیریت Environment Variables در Vite
• 51. دسترسی به Environment Variables در کد
• 52. امنیت Environment Variables
• 53. Build کردن پروژه برای Production
• 54. تنظیمات Production Build
• 55. Code Splitting در Vite
• 56. Lazy Loading در Vite
• 57. Minification و Compression در Vite
• 58. Tree Shaking در Vite
• 59. استفاده از CDN با Vite
• 60. Deployment ساده یک پروژه Vite
• 61. Deploy کردن پروژه Vite روی Netlify
• 62. Deploy کردن پروژه Vite روی Vercel
• 63. Deploy کردن پروژه Vite روی GitHub Pages
• 64. Deploy کردن پروژه Vite روی Firebase Hosting
• 65. پیکربندی سرور توسعه Vite
• 66. تنظیمات Proxy در سرور توسعه
• 67. استفاده از Mock API در سرور توسعه
• 68. مدیریت خطاها در سرور توسعه
• 69. تنظیمات Network در سرور توسعه
• 70. آشنایی با Server-Side Rendering (SSR)
• 71. تنظیم Vite برای SSR
• 72. پیاده‌سازی SSR برای React
• 73. پیاده‌سازی SSR برای Vue.js
• 74. پیاده‌سازی SSR برای Svelte
• 75. بهینه‌سازی عملکرد SSR
• 76. Caching در SSR
• 77. مدیریت State در SSR
• 78. SEO و SSR
• 79. تست SSR
• 80. مفاهیم Pre-rendering
• 81. پیاده‌سازی Pre-rendering با Vite
• 82. مزایای Pre-rendering
• 83. محدودیت‌های Pre-rendering
• 84. ترکیب Pre-rendering و SSR
• 85. معرفی PWA (Progressive Web App)
• 86. تنظیم Vite برای PWA
• 87. Service Workers در Vite
• 88. Manifest File در PWA
• 89. Caching استراتژی‌ها در PWA
• 90. Offline Support در PWA
• 91. Testing PWA
• 92. معرفی Micro frontends
• 93. اصول Micro frontends
• 94. پیاده‌سازی Micro frontends با Vite
• 95. مدیریت ارتباط بین Micro frontends
• 96. تست Micro frontends
• 97. امنیت در Micro frontends
• 98. DevOps و CI/CD با Vite
• 99. تنظیمات CI/CD برای Vite
• 100. استفاده از GitHub Actions