# توسعه‌ی فرانت‌اند با Vue.js

ساخت رابط‌های کاربری مدرن و واکنش‌گرا با Vue.js ۳ و Composition API — کامپوننت‌ها، مدیریت وضعیت با Pinia، مسیریابی و تست.

- **بخشی از:** [مهندسی نرم‌افزار — وب فول‌استک](/fa/tracks/full-stack-web-developer)‏ — مسیر یادگیری 2 از 3
- **اندازه:** 4 فصل، 20 درس، 12 ساعت در هفته
- **سطح:** متوسط

::route
1. [توسعه‌ی بک‌اند با Laravel](/fa/paths/backend-development-laravel)‏ — 5 فصل، 15 ساعت در هفته، 1 ایستگاه سنجش
2. **توسعه‌ی فرانت‌اند با Vue.js**‏ — 4 فصل، 12 ساعت در هفته، 1 ایستگاه سنجش
3. [یکپارچه‌سازی و استقرار فول‌استک](/fa/paths/full-stack-integration-deployment)‏ — 3 فصل، 12 ساعت در هفته، 1 ایستگاه سنجش
::

::cta https://app.artimend.com/tracks/full-stack-web-developer شروع این مسیر

## سرفصل‌ها

### 1. مبانی Vue.js

- 6 درس
- **مهارت‌ها:**‏ Vue.js‏ · JavaScript‏ · Composition API‏ · واکنش‌پذیری‏

### 2. کامپوننت‌ها و ترکیب‌بندی

- 5 درس
- **مهارت‌ها:**‏ طراحی کامپوننت‏ · Props کامپوننت‏ · رویدادها و شنونده‌ها‏ · Composables‏

### 3. مدیریت وضعیت و مسیریابی

- 5 درس
- **مهارت‌ها:**‏ Pinia‏ · Vue Router‏ · مدیریت وضعیت‏ · مسیریابی SPA‏

### 4. تست و آماده‌سازی برای پروداکشن

- 4 درس
- **مهارت‌ها:**‏ Vitest‏ · آزمون کامپوننت‏ · آزمون سرتاسری (E2E)‏ · بهینه‌سازی بیلد‏
- **ایستگاه سنجش:** دروازه‌ی پایانیِ فرانت‌اند