آموزش طراحی قالب پنل مدیریت با NUXTJS

آموزش طراحی قالب پنل مدیریت با NUXTJS

آموزش طراحی قالب پنل مدیریت با NUXTJS

۱,۳۰۶,۸۰۰ تومان
👨‍🏫
مدرسعلی صدیقی
🎬
تعداد قسمت‌ها۳۴
⏱️
مدت کل دوره۱۹ ساعت
💾
حجم فایل‌ها۲.۲ مگابایت
enamadbehpardakht

توضیحات

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

آنچه در این دوره خواهید آموخت

  • طراحی ساختار کلی یک پنل مدیریت قابل توسعه
  • پیاده‌سازی تم تاریک (Dark Mode) برای تجربه کاربری بهتر در شب
  • استفاده از TailwindCSS برای طراحی سریع و مدرن با حداقل کدنویسی CSS
  • ساخت مجموعه‌ای از کامپوننت‌های آماده
  • فرم‌های قابل تنظیم برای دریافت انواع داده‌ها
  • جدول‌های قابل مرتب‌سازی و فیلتر شدن
  • رعایت اصول طراحی ریسپانسیو برای نمایش مناسب در دستگاه‌های مختلف
  • در نهایت، تبدیل این پنل به نسخه دسکتاپ با استفاده از Electron.js، مناسب برای توزیع و استفاده بدون مرورگر

ویژگی‌های برجسته این دوره

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

 

قسمت های منتشر شده

در صورت عدم پخش ویدیو به صورت آنلاین ،فایل را دانلود نمایید

۱
معرفی دوره
۰۰:۳۱:۳۲
۲
ساخت پروژه
۰۰:۴۰:۳۸
۳
طراحی فرم ورود (بخش اول)
۰۰:۳۲:۴۳
۴
طراحی فرم ورود (بخش دوم)
۰۰:۳۱:۵۴
۵
طراحی فرم ورود (بخش سوم)
۰۰:۳۰:۴۲
۶
طراحی فرم ورود (بخش چهارم)
۰۰:۳۸:۱۲
۷
طراحی فرم ورود (بخش پنجم)
۰۰:۳۳:۰۹
۸
طراحی قالب پنل مدیریت (بخش اول)
۰۰:۴۳:۱۵
۹
طراحی قالب پنل مدیریت (بخش دوم)
۰۰:۳۵:۵۰
۱۰
طراحی قالب پنل مدیریت (بخش سوم)
۰۰:۲۵:۲۶
۱۱
طراحی قالب پنل مدیریت (بخش چهارم)
۰۰:۳۷:۳۸
۱۲
اضافه کردن کامپوننت Crud
۰۰:۲۵:۳۳
۱۳
اضافه کردن کامپوننت Table (بخش اول)
۰۰:۲۸:۱۵
۱۴
اضافه کردن کامپوننت Table (بخش دوم)
۰۰:۲۷:۱۰
۱۵
اضافه کردن کامپوننت Table (بخش سوم)
۰۰:۲۸:۵۴
۱۶
اضافه کردن کامپوننت Table (بخش چهارم)
۰۰:۳۷:۲۸
۱۷
تکمیل کردن کامپوننت Crud (بخش اول)
۰۰:۳۲:۴۴
۱۸
تکمیل کردن کامپوننت Crud (بخش دوم)
۰۰:۳۶:۳۶
۱۹
تکمیل کردن کامپوننت Crud (بخش سوم)
۰۰:۳۴:۵۲
۲۰
کد نویسی کامپوننت SelectTag (بخش اول)
۰۰:۳۹:۱۲
۲۱
کد نویسی کامپوننت SelectTag (بخش دوم)
۰۰:۳۸:۳۷
۲۲
طراحی جدول مدیریت محصولات
۰۰:۴۶:۱۵
۲۳
طراحی فرم ثبت و ویرایش محصول به صورت step بندی شده (بخش اول)
۰۰:۴۰:۳۷
۲۴
طراحی فرم ثبت و ویرایش محصول به صورت step بندی شده (بخش دوم)
۰۰:۳۹:۱۳
۲۵
طراحی فرم ثبت و ویرایش محصول به صورت step بندی شده (بخش سوم)
۰۰:۴۲:۲۸
۲۶
طراحی پیشخوان پنل مدیریت و نمایش نمودار های آماری (بخش اول)
۰۰:۳۷:۴۹
۲۷
طراحی پیشخوان پنل مدیریت و نمایش نمودار های آماری (بخش دوم)
۰۰:۳۵:۴۲
۲۸
طراحی پیشخوان پنل مدیریت و نمایش نمودار های آماری (بخش سوم)
۰۰:۲۴:۲۹
۲۹
طراحی صفحه مدیریت سفارشات
۰۰:۳۴:۴۴
۳۰
طراحی صفحه جزئیات سفارش
۰۰:۱۹:۱۲
۳۱
افزودن کامپوننت های کاربردی
۰۰:۲۹:۰۹
۳۲
ساخت نسخه دسکتاپ پنل مدیریت با Electronjs
۰۰:۵۴:۴۸
۳۳
تکمیل نواقص
۰۰:۵۴:۴۴
۳۴
سورس کد
-

گالری تصاویر

پرسش و پاسخ

ثبت پرسش

قیمت
۱,۳۰۶,۸۰۰ تومان