آموزش ابزارهای مدرن بیلد جاوااسکریپت - آخرین آپدیت

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

درک ابزارهای مدرن بیلد جاوااسکریپت Understanding Modern JavaScript Build Tools

• نقش و کاربرد ابزارهای بیلد What Build Tools Do

• ابزارهای بیلد سنتی در مقابل مدرن Traditional vs. Modern Build Tools

• ابزارهای مدرن بیلد جاوااسکریپت در عمل: Vite و esbuild Modern JavaScript Build Tools in Action: Vite and esbuild

شروع به کار با Vite Getting Started with Vite

• دمو: نصب و اجرای Vite Demo: Getting up and Running with Vite

• دمو: پیکربندی Vite Demo: Configuring Vite

اتوماسیون و بهینه‌سازی با Vite Automating and Optimizing with Vite

• اتوماسیون وظایف بیلد Automating Build Tasks

• دمو: حالت Production در مقابل Development Demo: Production vs. Development Mode

• پلاگین‌ها و اکوسیستم Plugins and the Ecosystem

• دمو: نکات بهینه‌سازی Demo: Optimization Tips

شروع به کار با esbuild Getting Started with esbuild

• دمو: نصب esbuild Demo: Instaling esbuild

• دمو: ترنسپایل کردن فایل‌های TypeScript Demo: Transpiling TS Files

اتوماسیون و بهینه‌سازی با esbuild Automating and Optimizing with esbuild

• دمو: ایجاد اسکریپت بیلد سفارشی Demo: Creating a Custom Build Script

• مینیفیکیشن، باندلینگ و سورس‌مپ‌ها Minification, Bundling, and Source Maps

• دمو: استفاده از پلاگین‌ها Demo: Using Plugins

انتخاب ابزار بیلد مناسب Choosing a Build Tool

• دمو: مقایسه عملکرد Demo: Comparing Performance

• مقایسه Vite و esbuild Vite vs. esbuild

• گام‌های بعدی و مسیر یادگیری Where to Go from Here