بررسی Vue 3 در عمل - 6 پروژه برای تسلط به فریمورک
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- Composition API
- الزامات Vue
- ساخت کامپوننتها
- Vue Router
- تایپ اسکریپت در Vue
- Pinia
- ایجاد Composableها
پیشنیازهای دوره
- جاوا اسکریپت اولیه
- اچ تی ام ال اولیه
- سی اس اس اولیه
توضیحات دوره
در این دوره جامع و بروز Vue 3، شما 6 پروژه (به همراه یک پروژه تمرینی) ایجاد خواهید کرد تا به کل الزامات فریمورک Vue مسلط شوید و بتوانید پروژههای خود را بسازید یا شغلی پیدا کنید.
آنچه این دوره پوشش میدهد:
- قالبها و دایرکتیوهای Vue
- کامپوننتها شامل props، رویدادها و اسلاتها
- ترنزیشنها
- تایپ اسکریپت
- Composition API، شامل ساخت Composableهای خودتان
- Vue Router (برای ساخت SPAها)
- Pinia (مدیریت state مشترک)
پروژههایی که خواهید ساخت:
- آیا میتوانید رانندگی کنید؟
- آزمون ساده (پروژه تمرینی)
- گالری تصویر
- لیست وظایف
- مینی اپلیکیشن رجیستر کردن رویداد
- اپلیکیشن تنظیمات کاربر
- اپلیکیشن کتاب دستور پخت
به این دوره بپیوندید تا تجربهی عملی با Vue 3 کسب کنید، از Vite برای راهاندازی پروژه استفاده کنید و کاربردهای عملی Composition API و Pinia در مدیریت state را بررسی کنید. یاد بگیرید چگونه اپلیکیشنهای تک صفحهای (SPA) پویا با Vue Router ایجاد کنید، اپلیکیشنهای خود را با ترنزیشنهای نرم بهبود بخشید و از تایپ اسکریپت برای نوشتن کد امن از نظر تایپ استفاده کنید. چه مبتدی باشید، چه بخواهید مهارتهایتان را ارتقا دهید، این دوره شما را به دانش لازم برای موفقیت در دنیای توسعه وب مدرن مجهز میکند.
در طول دوره، شما پروژههای واقعی ایجاد خواهید کرد که قدرت Vue 3 را نشان میدهند، از ایجاد یک اپلیکیشن آزمون ساده تا مدیریت state با Pinia در یک اپلیکیشن تنظیمات کاربر را بررسی خواهید کرد. در پایان این دوره، شما درک محکمی از اینکه چگونه از Composition API در Vue 3 برای ساخت اپلیکیشنهای مقیاسپذیر و قابل نگهداری استفاده کنید، بدست خواهید آورد. شما بهترین شیوهها را برای ساختاردهی به اپلیکیشنهای Vue خود و کار کردن به طور موثر با تایپ اسکریپت یاد خواهید گرفت تا خطاها را زود شناسایی کنید و گردش کار توسعه خود را بهبود دهید.
این دوره به گونهای طراحی شده است که کاربردی و مبتنی بر پروژه باشد و اطمینان حاصل کند که شما تنها تئوری را یاد نمیگیرید، بلکه دانش خود را در ساخت اپلیکیشنهای کاربردی اعمال میکند. چه بخواهید وارد صنعت شوید، چه به دنبال ارتقای مهارتهای فعلی خود باشید، این دوره Vue 3 دروازهای به سوی تبدیل شدن به یک توسعهدهنده ماهر Vue است.
این دوره برای چه کسانی مناسب است؟
هر کسی که میخواهد سریعاً Vue را یاد بگیرد!
بررسی Vue 3 در عمل - 6 پروژه برای تسلط به فریمورک
-
بررسی دوره: آنچه یاد خواهید گرفت پروژههایی که خواهید ساخت 03:35
-
چرا Vue 3 را انتخاب کنیم؟ - مزایا و مزایای آن 04:03
-
یادگیری خود را به حداکثر برسانید: چگونه از این دوره بیشترین بهره را ببریم؟ 05:11
-
دسترسی به کد منبع: کجا باید آن را پیدا کنیم؟ 03:09
-
تنظیم ویژوال استودیو کد: میانبرها، افزونهها و نکات ضروری 10:31
-
به یادآوری در مورد اچ تی ام ال، جاوا اسکریپت یا سی اس اس نیاز دارید؟ اینجا به شما کمک میکنیم 02:37
-
مقدمه: پروژه 1 03:44
-
جان بخشیدن به اپلیکیشن Vue! 09:47
-
واکنشپذیری در Vue - استفاده از ()ref 04:50
-
ویژگیهای محاسبه شده - استفاده از ()computed 06:25
-
کلاسهای شرطی سی اس اس 05:05
-
اتصالات ورودی 04:58
-
تمرین 1 - ساخت یک بازی آزمون ساده 11:17
-
تمرین 1 - راهحل 12:49
-
مقدمه: پروژه مینی 2 02:12
-
مدیریت رویداد (v-on) 07:26
-
مودیفایرهای مدیریت رویداد 04:50
-
رندر شرطی (v-if) 08:41
-
رندر لیستها (v-for) 03:15
-
اتصال ویژگی 04:29
-
تمرین 2 - تاگل کردن علاقهمندی و حذف تصویر 04:30
-
تمرین 2 - راهحل برای تسک 1 06:02
-
تمرین 2 - راهحل برای تسک 2 03:18
-
مقدمه: پروژه مینی 3 04:53
-
هوکهای چرخه عمر 11:38
-
Template Refs (دسترسی به عناصر DOM) 04:57
-
نمایش لیست وظایف 12:11
-
افزودن وظایف جدید 10:18
-
Watcherها و اثرات جانبی 10:03
-
مقایسه watch با watchEffect 08:05
-
استفاده از ذخیرهسازی محلی 08:10
-
تمرین 3 - دکمه حذف و فیلترینگ وظایف 04:45
-
تمرین 3 - راهحل 10:51
-
مقدمه: پروژه متوسط 4 05:05
-
ایجاد پروژه Vue با Vite 07:03
-
درک ساختار و فایلهای پروژه 12:41
-
نصب و استفاده از TailwindCSS 13:47
-
ایجاد و استفاده از کامپوننتها 06:02
-
رندر لیست کامپوننتها 08:49
-
انتقال Props 07:13
-
رویدادهای کامپوننت 07:00
-
ویژگیهای Fall through 09:03
-
اسلاتهای کامپوننت اولیه 05:06
-
تمرین 4 - ایجاد یک کامپوننت کارت قابل استفاده مجدد 02:55
-
تمرین 4 - راهحل 07:31
-
اسلاتهای نامگذاری شده 11:20
-
اسلاتهای نامگذاری شده شرطی 06:04
-
واریانتهای کامپوننت 07:58
-
مقدمه: پروژه متوسط چهارم - چکپوینت 1 02:49
-
راهاندازی سرور Mock API 07:30
-
دریافت داده 08:24
-
State بارگذاری 04:12
-
جلوگیری از تغییرات طرحبندی (جایبانها) 10:52
-
ارسال داده به سرور 09:40
-
تمرین 5 - بارگذاری رزروها 02:09
-
تمرین 5 - راهحل 12:13
-
مقدمه: پروژه متوسط 4 - چکپوینت 2 01:52
-
توضیح رابط کاربری خوشبینانه با مثال رزرو رویداد 05:42
-
پیادهسازی رابط کاربری خوشبینانه رزرو رویداد 13:22
-
لغو رزروها با رابط کاربری خوشبینانه 08:20
-
استخراج EventList: چرا؟ 05:44
-
استخراج EventList: بزن بریم! 08:30
-
استخراج EventList: مدیریت Stateهای خالی 03:52
-
استخراج EventList: مدیریت خطا و بازیابی از خطا 07:18
-
طراحی پاسخگو 03:36
-
کامپوننتها و آیکونهای پویا 08:19
-
مقدمه: Composableها و اشتراکگذاری State 03:28
-
ایجاد و استفاده از Composableها 09:47
-
استفاده از Composable و حذف رویدادها 07:51
-
کامپوننت BookingList 03:19
-
مدیریت خطا کامپوننت و تمرین 6 07:38
-
راهحل تمرین 6 02:02
-
مقدمه: آشنایی با پروژه متوسط 5 02:11
-
ایجاد یک پروژه تایپ اسکریپت Vue و افزودن Tailwind 04:42
-
تعریف Props و رویدادها با تایپهای تایپ اسکریپت 05:40
-
محدود کردن انواع refs و سایر داده 09:22
-
رندر تبها- چگونه State فعال تب را نمایش دهیم؟ 08:44
-
رندر محتوای State با کامپوننتهای پویا 08:17
-
ترنزیشنها - چگونه انتقالهای سی اس اس را به محتوای تب اضافه کنیم؟ 12:09
-
کامپوننتهای ترنزیشن سفارشی - چگونه از ترنزیشنها دوباره استفاده کنیم؟ 03:03
-
مقدمه: پروژه متوسط 5 - چکپوینت 2 01:56
-
نشانهگذاری عمومی فرم و Gotcha ترنزیشن 09:20
-
تفاوت تابع واکنشگرا با ref در Vue 3 چیست؟ 12:26
-
کامپوننت KeepAlive - چگونه State کامپوننتهای پویا را از دست ندهیم؟ 08:23
-
ایجاد فرمهای حریم خصوصی و نوتیفیکیشن: افزودن نشانهگذاری و حفظ داده کاربر 13:34
-
همگامسازی ذخیرهسازی محلی: چگونه تنظیمات را ذخیره و بازیابی کنیم؟ 06:08
-
امنیت تایپ اسکریپت: جنریکها و Keyof - امنیت شگفتانگیز تایپ! 16:26
-
ایجاد یک سیستم نوتیفیکیشن با کامپوننت Toast 02:07
-
ایجاد یک Composable useNotifications 04:48
-
کامپوننت Teleport - چگونه نشانهگذاری را به عنصر دیگری (مثلاً body) منتقل کنیم؟ 10:22
-
مقدمه: پروژه 6 01:34
-
ایجاد پروژه کتاب دستور پخت 03:13
-
درک Vue Router و پیکربندی آن 08:25
-
چگونه Viewهای مسیر رندر میشوند و چگونه لینکها را اضافه کنیم؟ 03:25
-
افزودن مسیرها، RouterLink در مقابل عنصر A و استفاده از نام مسیر 10:12
-
مسیرهای پویا - چگونه آنها را تعریف کنیم و پارمترها را در کامپوننت بخوانیم؟ 04:02
-
لینکدهی به مسیرهای پویا با پارامترها 03:44
-
مسیر Fallback، صفحه 404 - آسان نیست! 09:55
-
ناوبری برنامهای 04:40
-
واکشی داده در هوک onMounted: نکات و راهحل! 07:40
-
ریدایرکتها و نامهای مستعار 06:07
-
درک Pinia: چیست، چگونه کار میکند و چرا به آن نیاز داریم؟ 06:56
-
تعریف و ایجاد فروشگاه 09:30
-
اکشنها را به فروشگاه Pinia خود اضافه کنید 09:46
-
کار با Getterها در Pinia 08:54
-
فهرست و فیلتر کردن دستور پختها: توازن منطق در فروشگاه 12:07
-
پلاگینهای Pinia 03:46
-
پلاگین Pinia: همگامسازی با ذخیرهسازی محلی 09:17
-
Pinia و تایپ اسکریپت: تایپینگ ویژگیهای سفارشی 08:03
-
تمرین 7 - ویرایش فرم 02:13
-
راهحل تمرین 7 - ویرایش فرم 10:12
-
مورد علاقهها: اکشن Getter ،Pinia و تغییرات کامپوننت 09:23
-
مورد علاقهها: ترکیب State در Pinia و لیست مورد علاقهها 08:12
-
Tailwind CSS را اضافه کنید و اپلیکیشن خود را استایلدهی کنید 12:18
مشخصات آموزش
بررسی Vue 3 در عمل - 6 پروژه برای تسلط به فریمورک
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:114
- مدت زمان :13:30:18
- حجم :5.68GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی