آموزش جامع ویو جی اس (3 Vue.js) و Nuxt Js - پروژه محور

آموزش جامع ویو جی اس (3 Vue.js) و Nuxt Js - پروژه محور

46 : 57 : 59
0.0

فریم‌ورک Nuxt.js یا vue.js در حقیقت یک وب فریم‌ورک رایگان و منبع باز به شمار می‌رود که با توجه به Vue js، Node js، Express js، Babel js و Webpack طراحی شده است. چارچوب گفته شده به عنوان فرایند فرعی برای تمامی برنامه‌های جهانی به شمار می‌رود. یکی از اصلی‌ترین مزیت‌هایی که این فریم‌ورک دارد می‌توان به تنظیمات و راه اندازی برنامه‌ها به صورت ساده و راحت اشاره کرد؛ که برای تمامی توسعه دهنده‌ها این مزیت بسیار خوشایند می‌باشد. در این دوره تمام مفاهیم پایه Nuxt Js و ۳ Vue.js به شکل ساده‌ و پروژه محور آموزش داده‌ می‌شود، بنابراین نیاز به مهارت و تجربه بالایی برای شرکت در آن ندارید.

کد یاد
محمد اشرافی

تریلر دوره

توضیحات کامل دوره

...

سرفصل‌های دوره

  • پیشنیاز های شروع کار
    00:05:57
  • استفاده از Vue از طریق CDN و آشنایی اولیه
    00:08:36
  • ارسال اطلاعات از Vue به فایل html
    00:04:54
  • Method ها در Vue - برسی Event ها
    00:11:39
  • Conditional Rendering (v-if , v-else , v-else-if, v-show)
    00:09:41
  • آشنایی با v-for
    00:04:37
  • کار با v-text و v-html
    00:06:35
  • کار با v-bind | پروژه Progress Bar
    00:15:44
  • آشنایی با two way binding | ساخت فرم تماس با ما
    00:08:47
  • آشنایی با v-once
    00:02:51
  • پروژه دفترچه تلفن | بخش اول
    00:09:12
  • پروژه دفترچه تلفن | بخش دوم
    00:19:00
  • پروژه دفترچه تلفن | بخش پایانی - برسی Computed ها
    00:14:42

  • ساخت پروژه با Vue Cli و برسی ساختار پروژه
    00:25:40
  • برسی ساختار Component ها
    00:08:34
  • ارسال اطلاعات به کامپوننت فرزند | برسی Props
    00:07:33
  • آشنایی با emit
    00:06:26
  • برسی و کار با Ref
    00:05:39
  • برسی کامل Slot ها
    00:11:07
  • Teleport
    00:04:22
  • برسی قابلیت Watch
    00:10:40
  • چرخه حیات کامپوننت ها
    00:09:05

  • ساخت پروژه و Component های مورد نیاز
    00:14:45
  • نمایش لیست کارها
    00:12:54
  • افزودن Todo
    00:11:03
  • انجام عملیات حذف و تکمیل Todo
    00:16:18
  • Drag and Drop Todo
    00:16:43
  • تکمیل پروژه Todo
    00:17:03
  • افزودن پکیج Vue Toast Notification به پروژه
    00:22:27

  • ساخت پروژه و ایجاد قالب
    00:19:35
  • تکمیل قالب پروژه و ساخت مدل ها
    00:20:55
  • اعتبار سنجی Form | روش اول
    00:14:44
  • اعتبار سنجی Form | استفاده از Vee Validate
    00:14:13
  • استفاده از Yup در کنار Vee Validate
    00:07:17
  • Validation-Schema
    00:10:12
  • تکمیل پروژه و مباحث مربوط به Vee-Validate
    00:21:41

  • برسی کامل Compostion Api و مقایسه با Option APi
    00:41:27
  • تغییر ساختار پروژه Todo-App به Composition Api
    00:38:28

  • نصب و معرفی کلیات Vue Router
    00:22:24
  • ارسال و دریافت پارامتر و Query String به روت ها
    00:14:03
  • انتقال قالب به پروژه
    00:17:33
  • کار با Route Name | نحوه استفاده از قالب آماده و رفع خطا های js قالب (topkala-template)
    00:27:23
  • Lazy loading | تکمیل صفحه جستجو محصول
    00:20:29
  • Nested Routes
    00:16:31
  • ساخت صفحه 404 | Route Active Class
    00:10:45

  • نصب و معرفی Vuex
    00:19:34
  • Getters و State
    00:07:32
  • Actions
    00:07:19
  • Modules
    00:08:11
  • پروژه سبد خرید | بخش اول
    00:20:57
  • پروژه سبد خرید | بخش دوم
    00:26:42
  • پروژه سبد خرید | بخش سوم
    00:20:26

  • معرفی Vuetify و استفاده از آن در پروژه
    00:31:37
  • آشنایی با http و نصب axios
    00:18:48
  • تکمیل صفحه لیست کاربران
    00:35:21
  • افزودن کاربر جدید
    00:31:35
  • ساخت Loading برای درخواست های Http
    00:11:51
  • ویرایش کاربر جدید
    00:33:28
  • صفحه لیست دسته بندی ها
    00:32:38
  • افزودن و ویرایش دسته بندی
    00:27:58
  • حذف دسته بندی | استفاده از SweetAlert
    00:21:30
  • صفحه مدیریت پست ها
    00:18:36
  • افرودن پست
    00:39:45
  • ویرایش پست
    00:22:24
  • اضافه کردن Pagination
    00:17:54
  • ساخت صفحه اصلی سایت
    00:31:20
  • ساخت صفحه Post - (همراه با کامنت)
    00:37:14
  • ساخت صفحه جستجو
    00:27:31
  • صفحه 404 | روش مشکلات پروژه
    00:19:15
  • برسی کامپوننت Transaction
    00:13:33
  • پابلیش پروژه روی هاست (کنترل پنل Plesk)
    00:12:07

  • آشنایی با TypeScript
    00:32:45
  • ساخت اولین پروژه با NUXT
    00:09:46
  • برسی ساختار Nuxt و شروع پروژه Todo-App
    00:30:50
  • پروژه Todo-App بخش دوم | معرفی و کار با Composable
    00:21:47

  • ساخت پروژه و انتقال قالب
    00:23:27
  • ساخت Component های پایه | button
    00:10:12
  • ساخت Component های پایه | base-modal
    00:13:59
  • ساخت Component های پایه | Show-More
    00:11:51
  • ساخت Component های پایه | Input
    00:19:19
  • نحوه دریافت اطلاعات از سرور در Nuxt 3
    00:19:37
  • ساخت متد واسط برای Fech$ | شخصی سازی Fech$
    00:14:23
  • ساخت صفحات Login و Register | بخش اول
    00:17:46
  • ساخت صفحات Login و Register | بخش دوم
    00:29:21
  • ساخت صفحات Login و Register | بخش سوم
    00:17:36
  • نحوه عملکرد Pinia و پیاده سازی در Nuxt
    00:14:30
  • پیاده سازی Auth-Store | بخش اول
    00:17:39
  • پیاده سازی Auth-Store - بخش دوم | Plugin In Nuxt 3
    00:11:53
  • قرار دادن پروژه روی Github
    00:10:33
  • صفحه اصلی فروشگاه | اسلایدر اصلی
    00:29:06
  • صفحه اصلی فروشگاه | اسلایدر اصلی - بخش دوم
    00:21:56
  • اعمال Reverse Proxy با استفاده از Vite
    00:10:10
  • صفحه اصلی فروشگاه | Banners
    00:21:22
  • صفحه اصلی فروشگاه | محصولات شگفت انگیز
    00:21:19
  • صفحه اصلی فروشگاه | محصولات شگفت انگیز - بخش دوم
    00:26:31
  • صفحه اصلی فروشگاه | دسته بندی های محصول
    00:28:25
  • صفحه اصلی فروشگاه | Responsive سازی
    00:28:12
  • نحوه بروزرسانی Nuxt
    00:08:49
  • صفحه Search | بخش اول
    00:09:38
  • صفحه Search | ساخت مدل ها و سرویس
    00:17:56
  • صفحه Search | ساخت useSearch composable
    00:32:24
  • صفحه Search | داینامیک کردن صفحه
    00:23:24
  • صفحه Search | ساخت صفحه بندی و Breadcrumb
    00:31:07
  • صفحه Search | فیلتر دسته بندی
    00:21:53
  • صفحه Search | فیلتر فقط محصولات موجود و فقط کالاهای تخفیف دار
    00:10:00
  • صفحه Search | فیلتر قیمت
    00:16:08
  • صفحه محصول | بخش اول
    00:16:54
  • صفحه محصول | بخش دوم
    00:21:22
  • صفحه محصول | بخش سوم
    00:18:34
  • صفحه محصول | بخش چهارم
    00:20:58
  • صفحه محصول | بخش پنجم
    00:43:34
  • صفحه محصول | بخش ششم - ثبت نظر روی محصول
    00:22:59
  • صفحه محصول | بخش هفتم - ثبت نظر روی محصول_بخش دوم
    00:22:23
  • صفحه محصول | بخش هشتم - ثبت نظر روی محصول_بخش سوم
    00:23:29
  • صفحه محصول | بخش نهم - ثبت نظر روی محصول_بخش چهارم
    00:24:07
  • بروزرسانی پروژه به Nuxt 3 Stable Version
    00:12:30
  • اضافه کردن LoadingIndicator و رفع مشکل لاگین
    00:10:19
  • پنل کاربری | بخش اول
    00:12:24
  • پنل کاربری | ویرایش حساب کاربری
    00:28:20
  • پنل کاربری | ویرایش حساب کاربری - بخش دوم ( شخصی سازی پیام های خطای Yup )
    00:21:09
  • پنل کاربری | آدرس های کاربر
    00:19:42
  • پنل کاربری | آدرس های کاربر - بخش دوم
    00:21:37
  • پنل کاربری | آدرس های کاربر - بخش سوم
    00:22:31
  • پنل کاربری | آدرس های کاربر - حذف آدرس
    00:14:03
  • پنل کاربری | تغییر کلمه عبور
    00:11:38
  • سبد خرید - بخش اول
    00:21:23
  • سبد خرید - بخش دوم
    00:17:51
  • سبد خرید - بخش سوم ( تکمیل سبد خرید در سمت کاربر | Local Storage)
    00:19:09
  • سبد خرید - بخش چهارم | وصل کردن اطلاعات به سرور
    00:29:18
  • سبد خرید - بخش پنجم | Checkout - نهایی سازی سفارش
    00:31:56
  • سبد خرید - بخش ششم | صفحه پرداخت موفق و ناموفق
    00:17:01
  • پنل کاربری | سفارشات کاربر
    00:31:09
  • استفاده از Swiper برای اسلایدر های سایت
    00:48:06
  • داینامیک کردن دسته بندی های Menu
    00:23:00
  • رفع خطا های پروژه
    00:12:15
  • استفاده از Nuxt Image برای بهینه سازی تصاویر پروژه
    00:28:32
  • ساخت و استفاده Skeleton Loading
    00:18:49
  • نمایش سریع محصول
    00:26:38
  • رفع مشکل Layout - ساخت صفحه خطا ( 404 و ... )
    00:17:18
  • رفع مشکلات صفحه محصول | SpyScroll و افزودن به سبد خرید
    00:18:42
  • رفع مشکل SideBar
    00:08:36
  • حذف لینک ها و بخش های Static
    00:09:43
  • ایجاد Meta Tag های مورد نیاز برای سئو
    00:09:59
  • Account Guard | Middleware in Nuxt
    00:10:45
  • خروج از حساب کاربری | Logout User
    00:14:57
  • اتمام و خروجی گرفتن از پروژه | استفاده از Liara
    00:20:49
  • بروزرسانی پروژه به Nuxt 3.8.2 | کَش کردن اطلاعات با UseAsyncData
    00:23:02

  • برسی و دلیل استفاده از Schema | استفاده از Nuxt-Schema
    00:49:34

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

3,000,000 تومان
1,350,000 تومان
55% تخفیف
ثبت‌نام در دوره
این دوره شامل:
11 فصل آموزشی
46 : 57 : 59 ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: ندارد
تاریخ انتشار: 1403/12/08
آخرین به‌روزرسانی: 2026-10-23 17:01:20
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: