آموزش جامع Nuxt | پروژه محور

آموزش جامع Nuxt | پروژه محور

14 : 53 : 36
0.0

بی شک میتوان گفت که یکی از جذاب ترین و دلنشین ترین حوزه های برنامه نویسی حال حاضر دنیا، برنامه نویسی و توسعه وب است که دلیل اصلی آن، گستردگی در زبان های برنامه نویسی، فریمورک ها و ابزارهای گوناگون می باشد. یکی از این فریمورک ها که روند توسعه وب سایت ما را بسیار افزایش می دهد، فریمورک Nuxt.js است که ترکیبی از ابزار های قدرتمند، نظیر Vue.js می باشد. اگر شما به عنوان یک برنامه نویس وب به فریمورک Vue.js تسلط دارید، قدم جذاب بعدی شما قطعا یادگیری فریمورک Nuxt خواهد بود. در این دوره آموزشی شگفت انگیز آکادمی برنامه نویسی کدیاد، به صورت کامل و جامع، فریمورک Nuxt.js ورژن 3 را فرا خواهیم گرفت و با استفاده از آن، یک پروژه نهایی کامل را پیاده سازی خواهیم کرد.

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

تریلر دوره

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

...

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

  • Nuxt چیست ؟ | دلایل استفاده از Nuxt
    00:09:22
  • برسی ساختار پروژه های Nuxt
    00:23:30

  • نحوه پیاده سازی Routing در Nuxt | برسی Layout ها
    00:22:43
  • Catch-all Route | ساخت یک صفحه با چند route مختلف
    00:14:12
  • Nuxt-Link | نحوه جابه‌جایی بین صفحات با استفاده از لینک
    00:18:10
  • نحوه جابه‌جایی بین صفحات و دریافت اطلاعات Route در کد های Js
    00:09:10
  • Page Meta Data | مثال Breadcrumb
    00:16:55

  • اضافه کردن مقادیر به Head سایت در Nuxt.config به صورت Static
    00:10:50
  • اضافه کردن مقادیر به Head سایت به صورت داینامیک | useHead
    00:18:27
  • Title template
    00:09:02

  • Page transitions | انیمیشن برای جابه‌جایی بین صفحات
    00:08:31
  • Layout transitions
    00:07:15

  • صحبت درمورد SSR و آموزش استفاده از fetch$
    00:21:12
  • useFetch | نحوه ارسال بهینه درخواست در حالت SSR
    00:21:14
  • useAsyncData | نحوه نمایش Loading بالای صفحات و استفاده از lazy
    00:17:40

  • ایجاد خطا در Nuxt
    00:09:25
  • ساخت صفحات خطا برای Status کد های مختلف | 404 - 401 - 500 و ...
    00:10:51

  • معرفی TypeScript و نحوه استفاده در پروژه
    00:31:51

  • ساخت پروژه و نصب PrimeVue
    00:11:36
  • اضافه کردن فونت به پروژه | ایجاد ساختار پروژه
    00:08:01
  • نصب tailwind و پلاگین tailwind-primeui
    00:11:57
  • نصب prime-icons و طراحی Header
    00:11:00
  • طراحی Sidebar و Responsive کردن قالب
    00:17:58
  • اضافه کردن لینک به Sidebar و ایجاد ساختار Table ها
    00:19:36
  • ساخت BreadCrumb
    00:11:58
  • ایجاد کامپوننت Pagination
    00:18:24
  • ساخت صفحه لاگین
    00:13:59
  • شخصی سازی $fetch برای پروژه فعلی
    00:21:35
  • وصل کردن صفحه لاگین به Api
    00:16:43
  • مدیریت خطا های Api در CustomFetch
    00:15:42
  • اضافه کردن Toast به پروژه | تکمیل بخش مدیریت خطا ها
    00:20:01
  • ذخیره JWT Token و ارسال در همه درخواست ها | نحوه کار با Cookie در Nuxt
    00:13:16
  • Middleware در Nuxt | نوشتن Guard برای ورود به پنل ادمین
    00:13:38
  • نمایش لیست بنر ها | استفاده از Table در PrimeVue
    00:23:01
  • استفاده vee-validate در PrimeVue | ساخت BaseTextInput
    00:28:08
  • صفحه افزودن بنر جدید
    00:29:27
  • ساخت baseSelectBox | استفاده از vee-validate برای اعتبار سنجی
    00:17:28
  • ساخت baseUploadFile | آپلود عکس و فایل
    00:13:51
  • حذف بنر | استفاده از Confirm Dialog در PrimeVue
    00:21:29
  • ویرایش بنر | تکمیل بخش بنر ها
    00:21:12
  • دسته بندی ها | نمایش لیست
    00:14:27
  • دسته بندی ها | افزودن دسته بندی
    00:19:06
  • ساخت BaseSeoDataForm
    00:09:41
  • دسته بندی ها | حذف دسته بندی
    00:05:24
  • دسته بندی ها | ویرایش دسته بندی
    00:11:57
  • نظرات کاربران | ساخت سرویس و مدل ها
    00:14:40
  • نظرات کاربران | نمایش لیست نظرات
    00:11:03
  • نظرات کاربران | نمایش جزئیات نظر
    00:17:25
  • نظرات کاربران | پیاده سازی کامپوننت BasePagination (صفحه بندی)
    00:18:55
  • نظرات کاربران | حذف و تغییر وضعیت نظر
    00:15:50
  • مدیریت سفارشات | پیاده سازی سرویس و مدل ها
    00:09:18
  • مدیریت سفارشات | نمایش لیست سفارشات
    00:12:31
  • مدیریت سفارشات | نمایش جزئیات سفارش
    00:28:56
  • مدیریت سفارشات | تغییر وضعیت سفارش
    00:12:28
  • مدیریت محصولات | نمایش محصولات با فیلتر
    00:10:33
  • مدیریت محصولات | افزودن محصول - بخش اول
    00:06:36
  • مدیریت محصولات | افزودن محصول - بخش دوم
    00:21:44
  • مدیریت محصولات | افزودن محصول - بخش سوم
    00:19:07
  • مدیریت محصولات | افزودن محصول - بخش چهار
    00:09:08
  • مدیریت محصولات | ویرایش محصول
    00:31:11
  • اعتبار سنجی کاربر لاگین شده | نحوه محافظت از Route ها در پروژه های (SPA و SSR )
    00:22:53

  • نصب و آموزش Pinia در Nuxt 3
    00:14:30

  • به‌روزرسانی از ورژن 3 به 4
    00:39:05

ارسال نظر شما

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

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

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

1,200,000 تومان
540,000 تومان
55% تخفیف
ثبت‌نام در دوره
این دوره شامل:
10 فصل آموزشی
14 : 53 : 36 ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: ندارد
تاریخ انتشار: 1403/12/08
آخرین به‌روزرسانی: 2026-10-23 16:59:29
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: