آموزش جامع Vite (ویت)؛ سریع‌ترین ابزار ساخت پروژه‌های فرانت‌اند

اگر قصد دارید پروژه‌های فرانت‌اند را با سرعتی بسیار بیشتر از Webpack توسعه دهید، یادگیری Vite یکی از مهم‌ترین مهارت‌هایی است که باید داشته باشید.

در این دوره جامع، Vite را از نصب و راه‌اندازی اولیه تا مباحث پیشرفته مانند ساخت پلاگین، مدیریت Assetها، پشتیبانی از TypeScript، React و Vue، بهینه‌سازی تصاویر، انتشار پکیج در NPM و استقرار پروژه به‌صورت کاملاً عملی یاد خواهید گرفت.

همچنین با مفاهیمی مانند CSS Modules، Sass، PostCSS، Tailwind CSS، Path Alias، Environment Variables، Hot Module Replacement (HMR)، ارتباط Client و Server و Library Mode آشنا می‌شوید و می‌توانید پروژه‌های مدرن و بهینه را با بهترین ابزار اکوسیستم JavaScript توسعه دهید.

این دوره برای توسعه‌دهندگان JavaScript، TypeScript، React، Vue و Front-end طراحی شده و به شما کمک می‌کند تا با یکی از محبوب‌ترین Build Toolهای دنیای وب به‌صورت حرفه‌ای کار کنید.

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

• معرفی Vite
• نصب و راه‌اندازی پروژه
• مدیریت وابستگی‌های NPM
• Import فایل‌های CSS
• CSS Modules
• PostCSS و نصب Tailwind CSS
• Sass و CSS Preprocessorها
• Import فایل‌های JSON
• مدیریت Assetهای استاتیک
• پوشه Public
• Glob Import
• Named Glob Import
• پشتیبانی از JSX
• استفاده از TypeScript
• پیکربندی ESLint
• Path Alias
• Environment Variables
• ساخت پروژه‌های چندصفحه‌ای (MPA)
• Library Mode
• چند Entry Point برای کتابخانه
• Import با Require
• مدیریت External Dependency
• انتشار پکیج در NPM
• بهینه‌سازی تصاویر
• ساخت Plugin
• Plugin Options
• تنظیمات Server
• Hot Module Replacement (HMR)
• ارتباط Client و Server
• مدیریت Hot Update
• ادغام با Vue
• ادغام با React
• استقرار پروژه Vite