توضیحات

در این دوره به صورت کاملاً پروژه‌محور یک فروشگاه اینترنتی حرفه‌ای را با استفاده از ویو جی اس (Vue.js) و لاراول (Laravel) پیاده‌سازی می‌کنیم. هدف این دوره صرفاً آموزش React نیست (لینک دوره رایگان آموزش ویو جی اس)، بلکه یادگیری نحوه توسعه یک پروژه واقعی است. پروژه‌ای که شامل بخش فروشگاه، سبد خرید، احراز هویت کاربران،درگاه پرداخت، پنل مدیریت یا پنل ادمین، مدیریت محصولات، دسته‌بندی‌ها، سفارش‌ها، کدهای تخفیف، deploy یا آپلود پروژه روی سرور و بسیاری امکانات دیگر خواهد بود.

در بخش فرانت اند (front-end) از Vue ، Vue Router، Pinia.js و Axios استفاده می‌کنیم و رابط کاربری پروژه را با Tailwind CSS پیاده خواهیم کرد. همچنین در بخش بک اند (back-end) از Laravel به عنوان API استفاده می‌کنیم و ارتباط Vue.js با Laravel را به صورت کامل پیاده‌سازی خواهیم کرد و در نهایت پروژه ای ایجاد شده را deploy یا روی سرور آپلود میکنیم.

در طول دوره با ساختاردهی صحیح پروژه، مدیریت وضعیت (State Management) با Pinia.js، ایجاد صفحات و جابجای بین آنها با Vue Router، احراز هویت کاربران با Laravel Sanctum و ایجاد دو روش احراز هویت یکی otp sms (ارسال پیامک کد تایید به کاربر) و دیگری ایمیل و پسورد، مدیریت درخواست‌های API، فرم‌ها، اعتبارسنجی، آپلود فایل، صفحه‌بندی، جستجو، فیلتر محصولات و بسیاری از مباحثی که در پروژه‌های واقعی مورد استفاده قرار می‌گیرند آشنا خواهید شد.

در پایان این دوره یک فروشگاه اینترنتی کامل به همراه پنل مدیریت خواهید داشت که می‌تواند پایه بسیار مناسبی برای توسعه پروژه‌های شخصی یا ورود به بازار کار باشد.

برای آشنایی بیشتر با پروژه و امکاناتی که در طول دوره پیاده‌سازی خواهد شد، حتماً ویدیوی معرفی دوره را مشاهده کنید.

همچنین دوره ای ناکست جی اس (nuxt.js) و دوره ای آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)  هم توی وبسایت قرار گرفته که ناکست جی اس میشه فریمورک ویو جی اس و پیشنهاد میشه حتما بعد از این دوره مشاهده کنید.

بخش از مباحثی که در این دوره گفته میشود شامل :

راه‌اندازی پروژه

  • ایجاد پروژه Vue.js با Vite
  • راه‌اندازی Laravel API
  • پیکربندی Axios
  • ساختار پوشه‌ها
  • تنظیمات محیط توسعه

احراز هویت کاربران

  • ثبت‌نام، ورود، خروج
  • احراز هویت با Laravel Sanctum
  • روش OTP (ارسال SMS کد ورود یا تایید برای کاربر)
  • روش ایمیل و پسورد
  • محافظت از صفحات (authorization یا مجوز دسترسی)
  • مدیریت کاربران مهمان و کاربران وارد شده

طراحی رابط کاربری

  • Tailwind CSS
  • کامپوننت‌های قابل استفاده مجدد
  • Layout
  • Header
  • Footer
  • Sidebar
  • فرم‌ها
  • مودال‌ها
  • اعلان‌ها (Toast) با استفاده ار پکیج SweetAlert

فروشگاه

  • نمایش محصولات
  • صفحه جزئیات محصول
  • دسته‌بندی محصولات
  • جستجو
  • فیلتر محصولات
  • مرتب‌سازی
  • صفحه‌بندی (Pagination)
  • نمایش نقشه (map)

پروفایل کاربری

  • نمایش و ویرایش اطلاعات کاربری
  • ایجاد، ویرایش و نمایش آدرس های کاربر
  • سفارشات و تراکنش های کاربر

سبد خرید

  • Pinia.js
  • افزودن محصول
  • حذف محصول
  • تغییر تعداد
  • محاسبه قیمت
  • نگهداری اطلاعات سبد خرید

کد تخفیف و درگاه پرداخت

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

پنل مدیریت

  • داشبورد
  • نمایش چارت (chart)
  • مدیریت محصولات
  • مدیریت دسته‌بندی‌ها
  • مدیریت سفارش‌ها
  • مدیریت کدهای تخفیف
  • آپلود تصاویر
  • اعتبارسنجی فرم‌ها

ارتباط با API

  • ارسال درخواست‌ها با Axios
  • مدیریت Loading
  • مدیریت خطاها
  • ساخت Hookهای سفارشی

قرار دادن پروژه در سرور(deploy)

و ...

 

دوره های پیشنهادی، بعد از گذراندن این دوره :

پیش نیاز این دوره :

 


laravel لاراول api tailwindcss_v4 تیلویند_سی اس اس تیلویند_سی اس اس_ورژن_4 vue_js ویو_جی_اس vue_js_version_3 ویو_جی_اس_ورژن_3 ویو_روتر vue_router

مدرس دوره علی شیخ
مدت دوره 04:26:07
تعداد ویدیو 18

وضعیت دوره : درحال برگزاری
قیمت دوره : 999,000 649,000 تومان
% 35 تخفیف

کامنت های ارزشمند شما:

برای ارسال کامنت ابتدا باید وارد سایت شوید