آموزش وایت برای توسعه‌دهندگان - ۲۰۲۵ - آخرین آپدیت

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

Course Introduction

• به دوره خوش آمدید Welcome to the course

• نکات Udemy Udemy tips

• ابزارهایی که نیاز خواهیم داشت Tools we will need

• کل کد دوره All the course code

معرفی Vite Vite introduction

• مقدمه بخش Section intro

• Vite چیست؟ What is Vite?

• اولین آشنایی با Vite First contact with Vite

• اختیاری: ماژول‌های ES و Common JS Optional: ES and Common JS modules

• اختیاری: بسته‌بندی ماژول Optional: Module bundling

• اختیاری: Tree shaking Optional: Tree shaking

کار با Vite Working with Vite

• مقدمه بخش Section intro

• بارگذاری مجدد ماژول داغ (Hot module reloading) Hot module reloading

• مدیریت دارایی‌ها (assets) Handling assets

• پیکربندی Vite Configuring Vite

• متغیرهای محیطی (Environment variables) Environment variables

• مدیریت مسیرهای چندگانه Handling multiple routes

• ایجاد بسته‌های چندگانه Creating multiple bundles

• پلاگین‌های Vite Vite plugins

پروژه: ساخت یک کتابخانه با Vite Project: building a library with Vite

• مقدمه بخش Section intro

• استفاده از حالت کتابخانه (library mode) Using library mode

• بهینه سازی برای خروجی npm Optimizing for npm export

• اضافه کردن تایپ‌ها (TypeScript) Adding types (TypeScript)

• بهینه سازی Bundle Bundle optimization

دیگر ویژگی‌های Vite Other Vite features

• مقدمه بخش Section intro

• Linting Linting

• تصویرساز بسته‌ی Vite (Vite bundle visualizer) Vite bundle visualizer

• گزینه Vite Host Vite Host option

• وارد کردن Glob (Glob imports) Glob imports

• مدیریت CSS با Vite Handling css with Vite

• اختیاری: Vitest – اولین آشنایی Optional: Vitest - first contact

• اختیاری: Vitest و React Optional: Vitest and React

پروژه: ایجاد یک پلاگین Vite Project: creating a Vite plugin

• مقدمه بخش Section intro

• کد اولیه پلاگین Initial plugin code

• کار با تصاویر Working with Images

• اضافه کردن آرگومان‌های پلاگین Adding plugin arguments

• تجزیه‌گر پلاگین Vite (Vite plugin analyzer) Vite plugin analyzer

آینده Vite Future of Vite

• آینده Vite Future of Vite

پایان End

• متشکرم! Thank you!

• جایزه (Bonus) Bonus