دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

دوره Vue 3 و NET 10. - ساخت اپلیکیشن Full-Stack واقعی [2025]

دوره Vue 3 و NET 10. - ساخت اپلیکیشن Full-Stack واقعی [2025]

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

  • اصول Vue (آخرین نسخه Vue 3)
  • REF و Reactive در Vue
  • دایرکتیوهای Vue
  • استایل‌دهی و کلاس‌دهی پویا در Vue
  • رویدادها و اتصال داده در Vue
  • فرم‌ها و اعتبارسنجی فرم
  • کامپوننت‌ها در Vue
  • ارتباط بین کامپوننت‌های Vue
  • Provide و Inject
  • اسلات‌ها در Vue
  • مسیریابی با استفاده از Vue Router
  • درخواست API با استفاده از Axios
  • مدیریت استیت با Pinia
  • ساخت API با استفاده از NET 10.
  • استقرار NET API.
  • Consume API در اپلیکیشن VUE
  • پیاده‌سازی احراز هویت و مجوزدهی در اپلیکیشن Vue با استفاده از NET API.
  • استقرار اپلیکیشن Vue

پیش‌نیازهای دوره

  • دانش اولیه Javascript و HTML و CSS
  • مبانی NET API. (قابلیت‌های CRUD با Entity Framework)
  • نیازی به دانش قبلی از Vue نیست.

توضیحات دوره

سلام به قهرمانان آینده full-stack! مدرس این دوره، Bhrugen، مشتاق است تا شما را در یکی از قدرتمندترین و پرتقاضاترین پشته‌های فناوری موجود راهنمایی کند: Vue.js + .NET Core Web API

این دوره فقط یادگیری سینتکس نیست؛ بلکه در مورد ساخت اپلیکیشن‌های واقعی و آماده‌ی محصول با ابزارهایی است که توسعه‌دهندگان عاشق استفاده از آن‌ها هستند:

  • Vue.js – سبک، واکنش‌گرا و بسیار سریع، Vue ساخت رابط‌های کاربری (UI) زیبا و تعاملی را بسیار آسان می‌کند. منحنی یادگیری ملایم و معماری مبتنی بر کامپوننت آن به این معنی است که در کمترین زمان از صفر به رابط‌های پویا خواهید رسید. علاوه بر این، با Composition API در Vue 3، قابلیت استفاده مجدد و سازماندهی به سطح کاملاً جدیدی می‌رسد!
  • NET Core. و فریم‌ورک مدرن و چندپلتفرمی مایکروسافت که برای کارایی، مقیاس‌پذیری و امنیت ساخته شده است. با NET Core Web API.، بک‌اندهای قدرتمندی ساخته خواهد شد، از Entity Framework Core برای دسترسی یکپارچه به پایگاه داده استفاده می‌شود، و APIهای RESTful ساخته می‌شوند که frontend مبتنی بر Vue شما عاشق آن‌ها خواهد شد.

و بهترین بخش اینجاست: همه این‌ها با ویژگی‌های دنیای واقعی مانند احراز هویت، اعتبارسنجی داده، استقرار در ابر و شیوه‌های معماری پاک به هم متصل می‌شوند که اپلیکیشن‌های شما را قابل نگهداری و آینده‌نگر می‌سازد.

چه شما:

  • یک توسعه‌دهنده frontend باشید که می‌خواهد backend را فتح کند،
  • یک توسعه‌دهنده NET. آماده برای یادگیری نهایی جاوا اسکریپت مدرن،
  • یا یک مبتدی کامل با اشتیاق فراوان تسلط به توسعه full-stack

این دوره سکوی پرتاب شماست. در پایان، شما مهارت‌ها و پروژه پورتفولیو را برای اثبات آن خواهید داشت.

برخلاف دوره‌های دیگری که تئوری را بدون کاربرد آموزش می‌دهند، در این دوره شما چندین پروژه واقعی خواهید ساخت که یادگیری شما را تقویت کرده و پورتفولیوی شما را گسترش می‌دهد. تا پایان این سفر، شما اعتماد به نفس و مهارت‌های لازم برای ایجاد اپلیکیشن‌های Vue پیچیده و آماده‌ی محصول با بک‌اند قدرتمند NET. را از صفر خواهید داشت.

چه یک مبتدی کامل باشید یا توسعه‌دهنده‌ای که از فریم‌ورک‌های دیگر مهاجرت می‌کند، این دوره مسیر عالی برای تسلط به Vue.js با NET API. را فراهم می‌کند. به هزاران دانشجوی موفقی بپیوندید که از طریق این رویکرد عملی و مبتنی به پروژه به Vue.js با NET API. مسلط شده‌اند.

این دوره برای چه کسانی مناسب است؟

  • هر کسی که علاقه‌مند به یادگیری Vue JS از صفر است.
  • هر کسی که علاقه‌مند به ساخت اپلیکیشن با استفاده از Vue و NET API. است.

دوره Vue 3 و NET 10. - ساخت اپلیکیشن Full-Stack واقعی [2025]

  • خوش آمدید 02:56
  • Vue چیست؟ 03:20
  • نمایش – پروژه نهایی 07:55
  • بازخورد دوره 01:35
  • 2 راه برای شرکت در دوره 03:13
  • ساخت پروژه 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
  • Ref بر روی آبجکت 01:26
  • واکنش گرا در Vue 02:51
  • واکنش گرایی و عدم واکنش گرایی در vue 01:06
  • v-html 02:50
  • دایرکتیو v-once 01:20
  • دایرکتیو v-bind 02:02
  • پاکسازی 01:24
  • دایرکتیو 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می‌توانند غیرهمزمان باشند 00:47
  • میانبر برای v-on 00:51
  • راه‌اندازی فرم 02:38
  • جلوگیری از ارسال در فرم 04:07
  • مودیفایرهای مدل 01:42
  • دکمه‌های رادیو 02:30
  • دراپ‌داون در Vue 01:32
  • اعتبارسنجی هنگام بروز 03:31
  • اعتبارسنجی فرم 03:08
  • ساخت پروژه vue با vite 07:02
  • ابزارهای توسعه در Vue 02:32
  • حذف تمام فایل‌های vue از پروژه 06:23
  • Hello World از vue 04:31
  • Vue در عمل 02:08
  • ساخت کامپوننت اول 04:49
  • ساخت کامپوننت دیگر 03:02
  • راه‌اندازی پاک 01:54
  • محلی در مقابل جهانی 03:15
  • تمرین – کامپوننت محلی 00:15
  • حل تمرین – کامپوننت محلی 00:33
  • افزودن Bootstrap 01:11
  • انتقال props 02:49
  • props پیوسته 02:20
  • اعتبارسنجی props 01:27
  • ویژگی‌ها و متغیر محلی 03:17
  • لیست تماس‌ها 03:05
  • انتقال پیوند پویا به prop 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
  • حل تمرین – Emits در Vue 01:44
  • مولد شماره شانس 06:33
  • انتقال Props به کامپوننت نوه 03:22
  • مشکل با Props 01:47
  • Provide و Inject 04:07
  • انتقال متد به عنوان props 02:45
  • پاکسازی و شماره شانس V2 04:13
  • کامپوننت‌های پویا 04:33
  • نکته اضافی 01:25
  • حفظ زنده 02:59
  • پاکسازی 01:23
  • اسلات ها 02:35
  • کدام شخص مالک داده اسلات ها است 01:58
  • اسلات های نام‌دار 03:19
  • استایل‌های محدوده 02:49
  • پاکسازی چرخه عمر 00:49
  • دمو چرخه عمر 08:04
  • پاکسازی پروژه 00:47
  • Composible در عمل 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
  • پارامترهای متعدد در آدرس 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
  • دریافت در عمل 01:30
  • سرور json در حال اجرا 03:42
  • درخواست GET در json server 02:52
  • کد سازمان‌یافته 00:44
  • Loader در عمل 04:43
  • کامپوننت Loader 01:41
  • ساخت پروژه 04:04
  • مسیریابی در عمل 02:32
  • افزودن Pinia به اپلیکیشن 01:40
  • ساخت Pinia store 03:08
  • رابط کاربری صفحه اصلی 02:49
  • استفاده از Store در یک کامپوننت 02:36
  • بروزرسانی استیت در Pinia 02:32
  • Getters در Pinia و یک مشکل 04:24
  • Actions در Pinia 03:30
  • بازنشانی بازی 03:48
  • Pinia در کامپوننت‌ها 03:38
  • سبک Composition API 05:25
  • ساخت پروژه 01:49
  • پکیج‌های Nuget 03:28
  • افزودن Scalar 02:37
  • رشته اتصال و ApplicationDbContext 04:32
  • ساخت جداول هویت 04:37
  • افزودن نام به جدول کاربر 02:42
  • پاسخ API 02:05
  • مدل آیتم منو 04:32
  • Seed آیتم‌های منو 03:24
  • دریافت همه آیتم‌های منو 04:12
  • دریافت آیتم منو بر اساس Id 02:13
  • DTOs برای ساخت و بروزرسانی آیتم منو 02:49
  • بروزرسانی DTOs بخش 2 01:27
  • بخش 3 بروزرسانی آیتم منو 01:20
  • ساخت آیتم منو 08:20
  • ساخت در عمل 02:21
  • بروزرسانی آیتم منو 07:24
  • حذف آیتم منو 02:10
  • افزودن تصویر برای آیتم منو 03:11
  • افزودن کنترلر تست احراز هویت 03:46
  • پیکربندی احراز هویت در API 05:35
  • افزودن Document Transformer 05:47
  • دموی احراز هویت Scalar 00:43
  • DTO ورود و ثبت‌نام 02:01
  • ثبت‌نام Endpoint 06:24
  • نقش‌ها در عمل 06:29
  • ورود Endpoint 07:27
  • مجوزدهی در عمل 03:04
  • جدول هدر و جزئیات سفارش 05:52
  • DTO هدر و جزئیات سفارش 02:58
  • دریافت سفارش‌ها 05:04
  • ایجاد سفارش 07:08
  • نمایش – ایجاد سفارش 05:55
  • بروزرسانی سفارش 06:02
  • نمایش – بروزرسانی سفارش 04:03
  • افزودن فیلد امتیاز 02:42
  • بروزرسانی امتیاز 04:19
  • امتیاز در عمل 03:41
  • امتیاز فردی آیتم منو 01:12
  • Cors و باگ کوچک 02:23
  • ساخت پروژه 02:56
  • پاکسازی پروژه 02:28
  • افزودن نماها به پروژه 06:30
  • تعریف مسیرها 09:51
  • فوتر و Bootstrap 04:45
  • هدر - بخش 1 05:57
  • هدر - بخش 2 05:27
  • Store تم 04:01
  • ماندگارسازی Pinia 04:58
  • ساخت سرویس API 04:06
  • دریافت آیتم‌های منو 06:46
  • آرایه‌ها واکنش گرایی خواهند بود 00:55
  • قالب لیست آیتم منو 01:49
  • رابط کاربری پویا 04:52
  • قالب ساخت آیتم منو 01:52
  • آبجکت آیتم منو 02:55
  • دسته‌بندی در پروژه 02:19
  • آبجکت آیتم منو و اعتبارسنجی 06:14
  • تصویر آیتم منو 05:45
  • داده فرم 03:46
  • ساخت آیتم منو 05:05
  • ویرایش آیتم منو - بخش 1 06:47
  • ویرایش آیتم منو - بخش 2 06:49
  • تغییرات در جریان 01:40
  • Sweetalert در پروژه 06:44
  • حذف آیتم منو - بخش 1 04:31
  • حذف باگ 03:19
  • تکالیف - باگ کوچک 01:15
  • قالب صفحه اصلی 04:01
  • دریافت آیتم‌های منو 03:12
  • نمایش داده در کامپوننت کارت آیتم منو 01:59
  • گزینه‌های دسته‌بندی 04:23
  • فیلتر دسته‌بندی در عمل 04:23
  • مرتب‌سازی در عمل 07:06
  • جستجو در عمل 02:02
  • مشکلات کوچک 01:41
  • مودال جزئیات 02:07
  • مودال و Emits 06:58
  • نمایش جزئیات مودال 01:55
  • راه اندازی Store سبد 06:02
  • افزودن اقلام به Store سبد 03:00
  • تغییر وضعیت دکمه افزودن به سبد 03:32
  • افزایش و کاهش تعداد در Store سبد 06:29
  • نمایش تعداد سبد 00:51
  • قالب سبد 01:05
  • رابط کاربری سبد 02:34
  • سبد خرید در عمل 06:50
  • قالب مودال ثبت سفارش 01:38
  • تغییر وضعیت مودال سفارش 05:07
  • مودال ثبت سفارش با تمام جزئیات 06:04
  • اعتبارسنجی‌ها و ماندگارسازی سبد خرید 07:35
  • قالب‌های ورود و ثبت‌نام 05:24
  • اعتبارسنجی ثبت‌نام 04:33
  • اعتبارسنجی ورود 02:56
  • ثبت‌نام در سرویس احراز هویت 03:02
  • Store احراز هویت 06:39
  • ثبت‌نام در عمل 07:36
  • ورود و دریافت توکن 05:21
  • ورود - نمایش 05:32
  • کوکی‌های جاوااسکریپت 02:05
  • تغییر هدر 02:06
  • آغاز احراز هویت 05:53
  • خروج در عمل 02:15
  • حفاظت‌های ناوبری 05:17
  • باگ کوچک 01:30
  • ساخت مودال سفارش 05:41
  • سرویس سفارش 05:38
  • ثبت سفارش 08:25
  • قالب لیست سفارش 02:02
  • لیست سفارش در عمل 08:45
  • قالب مدیریت سفارش 01:46
  • پایه برای فیلتر و مرتب‌سازی 04:00
  • فیلتر وضعیت در عمل 07:00
  • جستجوی سفارش 01:46
  • مرتب‌سازی در عمل 04:41
  • آیکون‌های مرتب‌سازی 04:21
  • رنگ‌آمیزی وضعیت 01:35
  • صفحه‌بندی بخش 1 07:20
  • صفحه‌بندی بخش دوم 05:14
  • صفحه‌بندی بخش 3 07:12
  • مودال برای جزئیات سفارش 05:53
  • نمایش جزئیات سفارش 06:20
  • وضعیت سفارش - بخش 1 06:33
  • بروزرسانی وضعیت - بخش 2 04:50
  • Emit وضعیت بروزرسانی 02:07
  • بروزرسانی API برای مجوزدهی 03:47
  • انتقال توکن به API 04:03
  • رفع خطاهای کوچک 02:41
  • ارسال امتیاز در سرویس سفارش 01:50
  • قالب امتیاز 01:32
  • امتیاز بخش 1 08:13
  • افزودن امتیاز به جدول پایگاه داده 04:59
  • نمایش امتیاز 01:54
  • امتیازها در عمل 01:04
  • قابلیت فقط خواندن در امتیاز 01:37
  • نمایش امتیازها در صفحه اصلی 06:25
  • رفع خطای کوچک در امتیازها 01:18
  • بروزرسانی رابط کاربری برای ورود و ثبت‌نام 01:33
  • استقرار پایگاه داده SQL 05:22
  • استقرار API 03:51
  • استقرار اپلیکیشن Vue 03:58

6,655,500 1,331,100 تومان

مشخصات آموزش

دوره Vue 3 و NET 10. - ساخت اپلیکیشن Full-Stack واقعی [2025]

  • تاریخ به روز رسانی: 1404/09/07
  • سطح دوره:متوسط
  • تعداد درس:295
  • مدت زمان :16:51:21
  • حجم :8.09GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,495,000 499,000 تومان
  • زمان: 06:19:16
  • تعداد درس: 40
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,787,000 1,357,400 تومان
  • زمان: 17:11:52
  • تعداد درس: 113
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,360,500 1,672,100 تومان
  • زمان: 21:10:47
  • تعداد درس: 202
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
5,720,500 1,144,100 تومان
  • زمان: 14:29:26
  • تعداد درس: 36
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,206,500 841,300 تومان
  • زمان: 10:39:08
  • تعداد درس: 64
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,391,000 878,200 تومان
  • زمان: 11:07:45
  • تعداد درس: 63
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,261,000 1,452,200 تومان
  • زمان: 18:23:18
  • تعداد درس: 103
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:57:00
  • تعداد درس: 20
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:41:00
  • تعداد درس: 9
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید