دوره آموزشی
دوبله زبان فارسی
آموزش Vue JS - راهنمای کامل [2025]
![آموزش Vue JS - راهنمای کامل [2025]](/media/courses/images/vue-js-the-complete-guide-2025.jpg)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- اصول Vue (آخرین نسخه Vue 3)
- REF و Reactive در Vue
- دستورات مستقیم Vue
- استایلدهی و کلاسهای داینامیک در Vue
- رویدادها و اتصال داده در Vue
- فرمها و اعتبارسنجی فرم
- کامپوننتها در Vue
- ارتباط بین کامپوننتهای Vue
- Provide و Inject
- اسلات در Vue
- رابطهی مسیریابی با استفاده از Vue Router
- درخواستهای API با Axios
- مدیریت استیت با Pinia
- پروژهی عملی با Firebase
- معتبرسازی و کنترل دسترسی در Vue
- استقرار اپلیکیشن Vue
پیشنیازهای دوره
- HTML اولیه، CSS و JS
توضیحات دوره
Vue.js یک فریمورک قدرتمند، انعطافپذیر و مناسب مبتدیان است که فرآیند ساخت برنامههای وب مدرن را بسیار ساده میکند. این فریمورک سبک است، یادگیری آن آسان است و ادغام بینظیری با ابزارها و کتابخانههای دیگر دارد. با استفاده از اتصال داده واکنشگرا، معماری مبتنی بر کامپوننت و API شهودی، میتوانید رابطهای کاربری دینامیک و تعاملی را سریعتر توسعه دهید.
چه مبتدی باشید یا توسعهدهنده با تجربه، سادگی و چندکاره بودن Vue آن را به یک گزینهی محبوب برای ساخت اپلیکیشن های مقیاسپذیر و واقعی تبدیل میکند.
با دوره آموزشی «آموزش Vue.js - راهنمای کامل» میتوانید از یک مبتدی کامل به توسعهدهندهای مطمئن تبدیل شوید. این آموزش عملی، شما را طی گام به گام در تمام جنبههای توسعه Vue.js هدایت میکند و مهارتهای شما را به تدریج توسعه میدهد، در حالی که پروژههای واقعی میسازید.
در این دوره، ابتدا با اصول Vue شروع میکنید و سپس به مفاهی پیشرفتهتری مانند:
- مفاهیم و سینتکس اصلی Vue.js
- معماری و ارتباط کامپوننتها
- مدیریت استیت با Pinia
- مسیریابی با Vue Router
- یکپارچهسازی با Firebase برای کارکردهای بکاند
- مراحل اعتبارسنجی و مدیریت کاربران
- API consumption و مدیریت داده
- استقرار اپلیکیشن
بر خلاف دورههایی که تنها تئوری تدریس میکنند، شما در این دوره چند پروژهی واقعی میسازید که دانشتان را تثبیت کند و نمونهکارهای شما را گسترش دهد. در پایان، مهارت و اعتماد لازم برای ساخت اپلیکیشن های Vue پیشرفته و آماده تولید از ابتدا را خواهید داشت.
چه یک مبتدی کامل باشید یا توسعهدهندهای در حال انتقال از فریمورکهای دیگر، این دوره مسیر مناسبی برای تسلط به Vue.js است. هزاران دانشجو موفق، از طریق روش پروژهمحور و عملی، وارد دنیای حرفهای Vue.js شدهاند.
این دوره برای چه کسانی مناسب است؟
- تمام کسانی که علاقهمند به یادگیری Vue JS از صفر هستند.
آموزش Vue JS - راهنمای کامل [2025]
-
مقدمه 01:52
-
چه مواردی را پوشش میدهیم؟ 02:16
-
پروژه نهایی - دموی کار 04:06
-
نصب Node.js 02:14
-
افزونه VS Code 01:54
-
ایجاد پروژه 02:25
-
Hello Vue 04:56
-
بازگردانی چندین خصوصیت 02:39
-
آبجکت و آرایهها 02:35
-
جاوااسکریپت و Vue 02:15
-
توابع در Vue 02:16
-
تمرین 1 - تابع 00:41
-
حل تمرین 1 - تابع 01:03
-
Ref 03:51
-
تایماوت در فانکشن 01:21
-
ریفر بر روی آبجکت 01:26
-
واکنشگرا در Vue 02:51
-
واکنشپذیری و غیرواکنشپذیری در Vue 01:06
-
v-html 02:50
-
directive v-once 01:20
-
دستور v-bind 02:02
-
پاکسازی 01:24
-
directive v-show 01:20
-
دستور v-if 02:30
-
دستورهای v-else و v-else-if 02:58
-
دستور v-for 03:18
-
تکرار بر روی آرایه آبجکت ها 03:00
-
کلید و مقدار در یک آبجکت 01:45
-
v-once در حلقه 00:55
-
کلید در v-for 04:44
-
پاکسازی پروژه 00:37
-
اتصال استایلها در Vue 02:56
-
اتصال های استایل داینامیک 01:14
-
اتصال های کلاس در Vue 03:26
-
اتصال های کلاس قسمت 2 03:36
-
آرایه کلاسها و آبجکت های استایل سفارشی 03:30
-
نماد کوتاه v-bind 01:14
-
پاکسازی 00:48
-
رویداد کلیک روی دکمه 01:47
-
ارسال پارامتر به توابع 01:19
-
آبجکت رویداد 02:07
-
تعدیلات رویداد 04:37
-
تعدیلات کلید 03:38
-
پاکسازی 00:27
-
اتصال دو طرفه داده 02:17
-
تعدیلات مدل 01:59
-
خصوصیات محاسباتی 05:18
-
مقدار قبلی خاصیت محاسباتی 02:48
-
Watchers در Vue 03:19
-
Watchers در خواص واکنشی 02:13
-
MovieOPedia - راه اندازی پایه 07:49
-
تمرین - MovieOPedia - رویدادهای دکمه 01:16
-
حل تمرین - MovieOPedia - رویدادهای دکمه 03:05
-
تمرین - MovieOPedia - Watcher و Computed Prop 03:42
-
حل تمرین - MovieOPedia - Watcher و Computed Prop 02:14
-
Watchers به صورت async 00:47
-
کوتاهسری v-on 00:51
-
پیکربندی فرمها 02:38
-
جلوگیری از ارسال فرمها 04:07
-
تعدیلات مدل 01:42
-
دکمههای رادیویی 02:30
-
لیست کشویی در Vue 01:32
-
اعتبارسنجی در حالت Blur 03:31
-
اعتبارسنجی فرمها 03:08
-
ایجاد پروژه Vue با Vite 07:02
-
حذف تمامی فایلهای Vue پروژه 06:23
-
Hello World از Vue 04:31
-
Vue در عمل 02:08
-
ساخت اولین کامپوننت 04:49
-
ایجاد کامپوننت دیگر 03:02
-
3 راهاندازی تمیز و سریعتر 01:54
-
کامپوننتهای بومی و سراسری 03:15
-
تمرین - کامپوننت محلی 00:15
-
حل تمرین - کامپوننت محلی 00:33
-
اضافه کردن Bootstrap 01:11
-
ارسال پراپها 02:49
-
پراپهای باند شده 02:20
-
اعتبارسنجی پراپس 01:27
-
پراپ و متغیر محلی 03:17
-
لیست تماسها 03:05
-
انتقال اتصال پراپ داینامیک 01:41
-
تغییر دینامیک کلاس و متن دکمه 02:52
-
نکتهی اضافی 00:47
-
عملیات Emit 05:53
-
ارسال پارامتر در Emits 02:36
-
ارسال آرایه در emit 01:24
-
نکتهی اضافی - دریافت مقدار از کامپوننت والد 01:06
-
ارسال آبجکت ها در Emit 01:03
-
Emit در خطی 01:00
-
اضافه کردن کامپوننت تماس جدید 05:19
-
تمرین - Emit در Vue 01:25
-
حل تمرین - Emit در Vue 01:44
-
تولیدکننده شماره شانس 06:33
-
ارسال پراپ به سطح فرزند بزرگتر 03:22
-
مشکل با پراپس 01:47
-
Provide و Inject 04:07
-
ارسال تابع به عنوان پراپ 02:45
-
پاکسازی و نسخه 2 Lucky Number 04:13
-
کامپوننتهای داینامیک 04:33
-
نکتهی اضافی 01:25
-
نگه داشتن وضعیت 02:59
-
پاکسازی 01:23
-
اسلاتها 02:35
-
مالک داده اسلاتها 01:58
-
اسلاتهای نامگذاریشده 03:19
-
سبکهای اسکوپ شده 02:49
-
پاکسازی چرخه زندگی 00:49
-
دموی چرخه عمر 08:04
-
پاکسازی پروژه 00:47
-
Composibles در عمل 05:17
-
Composible در چندین کامپوننت 01:31
-
پراپها در Composibles 01:44
-
ایجاد پروژه 02:08
-
اضافه کردن Vue Router 01:28
-
ایجاد کامپوننتها 02:45
-
ساخت مسیر در Vue 03:43
-
مسیریابی در عمل 03:37
-
پیکربندی Vite 01:05
-
اضافه کردن هدر 01:56
-
لینک مسیریابی 02:10
-
اتصال مسیر داینامیک 04:09
-
چند پارامتر در URL 05:01
-
مسیر با مقادیر داینامیک 02:04
-
مسیرهای نامگذاریشده 01:43
-
استفاده از مسیرهای نامگذاری شده 01:32
-
انتقال مسیر 01:06
-
صفحه یافت نشد 01:33
-
مسیردهی بین کامپوننتها 01:41
-
دکمه بازگشت 01:30
-
حفاظت ناوبری جهانی 04:37
-
محافظت صفحات از دسترسی غیرمجاز 03:30
-
عدم دسترسی به کامپوننت در عمل 05:09
-
کلاس فعال لینک 02:24
-
ایجاد پروژه و پاکسازی 04:01
-
درخواستهای Axios 04:27
-
درخواست API در عمل 01:30
-
راهاندازی سرور JSON 03:42
-
درخواست GET روی سرور JSON 02:52
-
کد ساختیافته 00:44
-
لودر در حال اجرا 04:43
-
کامپوننت لودر 01:41
-
ایجاد پروژه 04:04
-
مسیریابی در عمل 02:32
-
اضافه کردن Pinia به اپلیکیشن 01:40
-
ایجاد فروشگاه Pinia 03:08
-
UI برای صفحه اصلی 02:49
-
استفاده از استور در یک کامپوننت 02:36
-
بروزرسانی استیت در Pinia 02:32
-
گترها در Pinia و یک مشکل 04:24
-
عملیات در Pinia 03:30
-
بازنشانی بازی 03:48
-
Pinia بین کامپوننتها 03:38
-
ایجاد پروژه و بستهها 04:45
-
اضافه کردن پوشه و کامپوننتهای خالی 08:10
-
پیکربندی مسیرها و ثابتها 06:20
-
طرحبندی هدر 03:29
-
کامپوننت فوتر 02:14
-
قسمت اول رابط کاربری هدر 03:37
-
هدر در حال اجرا 02:34
-
اضافه کردن تنظیم رنگ در نوارناوبری 02:28
-
مخزن تمها 02:14
-
تمها در عمل 02:30
-
ایجاد برنامه در Firebase 03:15
-
ایجاد پایگاه داده Firestore 03:00
-
سرویس محصولات 03:56
-
رابط کاربری افزودن محصول 02:43
-
فرم محصول 05:04
-
پردازش آبجکت محصول 03:27
-
اعتبارسنجی فرم 03:41
-
منوی کشویی دستهبندی 02:40
-
نکتهی اضافی 01:25
-
هشدار Sweet Alert 07:32
-
خطا در تگها 01:05
-
ایجاد محصول در Firebase و انتقال 04:53
-
قالب لیست محصولات 01:04
-
نمایش همه محصولات 02:56
-
نمایش همه محصولات 04:43
-
بارگذاری bootstrap 01:25
-
اندپوینت ها در سرویس محصول 03:21
-
حذف محصول در عمل 03:52
-
بارگذاری محصول هنگام بروزرسانی 07:21
-
بروزرسانی در عمل 01:57
-
گرفتن لیست محصولات برای صفحه اصلی 01:13
-
قالبها برای صفحه اصلی و کارت محصول 02:30
-
کامپوننت کارت محصول داینامیک 04:16
-
تنظیمات نمایش فروش 01:45
-
مودال جزئیات محصول 07:36
-
جزئیات محصول در حال اجرا 05:14
-
نمایش لیست دستهبندی 02:50
-
فیلتر دستهبندی در عمل 03:40
-
جستجوی محصول 01:49
-
گزینههای مرتبسازی 01:59
-
مرتبسازی در عمل 02:52
-
اضافه کردن قالبها 01:09
-
اضافه کردن احراز هویت در Firebase 01:28
-
راهاندازی اولیه ثبتنام 03:07
-
پیکربندی اولیه ورود 03:15
-
ایجاد فروشگاه احراز هویت 03:10
-
ایجاد کاربر در Firebase 05:07
-
پیغام خطای اعتبارسنجی 04:02
-
اضافه کردن مجموعه کاربران در Firebase با نقشها 05:28
-
ورود در عمل 02:49
-
بهروزرسانی هدر هنگام ورود 04:03
-
بررسی سشن در Firebase 02:57
-
خروج در عمل 02:27
-
بررسی استیت احراز هویت قبل از راهاندازی اپلیکیشن 04:37
-
کامپوننت تماس با ما 01:19
-
مدیر و کاربر عادی 01:48
-
اضافه کردن روشهای مجوز 04:13
-
محدودیت دسترسی بر اساس نقشها در عمل 03:57
-
نمایش ایمیل 01:06
-
پاکسازی 01:37
-
یک خطا 01:22
-
هماهنگی مخزن تم با Composition API 02:38
-
حفظ استیت Pinia 05:10
-
متد آپلود در Cloudinary 05:38
-
آپلود در Cloudinary 06:25
-
مشکل برطرف شد 03:05
-
Swal Composibles 01:17
-
استقرار اپلیکیشن 02:20
مشخصات آموزش
آموزش Vue JS - راهنمای کامل [2025]
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:مقدماتی
- تعداد درس:220
- مدت زمان :10:39:16
- حجم :5.37GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
7,256,500
1,451,300 تومان
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
2,260,000
452,000 تومان
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
795,000
159,000 تومان
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,508,000
1,701,600 تومان
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,201,500
1,040,300 تومان
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,833,000
366,600 تومان
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,100,500
1,220,100 تومان
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
3,634,500
726,900 تومان
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی