دوره کامل Vue JS
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت اپلیکیشنها با استفاده از جاوا اسکریپت و فریمورک Vue.js
پیشنیازهای دوره
- HTML ،CSS و جاوا اسکریپت
توضیحات دوره
آیا میخواهید فرآیند کامل ساخت اپلیکیشن با Vue را یاد بگیرید؟
اگر پاسخ مثبت است، این دوره مناسب شما است.
ما از صفر، از جملاتی مانند «حتی نمیدانم چگونه از آن استفاده کنم و چرا باید از آن استفاده کنم» تا درک کامل نحوه کارکرد Vue و ارتباط آن با فناوریهای دیگر مانند فایربیس شروع میکنیم.
در این دوره، تمام منطق و تمرینات مربوط به Vue در بخشهای مختلف آموزش داده میشود، و هر چه پیشرفت کنیم، سطح سختی را افزایش خواهیم داد.
از آنجا که معتقدیم بهترین راه برای یادگیری کامل، کدنویسی است، پس از هر بخش مهم، با پروژههای عملی تمرین میکنیم. زمانی که پایهی قوی از Vue داشته باشید، وارد مباحث مسیرها، PINIA و احرازهویت میشویم.
در مجموع، در این دوره موارد زیر را یاد میگیرید:
- مبانی اولیه Vue JS، نصب و منطق پشت آن
- سازماندهی یک بازی کوچک تحت وب با مهارتهای اولیه
- پس از یادگیری مبانی، با استفاده از VITE، شما Vue را مانند حرفهایها به کار میگیرید.
- اتصال اپلیکیشن Vue ما به فناوریهایی مانند فایربیس
- یادگیری PINIA، چون امروزه بسیار رایج است.
- درک مباحث سختتر درباره Vue ،PINIA و مسیرها و پیادهسازی پروژه عملی ترکیبی
- همچنین، دوره کامل ES6 را به عنوان مکمل داریم.
در مورد تجربه مدرس چه نظری دارید؟
مدرس مدت 15 سال است در حوزه توسعه اپلیکیشنها فعالیت میکند و اپلیکیشنهای زیادی برای شرکتهای کوچک و بزرگ مانند Citi، فاکس، دیزنی و دیگران ساخته است.
امروز، در یک شرکت بزرگ به عنوان توسعهدهنده فعالیت میکند و اپلیکیشنها را با Vue، ریاکت یا انگولار توسعه میدهد.
چه کسانی این دوره برایشان مناسب است؟
- دوره تقریباً برای همه مناسب است، کمی آشنایی با جاوا اسکریپت لازم است. ما از ES6 استفاده خواهیم کرد، اما شما میتوانید در حین کار یاد بگیرید.
- اگر میخواهید کدنویسی خود را به سطح بالاتری ببرید، این دوره برای شما مناسب است.
این دوره برای چه کسانی مناسب است؟
- کسی که میخواهد نحوه استفاده از VUE JS را یاد بگیرد.
دوره کامل Vue JS
-
مقدمه 00:57
-
نصب نودجیاس 01:17
-
IDE 01:05
-
کد منبع دوره 00:52
-
گزینه در مقابل کامپوزیشن 01:10
-
شروع با VUE 02:05
-
نمونه و راهاندازی 09:30
-
متدها و توابع 03:46
-
REFS و واکنشگرایی 07:44
-
دایرکتیوهای داخلی 08:41
-
رندرینگ شرطی 08:28
-
حلقهها 08:15
-
غیرفعالسازی رندر مجدد 03:33
-
کار با رویدادها 07:14
-
رویدادها و آرگومانها 07:12
-
فرمها و v-model 09:11
-
کار با استایلها - بخش 1 08:04
-
کار با استایلها - بخش 2 06:58
-
ویژگیهای محاسباتی 10:51
-
واچرها 08:07
-
Shorthands 02:00
-
مقدمه 05:55
-
راهاندازی اپلیکیشن VUE 08:33
-
افزودن نامها به لیست 06:17
-
اعتبارسنجی نامها 06:53
-
مرحله بعدی 05:35
-
تولید "looser" 03:29
-
تکمیل اپلیکیشن 06:55
-
نصب با NPM 06:05
-
اپلیکیشن و صفحه اصلی 06:46
-
کامپوننتها 06:10
-
تگ STYLE 06:49
-
ارسال Props 10:19
-
Type Checking 07:26
-
Emit کردن رویدادها 08:41
-
Props به عنوان رویداد 02:52
-
Type Checking پیشرفته 03:50
-
ارائه و تزریق - بخش 1 06:30
-
ارائه و تزریق - بخش 2 07:35
-
اسلاتها 07:02
-
اسلاتهای نامگذاری شده 03:25
-
چرخه عمر کامپوننت 01:33
-
استفاده از چرخههای عمر 09:05
-
کامپوننتهای پویا 05:33
-
حفظ آنها 07:30
-
تله پورت 06:01
-
دایرکتیوهای سفارشی 11:32
-
هوکهای دایرکتیوهای سفارشی 07:05
-
دایرکتیو سفارشی محلی 02:52
-
کار با فرمها 08:01
-
رادیو و چکباکسها 05:20
-
اعتبارسنجی فرم 06:43
-
Vee-Validate 11:25
-
اعتبارسنجی اسکیمای Yup 06:17
-
ترنزیشنهای اولیه 09:01
-
ترنزیشنهای نامگذاری شده 09:11
-
حالت ترنزیشن 09:24
-
هوکهای ترنزیشن 02:49
-
گروه ترنزیشن 10:46
-
قالب 04:22
-
درخواستهای GET 07:00
-
بارگذار و خطا 09:23
-
پست کردن 08:35
-
Composables 05:15
-
Composable پست 04:58
-
نصب Vue Router 09:24
-
لینکدهی 03:52
-
ناوبری برنامهنویسی شده 04:11
-
پارامترها 05:31
-
واکشی مقالات 12:40
-
واچر پارامتر 04:30
-
پارامترها به عنوان Props و ریدایرکت 07:33
-
مسیرهای تودرتو 04:40
-
views نامگذاری شده 06:06
-
گارد مسیر گلوبال 10:18
-
گارد مسیر جداگانه 13:36
-
مقدمه 03:14
-
پیکربندی فایربیس 08:20
-
دریافت مستندات 10:43
-
پست کردن مستندات 05:56
-
بروزرسانی مستندات - بخش 1 04:38
-
بروزرسانی مستندات - بخش 2 07:00
-
حذف مستندات 04:16
-
احرازهویت 02:25
-
رجیستر کاربر 07:40
-
ورود کاربر 06:41
-
خروج کاربر 04:04
-
آبجکت کاربر 09:43
-
گاردهای مسیر 06:24
-
نصب و پیکربندی 08:54
-
جهشها 08:15
-
Getters 10:21
-
اکشنها 09:35
-
شروع با اپلیکیشن 06:24
-
نصب کتابخانهها 06:35
-
پیکربندیهای فایربیس 07:48
-
هدر اپلیکیشن 09:50
-
فرم ورود یا رجیستر 14:14
-
فروشگاه کاربر 07:25
-
رجیستر کاربر 15:26
-
ورود کاربر 08:48
-
خطاهای ورود با سابسکرایب 11:00
-
ورود خودکار به سیستم 12:00
-
ناوبری و خروج از سیستم 06:03
-
ایجاد مسیرهای داشبورد 09:03
-
طرحبندی داشبورد 11:14
-
حفاظت مسیرها 05:26
-
فرم افزودن مقاله 13:06
-
اعتبارسنجی افزودن مقاله 08:12
-
ویرایشگر Tip Tap 16:32
-
فروشگاه مقالات 05:39
-
پست کردن مقالات 15:25
-
ویرایش مقالات - بخش 1 13:59
-
ویرایش مقالات - بخش 2 14:00
-
آشنایی با Cloudinary 03:46
-
دریافت مقالات ادمین 10:22
-
نمایش جدول مقالات 12:51
-
بارگذاری مقالات بیشتر ادمین 09:22
-
حذف مقاله بر اساس شناسه 07:01
-
دریافت مقالات صفحه اصلی 07:06
-
کاروسل صفحه اصلی 07:01
-
مقالات صفحه اصلی 12:56
-
صفحه مقاله 10:20
-
composable بروزرسانی پروفایل 07:23
-
فرم بروزرسانی پروفایل 12:13
-
استقرار 10:04
-
قوانین 14:46
-
گزینهها یا کامپوزیشن 01:16
-
شروع با VUE 01:57
-
نمونه و راهاندازی Vue 08:50
-
متدها و توابع 05:36
-
Refs و واکنشگرایی 08:31
-
دایرکتیوهای داخلی 07:13
-
رندرینگ شرطی 09:01
-
حلقهها 06:10
-
غیرفعالسازی رندر مجدد 03:04
-
کار با رویدادها 06:04
-
رویدادها و آرگومانها 05:54
-
V-Model 09:21
-
کار با استایلها 14:05
-
ویژگیهای محاسباتی 10:39
-
واچرها 08:54
-
Shorthands 02:47
-
نصب قالب Vue 06:39
-
راهاندازی اپلیکیشن node VUE 07:26
-
کامپوننتها 08:02
-
تگ استایل 07:16
-
انتقال props 08:53
-
تایپها و اعتبارسنجی props 06:38
-
رویدادهای سفارشی و emit 11:12
-
اعتبارسنجی دیگر تایپ prop 04:41
-
ارائه و تزریق - بخش 1 07:32
-
ارائه و تزریق - بخش 2 07:20
-
اسلاتها 07:50
-
اسلاتهای نامگذاری شده 03:23
-
چرخههای عمر 02:28
-
تست چرخههای عمر 09:11
-
کامپوننتهای پویا 06:41
-
حفظ آنها 07:21
-
تله پورت 06:33
-
دایرکتیوهای سفارشی 12:40
-
هوکهای CD 06:35
-
CD محلی 02:59
-
فرم و ورودیها 06:59
-
رادیو و چکباکس 05:45
-
اعتبارسنجی 08:08
-
Vee-Validate 11:35
-
اسکیمای Yup 07:22
-
ترنزیشن مشترک 08:17
-
ترنزیشنهای نامگذاری شده 10:33
-
حالتهای ترنزیشن 09:06
-
هوکهای ترنزیشن 03:23
-
گروه ترنزیشن 12:07
-
قالب 05:25
-
کاربران GET 07:13
-
بارگذار و Toasts 11:48
-
پست کردن 06:30
-
Composables 05:58
-
Composable افزودن کاربر 06:07
-
قالب 02:21
-
پیکربندی مسیریاب 09:23
-
لینکدهی 04:48
-
هوکهای مسیریاب 04:12
-
پارامترها 05:40
-
مسیریاب و درخواستها 15:23
-
مشاهده تغییرات پارامتر 03:53
-
Props، ریدایرکت و 404 06:55
-
مسیرهای تودرتو 04:18
-
مسیرها و views نامگذاری شده 05:40
-
گاردهای مسیر گلوبال 11:12
-
گارد مسیر جداگانه 12:14
-
مقدمه 01:42
-
نصب و پیکربندی فایربیس 08:44
-
دریافت مستندات 10:29
-
پست کردن مستندات 03:44
-
بروزرسانی کامپوننت 03:56
-
بروزرسانی مستندات 07:19
-
حذف سند 03:58
-
احرازهویت فایربیس 02:32
-
رجیستر کاربر 07:01
-
ورود به سیستم 07:14
-
خروج از سیستم 03:38
-
آبجکت کاربر 11:10
-
گاردهای مسیر 06:12
-
نصب و پیکربندی 09:35
-
جهشها 07:58
-
Getters 11:34
-
اکشنها 09:38
-
سابسکرایب کردن 10:43
-
ایمپورت 04:53
-
ایجاد یک نمونه 11:48
-
متدها 07:46
-
دایرکتیوهای داخلی 09:22
-
رندرینگ شرطی 10:16
-
حلقهها 08:52
-
غیرفعالسازی بروزرسانی 03:51
-
کار با رویدادها 07:14
-
رویدادها و آرگومانها 08:12
-
رویدادهای صفحهکلید 05:00
-
v-model 17:08
-
کار با استایلها 15:36
-
ویژگیهای محاسباتی 15:55
-
واچرها 07:05
-
Shorthands 03:19
-
چندین نمونه 08:53
-
کامپوننتها 10:02
-
نصب node 01:34
-
استفاده از CLI 09:45
-
صفحه اصلی و اپلیکیشن 08:46
-
اتصال کامپوننتها 11:14
-
تگ استایل 09:11
-
انتقال props 12:55
-
نمونههای اولیه و اعتبارسنجی 08:16
-
رویدادهای سفارشی 12:17
-
تایپ دیگر و اعتبارسنجیها 11:12
-
ارائه و تزریق - بخش 1 09:51
-
ارائه و تزریق - بخش 2 09:34
-
اسلاتها 07:59
-
اسلاتهای نامگذاری شده 04:38
-
چرخههای عمر 04:47
-
چرخههای عمر در عمل 11:59
-
کامپوننتهای پویا 07:03
-
حفظ آنها 10:17
-
تله پورت 06:32
-
فرگمنتها 02:22
-
دایرکتیوهای سفارشی 15:13
-
CD و هوکهای دیگر 08:52
-
دایرکتیوهای سفارشی محلی 03:54
-
کار با فرمها 11:16
-
چکباکسها و رادیوها 06:04
-
انتخابها 04:53
-
اعتبارسنجی خام 11:34
-
Vee-Validate - بخش 1 20:27
-
Vee-validate - بخش 2 09:04
-
اعتبارسنجی اسکیما 11:31
-
ایجاد مسیرها 13:27
-
لینکدهی 05:49
-
ناوبری برنامهنویسی شده 04:33
-
پارامترها 09:38
-
مسیرها و شبکهسازی 18:18
-
Props، ریدایرکت کردن و not found 07:34
-
مسیرهای تودرتو 05:44
-
مسیرهای و views نامگذاری شده 09:41
-
گارد مسیر گلوبال 14:39
-
گارد مسیر جداگانه 09:11
-
متا 04:55
-
نصب و پیکربندی 07:54
-
جهشها 16:54
-
Getters 11:55
-
اکشنها 13:17
-
Map helper 10:07
-
ماژولها 13:57
-
کار با ماژولها 09:17
-
فضای نام 08:21
-
مقدمه 07:14
-
چرا از توکنها استفاده کنیم؟ 03:42
-
ثبتنام - بخش 1 13:20
-
ثبتنام - بخش 2 15:33
-
ورود به سیستم 07:20
-
خروج از سیستم 10:53
-
فیکس کردن ناوبری 04:00
-
لاگین خودکار 14:06
-
گارد مسیر 19:37
-
مدیریت خطاها 11:19
-
نصب 18:00
-
مسیرها و Vuex 17:38
-
هدر 06:49
-
کاروسل 15:17
-
کارتهای صفحه اصلی 18:09
-
view مقاله 11:19
-
ایجاد فرم ورود 18:29
-
ثبتنام کاربر 16:17
-
کاربر جدید Firestore 16:20
-
ورود کاربر 13:39
-
نوتیفیکیشنها - بخش 1 16:58
-
نوتیفیکیشنها - بخش 2 16:53
-
ورود خودکار - بخش 1 12:08
-
ورود خودکار - بخش 2 09:25
-
خروج از سیستم 12:57
-
طرحبندی داشبورد 16:30
-
آیکونها و عنوان 14:00
-
گاردهای مسیر 08:19
-
فرم افزودن مقاله - بخش 1 18:17
-
فرم افزودن مقاله - بخش 2 17:45
-
WYSIWYG - بخش 1 14:13
-
WYSIWYG - بخش 2 11:41
-
پست کردن مقاله 22:31
-
دریافت مقالات ادمین 19:29
-
جدول مقالات ادمین 19:17
-
بارگذاری مقالات بیشتر ادمین 19:25
-
حذف ادمین بر اساس شناسه 11:02
-
بارگزاری مقالات صفحه اصلی 14:23
-
داده مقاله و 404 11:55
-
بروزرسانی پروفایل - فرم 14:21
-
بروزرسانی پروفایل - Firestore 11:38
-
بروزرسانی مقاله - بخش 1 18:53
-
بروزرسانی مقاله - بخش 2 16:39
-
استقرار 10:31
-
کمی از قوانین 17:05
-
آشنایی با ES6 02:39
-
CONST و LET 04:48
-
CONST و LET - اسکوپ 07:05
-
CONST و LET - مثال واقعی 07:04
-
تمرین 1 - راهحل 03:10
-
تمرین 2 - راهحل 05:20
-
رشتههای قالب یا لیترالهای قالب - بخش 1 05:51
-
رشتههای قالب یا لیترالهای قالب - بخش 2 07:54
-
رشتههای قالب یا لیترالهای قالب - بخش 3 04:28
-
رشتههای قالب یا لیترالهای قالب - بخش 4 02:31
-
تمرین 1 - راهحل 02:57
-
تمرین 2 - راهحل 04:36
-
ForEach Helper - بخش 1 06:47
-
ForEach Helper - بخش 2 03:33
-
ForEach Helper - بخش 3 04:08
-
تمرین ForEach - راهحل 05:28
-
Map helper - بخش 1 06:02
-
Map helper - بخش 2 04:19
-
تمرین 1 Map helper - راه حل 02:01
-
تمرین 2 Map helper - راه حل 03:11
-
Filter helper - بخش 1 03:00
-
Filter helper - بخش 2 03:54
-
تمرین 1 Filter helper - راهحل 01:49
-
تمرین 2 Filter helper - راهحل 06:11
-
Find helper - بخش 1 03:37
-
Find helper - بخش 2 08:37
-
Every helper و Some helper - بخش 1 06:05
-
Every helper و Some helper - بخش 2 02:15
-
Reduce helper - بخش 1 05:40
-
Reduce helper - بخش 2 04:30
-
تمرین 1 Reduce helper - راهحل 01:41
-
تمرین 2 Reduce helper - راهحل 05:21
-
For...of helper 04:06
-
توابع Fat arrow - بخش 1 04:41
-
توابع Fat arrow - بخش 2 05:44
-
تمرین توابع Fat arrow - راهحل 06:21
-
لیترالهای آبجکت - بخش 1 03:40
-
لیترالهای آبجکت - بخش 2 04:30
-
تمرین 1 لیترالهای آبجکت - راهحل 02:31
-
آرگومانهای پیشفرض 04:09
-
تمرین 1 آرگومانهای پیشفرض - راهحل 01:12
-
عملگر Rest 04:23
-
عملگر Spread 03:12
-
تمرین 1 عملگرهای Rest و Spread - راهحل 03:48
-
تمرین 2 عملگرهای Rest و Spread - راهحل 02:18
-
کلاسها - بخش 1 02:46
-
کلاسها - بخش 2 03:36
-
کلاسها - بخش 3 03:23
-
کلاسها - بخش 4 04:06
-
تخریب ساختار - بخش 1 07:02
-
تخریب ساختار - بخش 2 03:17
-
تخریب ساختار - بخش 3 03:37
-
تخریب ساختار - بخش 4 04:11
-
Promises و واکشی - بخش 1 03:23
-
Promises و واکشی - بخش 2 06:52
-
Promises و واکشی - بخش 3 07:36
-
Promises و واکشی - بخش 4 02:31
-
رشتهها و اعداد - بخش 1 06:36
-
رشتهها و اعداد - بخش 2 04:36
-
ماژولها - بخش 1 07:10
-
ماژولها - بخش 2 04:18
-
ماژولها - بخش 3 06:07
-
ژنراتورها - بخش 1 08:06
-
ژنراتورها - بخش 2 06:46
-
ژنراتورها - بخش 3 06:40
-
ژنراتورها - بخش 4 07:00
-
ژنراتورها - بخش 5 05:11
-
ژنراتورها - بخش 6 05:30
-
استفاده از مجموعهها 05:55
-
تکرار مجموعهها 03:58
-
استفاده از نقشه 06:42
-
متدهای نقشه 01:50
-
تکرار نقشه 06:02
مشخصات آموزش
دوره کامل Vue JS
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:مقدماتی
- تعداد درس:392
- مدت زمان :52:21:29
- حجم :25.1GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy