دوره آموزشی

دوبله زبان فارسی

وب سایت تجارت الکترونیک لاراول با پنل ادمین Vue.js

معرفی
سرفصل

✅ سرفصل و جزئیات آموزش

در این دوره با ساخت اپلیکیشن های فول استک با لاراول، Tailwind.css و Vue.js و Alpine.js و استقرار در دامنه سفارشی آشنا می شوید.

آنچه یاد خواهید گرفت

ساخت اپلیکیشن های فول استک با لاراول، Vue JS و Tailwind CSS از ابتدا تا انتها
ایجاد پنل ادمین واکنش گرا با Tailwind CSS + Vue JS
چگونه REST API لاراول را بسازیم و آن را به پنل ادمین Vue JS متصل کنیم؟
استقرار اپلیکیشن های لاراول و Vue JS در دامنه های سفارشی
چگونه پرداخت های آنلاین Stripe را در اپلیکیشن های لاراول خود یکپارچه کنیم؟

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

دانش خوب در برنامه نویسی شی گرا
دانش اولیه لاراول
دانش اولیه Vue JS

توضیحات دوره

در طول دوره یاد می گیرید که چگونه با استفاده از آخرین فناوری‌ ها از جمله لاراول، Vue.js و Tailwind.css و Alpine.js، اپلیکیشن های فول استک بسازید. با بیش از 33 ساعت محتوای ویدئویی و بیش از 200 ویدئو، شما عمیقا تمام جنبه های توسعه تجارت الکترونیک، از جمله ایجاد صفحه لندینگ واکنش گرا، مدیریت آیتم های سبد خرید، پیاده سازی پرداخت های آنلاین با Stripe، ایجاد داشبورد ادمین با تحلیل و خیلی موارد دیگر را بررسی می کنید.

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

نگاهی کوتاه به آنچه یاد خواهید گرفت:

ایجاد پروژه های لاراول مقیاس پذیر
یکپارچه سازی تم های Tailwind.css در لاراول
پیاده سازی چک اوت پرداخت آنلاین با Stripe
مدیریت وب هوک های Stripe و ارسال ایمیل در لاراول
توسعه پنل‌ های ادمین واکنش‌ گرا با Tailwind.css و Vue.js
اتصال اپلیکیشن های Vue.js به REST APIs لاراول برای عملیات های CRUD
استقرار پروژه های لاراول در دامنه های سفارشی و پیکربندی آدرس های ایمیل کسب و کار
و خیلی موارد دیگر

چه مبتدی باشید که به دنبال ساخت اولین پروژه خود هستید یا یک توسعه دهنده باتجربه که به دنبال افزایش مهارت های خود است، این دوره برای شما طراحی شده است. با دسترسی مادام العمر به مطالب دوره و یک گروه خصوصی Discord برای پشتیبانی، همه مواردی را که برای موفقیت نیاز دارید در اختیار خواهید داشت.

این دوره برای چه کسانی مناسب است؟

این دوره برای افرادی که تازه شروع به یادگیری لاراول و Vue JS کرده اند و می خواهند پروژه جالبی بسازند ایده آل است.
اگر می خواهید روند کامل ساخت اپلیکیشن را از یک توسعه دهنده با تجربه ببینید، این دوره برای شما عالی است.
اگر به دنبال پروژه ای عالی برای گنجاندن در پورتفولیوی خود هستید، این دوره برای شما خوب است.

وب سایت تجارت الکترونیک لاراول با پنل ادمین Vue.js

فصل 1: مقدمه

دموی کامل پروژه 08:49
پیش نیازها 00:59

فصل 2: راه اندازی پروژه

راه اندازی محیط کاری 08:33
درک اسکیمای پایگاه داده 03:22
ایجاد مدل ها و مهاجرت های خالی 02:58
نوشتن مهاجرت ها 06:28

فصل 3: ساخت پنل ادمین Vue.js

بررسی بخش 00:46
دوره فشرده Tailwind.css 13:33
ایجاد پروژه Vue.js با Vite 04:01
افزودن Tailwindcss به پروژه Vue.js 03:27
نصب vuex و ایجاد فروشگاه 03:42
نصب vue-router و ایجاد مسیرها 05:11
ایجاد صفحه فرم لاگین 06:03
ایجاد درخواست ریست پسورد و ریست صفحات پسورد 12:09
ایجاد طرح بندی برای کاربران مهمان 10:27
ایجاد طرح بندی خالی برای کاربران مجاز 05:25
ایجاد سایدبار پنل ادمین 16:52
ایجاد نوار ناوبری پنل ادمین 13:21
ایجاد و پیاده سازی دکمه تاگل سایدبار 09:10
واکنش گرا کردن طرح بندی 05:37
مدیریت کاربران غیرمجاز برای ریدایرکت کردن به صفحه لاگین 04:59
ایجاد صفحه Not Found 12:33

فصل 4: اتصال پنل ادمین Vue.js به API لاراول

بررسی بخش 00:22
ایجاد Seeder کاربر ادمین در لاراول 04:07
پیاده سازی لاگین و خروج از سیستم برای پنل ادمین در لاراول 10:00
نصب و پیکربندی axios در Vue.js 05:26
پیاده سازی فرآیند کامل لاگین و خروج از سیستم 15:10
نمایش پیام های خطای اعتبارسنجی در فرم لاگین 12:37
افزودن صفحه اسپلش و خروجی کاربر در نوار ناوبری 14:44

فصل 5: عملیات های CRUD محصولات در ادمین Vue.js با API لاراول

بررسی بخش 00:39
پیاده سازی عملیات های CRUD محصول در API لاراول 14:00
ایجاد کامپوننت اسپینر Vue.js 03:32
ایجاد جدول محصولات در Vue.js 03:35
اتصال کامپوننت Vue.js جدول محصولات به API 11:22
پیاده‌‌ سازی صفحه‌ بندی 13:26
پیاده سازی هر صفحه و جستجو در محصولات 05:19
مرتب سازی محصولات 19:53
ریفکتور کردن کامپوننت محصول 03:34
ایجاد مودال محصول خالی 07:33
پیاده سازی کامپوننت مودال ایجاد محصول 21:29
اتصال مودال ایجاد محصول به API لاراول 12:50
حذف محصول 06:50
بروزرسانی محصول 11:01
افزودن انیمیشن به جدول محصولات 03:34
انتقال کنترلرهای API به پوشه Api 01:10
تست CRUD محصولات 01:54

فصل 6: شروع کار روی فرانت اند وب سایت

بررسی بخش 00:29
دانلود تم فرانت اند 02:11
نصب Breeze لاراول 03:57
یکپارچه سازی تم تجارت الکترونیک در لاراول 20:55
ایجاد فرم لاگین با طراحی تم 15:04
ایجاد فرم ریست پسورد 04:30
ایجاد فرم ثبت نام 08:55
رندر محصولات در وب سایت - بخش 1 10:02
رندر محصولات در وب سایت - بخش 2 02:42
ارسال ایمیل برای رجیستریشن مشتری 07:14
سفارشی سازی قالب های ایمیل 10:42
ایجاد صفحه محصول خالی 07:36
نمایش صفحه جزئیات محصول 08:34

فصل 7: قابلیت سبد خرید

بررسی بخش 01:18
ایجاد Helper سبد خرید با متدهای قابل استفاده مجدد 12:50
ایجاد کنترلر سبد خرید 10:50
آماده سازی مسیرهای API برای مدیریت سبد خرید 03:51
ایجاد میان افزار guestOrVerified 02:27
آماده سازی جاوا اسکریپت برای افزودن به سبد خرید 10:50
پیاده سازی افزودن آیتم ها به سبد خرید 07:33
ایجاد صفحه سبد خرید - بخش 1 16:15
ایجاد صفحه سبد خرید - بخش 2 05:30
نمایش Subtotal سبد خرید و دکمه چک اوت 04:40
پیاده سازی افزودن به سبد خرید از صفحه داخلی محصول 05:31

فصل 8: مدیریت پروفایل مشتری

بررسی بخش 00:13
تغییر نام شناسه مشتری به user_id 03:04
درج مشتری در پایگاه داده هنگام رجیستریشن 02:28
تغییر ستون ایالات کشورها به جی سان 02:56
راه اندازی روابط مدل Eloquent از مشتری به آدرس و کاربر 06:07
ایجاد کنترلر پروفایل 04:01
ایجاد درخواست پروفایل 12:28
ایجاد فرم جزئیات مشتری 16:44
پیاده سازی بروزرسانی جزئیات مشتری 10:44
پیاده سازی بروزرسانی پسورد 06:16

فصل 9: سفارشات و چک اوت با Stripe

بررسی بخش 01:30
چک اوت پرداخت های آنلاین با Stripe - بخش 1 28:23
چک اوت پرداخت های آنلاین با Stripe - بخش 2 11:27
چک اوت پرداخت های آنلاین با Stripe - بخش 3 21:43
چک اوت پرداخت های آنلاین با Stripe - بخش 4 13:04
ایجاد صفحه لیست سفارش برای مشتریان 19:46
پیاده سازی پرداخت سفارشات پرداخت نشده 16:31
وب هوک های Stripe - بخش 1 28:23
وب هوک های Stripe - بخش 2 19:37
ایجاد صفحه جزئیات سفارش 20:00

فصل 10: خروجی تمام سفارشات در پنل ادمین Vue.js

بررسی بخش 00:44
ایجاد کامپوننت جدول سفارشات 08:38
بارگذاری داده در جدول سفارشات 19:14
آماده سازی API برای صفحه جزئیات سفارش 11:50
ایجاد نسخه نهایی OrderResource 15:37
ایجاد صفحه جزئیات سفارش 20:08
پیاده سازی بروزرسانی وضعیت سفارش از ادمین 21:50
نمایش نوتیفیکیشن هنگام بروزرسانی وضعیت سفارش 15:52
ایجاد کلاس‌ های ایمیل برای سفارش جدید و بروزرسانی وضعیت سفارش 12:43
تست نهایی ارسال ایمیل ها 23:20

فصل 11: مدیریت کاربر در پنل ادمین

بررسی بخش 00:19
آماده سازی کنترلر کاربر در API لاراول 12:34
نمایش کاربران ادمین در پنل ادمین Vue.js 09:42
پیاده سازی بروزرسانی و حذف کاربر 13:54

فصل 12: عملیات های CRUD مشتری در پنل ادمین Vue.js

بررسی بخش 00:33
ایجاد کامپوننت جدول مشتری 11:49
آماده سازی کنترلر API لاراول برای مشتریان 13:19
ایجاد فرم ویرایش مشتری با آدرس 17:10
بروزرسانی پشتیبانی چک باکس افزودن کامپوننت CustomInput 07:56
پیاده سازی بروزرسانی مشتری - بخش 1 14:40
بروزرسانی پشتیبانی انتخاب افزودن کامپوننت CustomInput 05:50
پیاده سازی کشویی آبشاری ایالت کشور 23:44
پیاده سازی بروزرسانی مشتری - بخش 2 09:18
پیاده سازی جستجوی مشتری، بر اساس نام، ایمیل و تلفن 05:05
اشکال زدایی خطای لاراول 14:36
محدود کردن لاگین مشتری غیرفعال 05:25

فصل 13: ایجاد داشبورد

بررسی بخش 00:41
ایجاد کارت های اطلاعات کلی 12:41
نصب vue-chartjs و ایجاد نمودار دونات 08:00
ایجاد کارت های خالی محصولات و مشتریان 05:10
بارگذاری داده از بک اند برای کارت های خلاصه داشبورد 09:31
فرمت بندی عدد به عنوان ارز 03:19
دریافت سفارشات بر اساس کشور و بارگذاری در نمودار دونات 21:24
پیاده سازی بارگذاری 5 مشتری آخر 14:13
نمایش 10 سفارش آخر 26:57
ایجاد فیلتر فرمت بندی ارز 08:27
تغییر مودال مشتری به صفحه و لینک از داشبورد 15:07
افزودن انیمیشن به کارت های داشبورد 03:05
پیاده سازی تغییر دوره تاریخ 11:16
بروزرسانی داده گزارش بر اساس تاریخ انتخاب شده 10:26

فصل 14: ایجاد گزارش ها

بررسی بخش 00:41
افزودن ستون منتشر شده به جدول محصولات 11:58
ایجاد مسیرهای گزارش در Vue.js 08:07
ایجاد کامپوننت های تب گزارش ها 02:51
اعمال استایل ها در تب گزارش فعال 01:47
ایجاد Trait قابل استفاده مجدد 03:36
ایجاد اندپوینت API بک اند برای دریافت داده سفارشات 09:56
پردازش داده سفارشات برای نمودارها 21:20
ایجاد گزارش مشتریان 07:33
پیاده سازی انتخابگر محدوده تاریخ در گزارش ها 19:00

فصل 15: استقرار در تولید

بررسی بخش 00:39
رجیستر در Hostinger.com برای دامنه و میزبانی 04:24
انتخاب دامنه خود 02:24
راه اندازی میزبانی وب و SSL 02:47
راه اندازی دامنه فرعی برای پنل ادمین 02:16
درک اینکه چگونه می خواهیم مستقر کنیم 04:03
اتصال به سرور میزبان با استفاده از SSH 04:39
فرمان های اولیه SSH 04:49
اتصال به سرور با کلیدهای عمومی و خصوصی 09:43
نصب لاراول با استفاده از SSH 08:46
ایجاد پایگاه داده MySQL 07:38
استقرار پنل ادمین Vue.js 07:47
ایجاد و استفاده از آدرس ایمیل کسب و کار برای ارسال ایمیل 07:00
پیکربندی کلیدهای stripe API 00:52
فیکس کردن باگ درباره ایجاد محصول جدید 08:02
فیکس کردن مشکل ذخیره سازی لاراول 03:57
پیکربندی وب هوک های Stripe 05:02

فصل 16: فیکس کردن باگ و بهینه سازی

بررسی بخش 01:07
نصب نوار اشکال زدایی و بهینه سازی کوئری ها 09:49
ارتقا به لاراول 10 10:43
نصب تلسکوپ لاراول، اشکال زدایی و بهینه سازی کوئری های API 19:37
افزودن تراکنش های پایگاه داده - بخش 1 08:52
افزودن تراکنش های پایگاه داده - بخش 2 07:35
نوشتن لاگ های حیاتی زمانی که یک استثنا رخ می دهد 03:47
بروزرسانی به آخرین نسخه Stripe PHP 07:31
اگر مشتری آدرسی ندارد، ویرایش مشتری را فیکس کنید 06:41
نمایش خطاهای اعتبارسنجی هنگام بروزرسانی مشتری از ادمین 12:21
در صورت عدم ارائه اطلاعات آدرس مشتری، اجازه سفارش دهی را ندهید 06:30
بروزرسانی Vite و تغییر پورت پیش فرض 03:56
فیکس کردن باگ حذف مشتری 03:15

فصل 17: بهبودهای محصول

بررسی بخش 00:25
تغییر مدل محصول به صفحه اختصاصی محصول 18:35
نمایش نوتیفیکیشن ها هنگام ایجاد، بروزرسانی و حذف محصول 02:26
افزودن دو دکمه در صفحه محصول و ریدایرکت کردن کاربر به جدول محصولات 06:48
افزودن CKEditor برای توضیحات محصول 14:51
خروجی گرفتن درست از محتوای CKEditor در فرانت اند 04:01

فصل 18: مدیریت موجودی

بررسی بخش 00:39
افزودن ستون مقدار به جدول محصولات 09:04
افزودن ستون مقدار به جدول محصولات 06:21
نمایش پیام‌ های خطا هنگام افزودن آیتم به سبد خرید در صورت اتمام موجودی 17:03
چک کردن مقدار محصول هنگام چک اوت و محدود کردن فرآیند چک اوت 07:21
در صورت لغو سفارش، مقدار محصول را افزایش دهید 05:15

فصل 19: تصاویر متعدد روی محصولات

بررسی بخش 00:58
تعریف مهاجرت تصاویر محصول و انتقال داده تصویر به آن 19:19
افزودن روابط به مدل های محصول و ProductImage 01:41
تعریف attribute تصویر در مدل محصول 01:44
افزودن تصویر noimage در ادمین و همچنین در سمت فرانت اند 04:38
ایجاد کامپوننت پیش نمایش تصویر برای آپلود تصویر 14:53
پیاده سازی حذف تصویر قبل از آپلود فایل 11:36
پیاده سازی حذف تصویر 14:50
پیش نمایش تصاویر موجود 06:10
پیاده سازی ذخیره چندین تصویر 16:39
فیکس کردن باگ نمایش لیست صحیح تصاویر هنگام بروزرسانی محصول 02:17
خروجی چندین تصویر در وب سایت 07:15
پیاده سازی بازگردانی تصویر حذف شده 06:00
ذخیره تصاویر با نام های تصادفی در فایل سیستم 06:05
پیاده سازی مرتب سازی تصویر در Vue.js 30:37
پیاده سازی مرتب سازی تصویر در بک اند 05:52
فیکس کردن باگ زمانی که تصاویر در حین ایجاد محصول آپلود نشدند 03:39

فصل 20: افزودن دسته بندی محصولات

بررسی بخش 01:13
ایجاد مدل دسته بندی، مهاجرت، کنترلر، منابع و درخواست ها 06:08
پیاده سازی CRUD دسته بندی در سمت بک اند 08:55
CRUD دسته‌ بندی در فرانت اند - بخش 1 16:21
CRUD دسته‌ بندی در فرانت اند - بخش 2 25:41
تخصیص دسته‌ بندی ها به محصول - بخش 1 - ایجاد جدول product_categories 06:02
تخصیص دسته‌ بندی ها به محصول - بخش 2 - نصب کامپوننت Vue treeselect 06:06
تخصیص دسته‌ بندی ها به محصول - بخش 3 - ذخیره دسته‌ بندی ها در محصول 07:40
تخصیص دسته‌ بندی ها به محصول - بخش 3 - پیاده سازی دریافت دسته‌ بندی ها به‌ عنوان درخت 21:05
حذف کامپوننت ProductModal و پاکسازی کامپوننت های محصولات و جدول محصولات 04:02
خروجی گرفتن از دسته بندی ها به عنوان درخت در صفحه اصلی 17:26
پیاده سازی فیلترینگ محصولات بر اساس دسته بندی در وب سایت 03:57
پیاده سازی فیلترینگ محصولات بر اساس دسته بندی فرعی در وب سایت 10:28
پیاده سازی مرتب‌ سازی دسته‌ بندی ها بر اساس نام در لیست کشویی دسته بندی در پنل ادمین 04:49
محدود کردن انتخاب دسته بندی فرزند به‌ عنوان والد در طول بروزرسانی دسته بندی 16:07