آموزش وب سایت فروشگاهی لاراول با پنل مدیریت Vue.js - آخرین آپدیت

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

Introduction-فصل 1-مقدمه Introduction

• Project Full Demo-ویدیو 1-1-دموی کامل پروژه Project Full Demo

• Prerequisites-ویدیو 1-2-پیش نیازها Prerequisites

Project Setup-فصل 2-راه اندازی پروژه Project Setup

• Setup Working Environment-ویدیو 2-1-راه اندازی محیط کار Setup Working Environment

• Understanding Database Schema-ویدیو 2-2-درک شمای پایگاه داده Understanding Database Schema

• Generate Models and Empty Migrations-ویدیو 2-3-تولید مدل‌ها و migrationهای خالی Generate Models and Empty Migrations

• Write Migrations-ویدیو 2-4-نوشتن Migrationها Write Migrations

• Project Source Code-ویدیو 2-5-کد منبع پروژه Project Source Code

• Discord Server-ویدیو 2-6-سرور Discord Discord Server

Building Vue.js Admin Panel-فصل 3-ساخت پنل مدیریت Vue.js Building Vue.js Admin Panel

• Section Overview-ویدیو 3-1-بررسی اجمالی بخش Section Overview

• Tailwind.css Crash Course-ویدیو 3-2-دوره فشرده Tailwind.css Tailwind.css Crash Course

• Generate Vue.js project with Vite-ویدیو 3-3-تولید پروژه Vue.js با Vite Generate Vue.js project with Vite

• Add Tailwindcss to Vue.js Project-ویدیو 3-4-اضافه کردن Tailwindcss به پروژه Vue.js Add Tailwindcss to Vue.js Project

• Install vuex and create store-ویدیو 3-5-نصب vuex و ایجاد store Install vuex and create store

• Install vue-router and create routes-ویدیو 3-6-نصب vue-router و ایجاد routeها Install vue-router and create routes

• Create Login form page-ویدیو 3-7-ایجاد صفحه فرم ورود Create Login form page

• Create request password reset and reset password pages-ویدیو 3-8-ایجاد صفحات درخواست بازنشانی رمز عبور و بازنشانی رمز عبور Create request password reset and reset password pages

• Create Layout for guest users-ویدیو 3-9-ایجاد Layout برای کاربران مهمان Create Layout for guest users

• Create Empty Layout for Authorized Users-ویدیو 3-10-ایجاد Layout خالی برای کاربران مجاز Create Empty Layout for Authorized Users

• Create Admin Panel Sidebar-ویدیو 3-11-ایجاد سایدبار پنل مدیریت Create Admin Panel Sidebar

• Create Admin Panel Navbar-ویدیو 3-12-ایجاد نوار بالای پنل مدیریت Create Admin Panel Navbar

• Create and Implement Sidebar toggle button-ویدیو 3-13-ایجاد و پیاده سازی دکمه تغییر وضعیت سایدبار Create and Implement Sidebar toggle button

• Make Layout Responsive-ویدیو 3-14-ریسپانسیو کردن Layout Make Layout Responsive

• Handle Unauthorized Users to Redirect to Login Page-ویدیو 3-15-مدیریت کاربران غیرمجاز برای هدایت به صفحه ورود Handle Unauthorized Users to Redirect to Login Page

• Create Not Found Page-ویدیو 3-16-ایجاد صفحه یافت نشد Create Not Found Page

• Project Source Code-ویدیو 3-17-کد منبع پروژه Project Source Code

Connect Vue.js Admin Panel to Laravel API-فصل 4-اتصال پنل مدیریت Vue.js به Laravel API Connect Vue.js Admin Panel to Laravel API

• Section Overview-ویدیو 4-1-بررسی اجمالی بخش Section Overview

• Create Admin User Seeder in Laravel-ویدیو 4-2-ایجاد Admin User Seeder در Laravel Create Admin User Seeder in Laravel

• Implement Login and Logout for Admin Panel in Laravel-ویدیو 4-3-پیاده سازی ورود و خروج برای پنل مدیریت در Laravel Implement Login and Logout for Admin Panel in Laravel

• Install and Configure axios in Vue.js-ویدیو 4-4-نصب و پیکربندی axios در Vue.js Install and Configure axios in Vue.js

• Implement Login/Logout Full Process-ویدیو 4-5-پیاده سازی فرآیند کامل ورود/خروج Implement Login/Logout Full Process

• Show Validation Error Messages in Login Form-ویدیو 4-6-نمایش پیام های خطای اعتبارسنجی در فرم ورود Show Validation Error Messages in Login Form

• Add Splash Screen and Output User in Navbar-ویدیو 4-7-اضافه کردن صفحه Splash و نمایش کاربر در نوار بالا Add Splash Screen and Output User in Navbar

• Project Source Code-ویدیو 4-8-کد منبع پروژه Project Source Code

Products CRUD in Vue.js Admin with Laravel API-فصل 5-CRUD محصولات در پنل مدیریت Vue.js با Laravel API Products CRUD in Vue.js Admin with Laravel API

• Section Overview-ویدیو 5-1-بررسی اجمالی بخش Section Overview

• Implement Product CRUD in Laravel API-ویدیو 5-2-پیاده سازی CRUD محصول در Laravel API Implement Product CRUD in Laravel API

• Create Vue.js Spinner Component-ویدیو 5-3-ایجاد کامپوننت Spinner Vue.js Create Vue.js Spinner Component

• Create Products Table in Vue.js-ویدیو 5-4-ایجاد جدول محصولات در Vue.js Create Products Table in Vue.js

• Connect Products Table Vue.js Component to API-ویدیو 5-5-اتصال کامپوننت جدول محصولات Vue.js به API Connect Products Table Vue.js Component to API

• Implement Pagination-ویدیو 5-6-پیاده سازی صفحه بندی Implement Pagination

• Implement Per Page and Search in Products-ویدیو 5-7-پیاده سازی تعداد در صفحه و جستجو در محصولات Implement Per Page and Search in Products

• Products sorting-ویدیو 5-8-مرتب سازی محصولات Products sorting

• Refactor Product Component-ویدیو 5-9-بازسازی کامپوننت محصول Refactor Product Component

• Create Empty Product Modal-ویدیو 5-10-ایجاد Modal خالی محصول Create Empty Product Modal

• Implement Product Creation Modal Component-ویدیو 5-11-پیاده سازی کامپوننت Modal ایجاد محصول Implement Product Creation Modal Component

• Connect Product Create Modal to Laravel API-ویدیو 5-12-اتصال Modal ایجاد محصول به Laravel API Connect Product Create Modal to Laravel API

• Product Delete-ویدیو 5-13-حذف محصول Product Delete

• Product update-ویدیو 5-14-به روز رسانی محصول Product update

• Add Animation to Products Table-ویدیو 5-15-اضافه کردن انیمیشن به جدول محصولات Add Animation to Products Table

• Move API Controllers into Api Folder-ویدیو 5-16-انتقال کنترلرهای API به پوشه Api Move API Controllers into Api Folder

• Testing products CRUD-ویدیو 5-17-تست CRUD محصولات Testing products CRUD

• Project Source Code-ویدیو 5-18-کد منبع پروژه Project Source Code

Start Working on Website Frontend-فصل 6-شروع کار روی فرانت اند وب سایت Start Working on Website Frontend

• Section Overview-ویدیو 6-1-بررسی اجمالی بخش Section Overview

• Download the Frontend Theme-ویدیو 6-2-دانلود قالب فرانت اند Download the Frontend Theme

• Install Laravel Breeze-ویدیو 6-3-نصب Laravel Breeze Install Laravel Breeze

• Integrate E-commerce Theme into Laravel-ویدیو 6-4-ادغام قالب فروشگاه اینترنتی در Laravel Integrate E-commerce Theme into Laravel

• Create Login Form with Theme Design-ویدیو 6-5-ایجاد فرم ورود با طراحی قالب Create Login Form with Theme Design

• Create Password Reset Form-ویدیو 6-6-ایجاد فرم بازنشانی رمز عبور Create Password Reset Form

• Create Signup Form-ویدیو 6-7-ایجاد فرم ثبت نام Create Signup Form

• Render Products on Website Part 1-ویدیو 6-8-رندر محصولات در وب سایت قسمت 1 Render Products on Website Part 1

• Render Products on Website Part 2-ویدیو 6-9-رندر محصولات در وب سایت قسمت 2 Render Products on Website Part 2

• Send Email on Customer Registration-ویدیو 6-10-ارسال ایمیل هنگام ثبت نام مشتری Send Email on Customer Registration

• Customize Email Templates-ویدیو 6-11-سفارشی سازی قالب های ایمیل Customize Email Templates

• Create Empty Product Page-ویدیو 6-12-ایجاد صفحه خالی محصول Create Empty Product Page

• Display Product Details Page-ویدیو 6-13-نمایش صفحه جزئیات محصول Display Product Details Page

• Project Source Code-ویدیو 6-14-کد منبع پروژه Project Source Code

Shopping Cart Functionality-فصل 7-قابلیت سبد خرید Shopping Cart Functionality

• Section Overview-ویدیو 7-1-بررسی اجمالی بخش Section Overview

• Create Cart Helper with reusable methods-ویدیو 7-2-ایجاد Cart Helper با متدهای قابل استفاده مجدد Create Cart Helper with reusable methods

• Create CartController-ویدیو 7-3-ایجاد CartController Create CartController

• Prepare API Routes for Cart Management-ویدیو 7-4-آماده سازی Routeهای API برای مدیریت سبد خرید Prepare API Routes for Cart Management

• Create middleware guestOrVerified-ویدیو 7-5-ایجاد middleware guestOrVerified Create middleware guestOrVerified

• Prepare JavaScript for Add to Cart-ویدیو 7-6-آماده سازی JavaScript برای افزودن به سبد خرید Prepare JavaScript for Add to Cart

• Implement Adding Items into Cart-ویدیو 7-7-پیاده سازی افزودن آیتم ها به سبد خرید Implement Adding Items into Cart

• Create Cart Page Part 1-ویدیو 7-8-ایجاد صفحه سبد خرید قسمت 1 Create Cart Page Part 1

• Create Cart Page Part 2-ویدیو 7-9-ایجاد صفحه سبد خرید قسمت 2 Create Cart Page Part 2

• Show Cart Subtotal and Checkout Button-ویدیو 7-10-نمایش مبلغ جزئی سبد خرید و دکمه پرداخت Show Cart Subtotal and Checkout Button

• Implement Add to Cart from Product inner Page-ویدیو 7-11-پیاده سازی افزودن به سبد خرید از صفحه داخلی محصول Implement Add to Cart from Product inner Page

• Project Source Code-ویدیو 7-12-کد منبع پروژه Project Source Code

Customer Profile Management-فصل 8-مدیریت پروفایل مشتری Customer Profile Management

• Section Overview-ویدیو 8-1-بررسی اجمالی بخش Section Overview

• Rename customer id into user_id-ویدیو 8-2-تغییر نام customer id به user_id Rename customer id into user_id

• Insert Customer in DB on Cegistration-ویدیو 8-3-وارد کردن مشتری در پایگاه داده هنگام ثبت نام Insert Customer in DB on Cegistration

• Change Countries States Column into JSON-ویدیو 8-4-تغییر ستون Countries States به JSON Change Countries States Column into JSON

• Setup Eloquent Model Relations from Customer to Addresses and to User-ویدیو 8-5-راه اندازی روابط Eloquent Model از Customer به Addresses و به User Setup Eloquent Model Relations from Customer to Addresses and to User

• Create Profile Controller-ویدیو 8-6-ایجاد Profile Controller Create Profile Controller

• Create ProfileRequest-ویدیو 8-7-ایجاد ProfileRequest Create ProfileRequest

• Create Customer Details Form-ویدیو 8-8-ایجاد فرم جزئیات مشتری Create Customer Details Form

• Implement Customer Details Update-ویدیو 8-9-پیاده سازی به روز رسانی جزئیات مشتری Implement Customer Details Update

• Implement Password update-ویدیو 8-10-پیاده سازی به روز رسانی رمز عبور Implement Password update

• Project Source Code-ویدیو 8-11-کد منبع پروژه Project Source Code

Stripe Checkout & Orders-فصل 9-Stripe Checkout و سفارشات Stripe Checkout & Orders

• Section Overview-ویدیو 9-1-بررسی اجمالی بخش Section Overview

• Stripe Online Payments Checkout Part 1-ویدیو 9-2-پرداخت آنلاین Stripe Checkout قسمت 1 Stripe Online Payments Checkout Part 1

• Stripe Online Payments Checkout Part 2-ویدیو 9-3-پرداخت آنلاین Stripe Checkout قسمت 2 Stripe Online Payments Checkout Part 2

• Stripe Online Payments Checkout Part 3-ویدیو 9-4-پرداخت آنلاین Stripe Checkout قسمت 3 Stripe Online Payments Checkout Part 3

• Stripe Online Payments Checkout Part 4-ویدیو 9-5-پرداخت آنلاین Stripe Checkout قسمت 4 Stripe Online Payments Checkout Part 4

• Create Order List Page for Customers-ویدیو 9-6-ایجاد صفحه لیست سفارشات برای مشتریان Create Order List Page for Customers

• Implement Payment of Unpaid Orders-ویدیو 9-7-پیاده سازی پرداخت سفارشات پرداخت نشده Implement Payment of Unpaid Orders

• Stripe Webhooks Part 1-ویدیو 9-8-Stripe Webhooks قسمت 1 Stripe Webhooks Part 1

• Stripe Webhooks Part 2-ویدیو 9-9-Stripe Webhooks قسمت 2 Stripe Webhooks Part 2

• Create Order Details Page-ویدیو 9-10-ایجاد صفحه جزئیات سفارش Create Order Details Page

• Project Source Code-ویدیو 9-11-کد منبع پروژه Project Source Code

Output all Orders in Vue.js Admin Panel-فصل 10-نمایش تمام سفارشات در پنل مدیریت Vue.js Output all Orders in Vue.js Admin Panel

• Section Overview-ویدیو 10-1-بررسی اجمالی بخش Section Overview

• Create Orders Table Component-ویدیو 10-2-ایجاد کامپوننت جدول سفارشات Create Orders Table Component

• Load Data into Orders Table-ویدیو 10-3-بارگیری داده ها در جدول سفارشات Load Data into Orders Table

• Prepare API for Order Details Page-ویدیو 10-4-آماده سازی API برای صفحه جزئیات سفارش Prepare API for Order Details Page

• Create Final version of OrderResource-ویدیو 10-5-ایجاد نسخه نهایی OrderResource Create Final version of OrderResource

• Create Order Details Page-ویدیو 10-6-ایجاد صفحه جزئیات سفارش Create Order Details Page

• Implement Order Status Update from Admin-ویدیو 10-7-پیاده سازی به روز رسانی وضعیت سفارش از Admin Implement Order Status Update from Admin

• Display Notification on Order Status Update-ویدیو 10-8-نمایش اعلان در به روز رسانی وضعیت سفارش Display Notification on Order Status Update

• Create Mail classes for new order and order status update-ویدیو 10-9-ایجاد کلاس های Mail برای سفارش جدید و به روز رسانی وضعیت سفارش Create Mail classes for new order and order status update

• Final Test of Sending Emails-ویدیو 10-10-تست نهایی ارسال ایمیل ها Final Test of Sending Emails

• Project Source Code-ویدیو 10-11-کد منبع پروژه Project Source Code

User Management in Admin Panel-فصل 11-مدیریت کاربر در پنل مدیریت User Management in Admin Panel

• Section Overview-ویدیو 11-1-بررسی اجمالی بخش Section Overview

• Prepare UserController in Laravel API-ویدیو 11-2-آماده سازی UserController در Laravel API Prepare UserController in Laravel API

• Display Admin Users in Vue.js Admin Panel-ویدیو 11-3-نمایش کاربران Admin در پنل مدیریت Vue.js Display Admin Users in Vue.js Admin Panel

• Implement User Update and Delete-ویدیو 11-4-پیاده سازی به روز رسانی و حذف کاربر Implement User Update and Delete

Customer CRUD in Vue.js Admin Panel-فصل 12-CRUD مشتری در پنل مدیریت Vue.js Customer CRUD in Vue.js Admin Panel

• Section Overview-ویدیو 12-1-بررسی اجمالی بخش Section Overview

• Create Customer Table Component-ویدیو 12-2-ایجاد کامپوننت جدول مشتری Create Customer Table Component

• Prepare Laravel API Controller for Customers-ویدیو 12-3-آماده سازی کنترلر API Laravel برای مشتریان Prepare Laravel API Controller for Customers

• Create Customer Edit Form with Addresses-ویدیو 12-4-ایجاد فرم ویرایش مشتری با آدرس ها Create Customer Edit Form with Addresses

• Update CustomInput Component add Checkbox Support-ویدیو 12-5-به روز رسانی کامپوننت CustomInput اضافه کردن پشتیبانی Checkbox Update CustomInput Component add Checkbox Support

• Implement Customer Update Part 1-ویدیو 12-6-پیاده سازی به روز رسانی مشتری قسمت 1 Implement Customer Update Part 1

• Update CustomInput Component add Select Support-ویدیو 12-7-به روز رسانی کامپوننت CustomInput اضافه کردن پشتیبانی Select Update CustomInput Component add Select Support

• Implement Country State Cascading dropdown-ویدیو 12-8-پیاده سازی Country State Cascading dropdown Implement Country State Cascading dropdown

• Implement Customer Update Part 2-ویدیو 12-9-پیاده سازی به روز رسانی مشتری قسمت 2 Implement Customer Update Part 2

• Implement Customer Search, by Name, Email, Phone-ویدیو 12-10-پیاده سازی جستجوی مشتری، بر اساس نام، ایمیل، تلفن Implement Customer Search, by Name, Email, Phone

• Debugging Laravel Error-ویدیو 12-11-اشکال زدایی خطای Laravel Debugging Laravel Error

• Restrict Disabled Customer Login-ویدیو 12-12-محدود کردن ورود مشتری غیرفعال Restrict Disabled Customer Login

• Project Source Code-ویدیو 12-13-کد منبع پروژه Project Source Code

Create Dashboard-فصل 13-ایجاد داشبورد Create Dashboard

• Section Overview-ویدیو 13-1-بررسی اجمالی بخش Section Overview

• Create Overall Information Cards-ویدیو 13-2-ایجاد کارت های اطلاعات کلی Create Overall Information Cards

• Install vue-chartjs and Create Doughnut Chart-ویدیو 13-3-نصب vue-chartjs و ایجاد نمودار دایره ای Install vue-chartjs and Create Doughnut Chart

• Create Products and Customers Empty Cards-ویدیو 13-4-ایجاد کارت های خالی محصولات و مشتریان Create Products and Customers Empty Cards

• Load Data From Backend for Dashboard Summary Cards-ویدیو 13-5-بارگیری داده ها از Backend برای کارت های خلاصه داشبورد Load Data From Backend for Dashboard Summary Cards

• Format Number as Currency-ویدیو 13-6-فرمت کردن عدد به عنوان واحد پول Format Number as Currency

• Get Orders by Country and Load into Doughnut Chart-ویدیو 13-7-دریافت سفارشات بر اساس کشور و بارگیری در نمودار دایره ای Get Orders by Country and Load into Doughnut Chart

• Implement Loading Latest 5 Customers-ویدیو 13-8-پیاده سازی بارگیری 5 مشتری اخیر Implement Loading Latest 5 Customers

• Display Latest 10 Orders-ویدیو 13-9-نمایش 10 سفارش اخیر Display Latest 10 Orders

• Create Currency Formatting Filter-ویدیو 13-10-ایجاد فیلتر فرمت واحد پول Create Currency Formatting Filter

• Change Customer Modal into page and Link From Dashboard-ویدیو 13-11-تغییر Modal مشتری به صفحه و پیوند از داشبورد Change Customer Modal into page and Link From Dashboard

• Add Animation to Dashboard Cards-ویدیو 13-12-اضافه کردن انیمیشن به کارت های داشبورد Add Animation to Dashboard Cards

• Implement Date Period Change-ویدیو 13-13-پیاده سازی تغییر دوره تاریخ Implement Date Period Change

• Update Report Data by Chosen Date-ویدیو 13-14-به روز رسانی داده های گزارش بر اساس تاریخ انتخاب شده Update Report Data by Chosen Date

• Project Source Code-ویدیو 13-15-کد منبع پروژه Project Source Code

Create Reports-فصل 14-ایجاد گزارش ها Create Reports

• Section Overview-ویدیو 14-1-بررسی اجمالی بخش Section Overview

• Add Published column to Products Table-ویدیو 14-2-اضافه کردن ستون Published به جدول Products Add Published column to Products Table

• Create Report Routes in Vue.js-ویدیو 14-3-ایجاد Report Routeها در Vue.js Create Report Routes in Vue.js

• Create Reports Tab Components-ویدیو 14-4-ایجاد کامپوننت های تب گزارش Create Reports Tab Components

• Apply Styles to Active Report Tab-ویدیو 14-5-اعمال استایل ها به تب گزارش فعال Apply Styles to Active Report Tab

• Create Reusable Trait-ویدیو 14-6-ایجاد Reusable Trait Create Reusable Trait

• Create Backend API Endpoint to Get Orders Data-ویدیو 14-7-ایجاد Endpoint API Backend برای دریافت داده های سفارشات Create Backend API Endpoint to Get Orders Data

• Process Orders Data for Charts-ویدیو 14-8-پردازش داده های سفارشات برای نمودارها Process Orders Data for Charts

• Create Customers Report-ویدیو 14-9-ایجاد گزارش مشتریان Create Customers Report

• Implement Date Range Picker in Reports-ویدیو 14-10-پیاده سازی Date Range Picker در گزارش ها Implement Date Range Picker in Reports

• Project Source Code-ویدیو 14-11-کد منبع پروژه Project Source Code

Deploy on production-فصل 15-استقرار در محیط production Deploy on production

• Section Overview-ویدیو 15-1-بررسی اجمالی بخش Section Overview

• Register on Hostinger.com for domain and hosting-ویدیو 15-2-ثبت نام در Hostinger.com برای دامنه و میزبانی Register on Hostinger.com for domain and hosting

• Choose your domain-ویدیو 15-3-انتخاب دامنه خود Choose your domain

• Setup web hosting & SSL-ویدیو 15-4-راه اندازی میزبانی وب و SSL Setup web hosting & SSL

• Setup subdomain for admin panel-ویدیو 15-5-راه اندازی زیر دامنه برای پنل مدیریت Setup subdomain for admin panel

• Understand how we are going to deploy-ویدیو 15-6-درک نحوه استقرار Understand how we are going to deploy

• Connect to hosting server using SSH-ویدیو 15-7-اتصال به سرور میزبانی با استفاده از SSH Connect to hosting server using SSH

• SSH basic commands-ویدیو 15-8-دستورات اساسی SSH SSH basic commands

• Connect to server with public, private keys-ویدیو 15-9-اتصال به سرور با کلیدهای عمومی و خصوصی Connect to server with public, private keys

• Installing Laravel using SSH-ویدیو 15-10-نصب Laravel با استفاده از SSH Installing Laravel using SSH

• Create MySQL database-ویدیو 15-11-ایجاد پایگاه داده MySQL Create MySQL database

• Deploy Vue.js admin panel-ویدیو 15-12-استقرار پنل مدیریت Vue.js Deploy Vue.js admin panel

• Create and use business email address for email sending-ویدیو 15-13-ایجاد و استفاده از آدرس ایمیل تجاری برای ارسال ایمیل Create and use business email address for email sending

• Configure stripe API keys-ویدیو 15-14-پیکربندی کلیدهای API stripe Configure stripe API keys

• Fix bug about creating new product-ویدیو 15-15-رفع اشکال در مورد ایجاد محصول جدید Fix bug about creating new product

• Fix Laravel storage issue-ویدیو 15-16-رفع مشکل فضای ذخیره سازی Laravel Fix Laravel storage issue

• Configure Stripe Webhooks-ویدیو 15-17-پیکربندی Stripe Webhooks Configure Stripe Webhooks

Bug Fixing and Optimization-فصل 16-رفع اشکال و بهینه سازی Bug Fixing and Optimization

• Section Overview-ویدیو 16-1-بررسی اجمالی بخش Section Overview

• Install Debug bar and optimize queries-ویدیو 16-2-نصب Debug bar و بهینه سازی کوئری ها Install Debug bar and optimize queries

• Upgrade to Laravel 10-ویدیو 16-3-ارتقا به Laravel 10 Upgrade to Laravel 10

• Install Laravel Telescope, debug and optimize API queries-ویدیو 16-4-نصب Laravel Telescope، اشکال زدایی و بهینه سازی کوئری های API Install Laravel Telescope, debug and optimize API queries

• Add DB Transactions Part 1-ویدیو 16-5-اضافه کردن DB Transactions قسمت 1 Add DB Transactions Part 1

• Add DB Transactions Part 2-ویدیو 16-6-اضافه کردن DB Transactions قسمت 2 Add DB Transactions Part 2

• Write critical logs when an exception occures-ویدیو 16-7-نوشتن لاگ های مهم هنگام وقوع یک exception Write critical logs when an exception occures

• Update to latest version of Stripe PHP-ویدیو 16-8-به روز رسانی به آخرین نسخه Stripe PHP Update to latest version of Stripe PHP

• Fix customer editing if the customer does not have addresses-ویدیو 16-9-رفع ویرایش مشتری اگر مشتری آدرس ندارد Fix customer editing if the customer does not have addresses

• Show validation errors on customer update from admin-ویدیو 16-10-نمایش خطاهای اعتبار سنجی در به روز رسانی مشتری از admin Show validation errors on customer update from admin

• Don't allow to make the order if customer address information is not provided-ویدیو 16-11-اجازه ندادن برای ایجاد سفارش اگر اطلاعات آدرس مشتری ارائه نشده است Don't allow to make the order if customer address information is not provided

• Update Vite and change the default port-ویدیو 16-12-به روز رسانی Vite و تغییر پورت پیش فرض Update Vite and change the default port

• Fix customer delete bug-ویدیو 16-13-رفع اشکال حذف مشتری Fix customer delete bug

Product Improvements-فصل 17-بهبود محصولات Product Improvements

• Section Overview-ویدیو 17-1-بررسی اجمالی بخش Section Overview

• Change product modal into a product dedicated page-ویدیو 17-2-تغییر modal محصول به یک صفحه اختصاصی محصول Change product modal into a product dedicated page

• Show Notifications on product create, update and delete-ویدیو 17-3-نمایش اعلان ها در ایجاد، به روز رسانی و حذف محصول Show Notifications on product create, update and delete

• Add Two buttons on product page and redirect user to products table-ویدیو 17-4-اضافه کردن دو دکمه در صفحه محصول و هدایت کاربر به جدول محصولات Add Two buttons on product page and redirect user to products table

• Add CKEditor for product description-ویدیو 17-5-اضافه کردن CKEditor برای توضیحات محصول Add CKEditor for product description

• Output CKEditor content correctly on frontend-ویدیو 17-6-نمایش محتوای CKEditor به درستی در فرانت اند Output CKEditor content correctly on frontend

Stock Management-فصل 18-مدیریت موجودی Stock Management

• Section Overview-ویدیو 18-1-بررسی اجمالی بخش Section Overview

• Add quantity column to products table-ویدیو 18-2-اضافه کردن ستون quantity به جدول products Add quantity column to products table

• Add quantity column to products table-ویدیو 18-3-اضافه کردن ستون quantity به جدول products Add quantity column to products table

• Show error messages when adding item into the cart if it is out of stock-ویدیو 18-4-نمایش پیام های خطا هنگام افزودن مورد به سبد خرید اگر خارج از انبار باشد Show error messages when adding item into the cart if it is out of stock

• Check product quantity during checkout and restrict checkout process-ویدیو 18-5-بررسی مقدار محصول در طول پرداخت و محدود کردن فرآیند پرداخت Check product quantity during checkout and restrict checkout process

• Increase product quantity when order is cancelled-ویدیو 18-6-افزایش مقدار محصول هنگام لغو شدن سفارش Increase product quantity when order is cancelled

Multiple Images on Products-فصل 19-تصاویر متعدد برای محصولات Multiple Images on Products

• Section Overview-ویدیو 19-1-بررسی اجمالی بخش Section Overview

• Define product_images migration and move image data into there-ویدیو 19-2-تعریف migration product_images و انتقال داده های تصویر به آنجا Define product_images migration and move image data into there

• Add relations to Product and ProductImage models-ویدیو 19-3-اضافه کردن روابط به مدل های Product و ProductImage Add relations to Product and ProductImage models

• Define image attribute on Product model-ویدیو 19-4-تعریف attribute تصویر در مدل Product Define image attribute on Product model

• Add noimage image in admin and in frontend side as well-ویدیو 19-5-اضافه کردن تصویر noimage در admin و در فرانت اند نیز Add noimage image in admin and in frontend side as well

• Create Image Preview component for image uploading-ویدیو 19-6-ایجاد کامپوننت Image Preview برای بارگذاری تصویر Create Image Preview component for image uploading

• Implement image remove before file is uploaded-ویدیو 19-7-پیاده سازی حذف تصویر قبل از بارگذاری فایل Implement image remove before file is uploaded

• Implement image delete-ویدیو 19-8-پیاده سازی حذف تصویر Implement image delete

• Preview existing images-ویدیو 19-9-پیش نمایش تصاویر موجود Preview existing images

• Implement saving multiple images-ویدیو 19-10-پیاده سازی ذخیره تصاویر متعدد Implement saving multiple images

• Fix bug of showing correct list of images on product update-ویدیو 19-11-رفع اشکال نمایش لیست صحیح تصاویر در به روز رسانی محصول Fix bug of showing correct list of images on product update

• Output multiple images on the website-ویدیو 19-12-نمایش تصاویر متعدد در وب سایت Output multiple images on the website

• Implement deleted image revert-ویدیو 19-13-پیاده سازی برگرداندن تصویر حذف شده Implement deleted image revert

• Save images with random names on file system-ویدیو 19-14-ذخیره تصاویر با نام های تصادفی در سیستم فایل Save images with random names on file system

• Implement image ordering in Vue.js-ویدیو 19-15-پیاده سازی ترتیب تصویر در Vue.js Implement image ordering in Vue.js

• Implement Image ordering in backend-ویدیو 19-16-پیاده سازی ترتیب تصویر در backend Implement Image ordering in backend

• Fix bug when images were not uploaded during product creation-ویدیو 19-17-رفع اشکال زمانی که تصاویر در هنگام ایجاد محصول بارگذاری نمی شدند Fix bug when images were not uploaded during product creation

Add Product Categories-فصل 20-اضافه کردن دسته بندی محصولات Add Product Categories

• Section Overview-ویدیو 20-1-بررسی اجمالی بخش Section Overview

• Generate Category model, migration, controller, resources and requests-ویدیو 20-2-تولید مدل، migration، کنترلر، منابع و درخواست های Category Generate Category model, migration, controller, resources and requests

• Implement category CRUD on backend side-ویدیو 20-3-پیاده سازی CRUD دسته بندی در سمت backend Implement category CRUD on backend side

• Category CRUD on frontend Part 1-ویدیو 20-4-CRUD دسته بندی در frontend قسمت 1 Category CRUD on frontend Part 1

• Category CRUD on frontend Part 2-ویدیو 20-5-CRUD دسته بندی در frontend قسمت 2 Category CRUD on frontend Part 2

• Assign categories to product part 1 - Create product_categories table-ویدیو 20-6-اختصاص دسته بندی ها به محصول قسمت 1 - ایجاد جدول product_categories Assign categories to product part 1 - Create product_categories table

• Assign categories to product part 2 - Install Vue treeselect component-ویدیو 20-7-اختصاص دسته بندی ها به محصول قسمت 2 - نصب کامپوننت Vue treeselect Assign categories to product part 2 - Install Vue treeselect component

• Assign categories to product part 3 - Save Categories on product-ویدیو 20-8-اختصاص دسته بندی ها به محصول قسمت 3 - ذخیره دسته بندی ها در محصول Assign categories to product part 3 - Save Categories on product

• Assign categories to product part 3 - Implement get categories as tree-ویدیو 20-9-اختصاص دسته بندی ها به محصول قسمت 3 - پیاده سازی دریافت دسته بندی ها به صورت درخت Assign categories to product part 3 - Implement get categories as tree

• Remove ProductModal component and cleanup Products and ProductsTable components-ویدیو 20-10-حذف کامپوننت ProductModal و پاکسازی کامپوننت های Products و ProductsTable Remove ProductModal component and cleanup Products and ProductsTable components

• Output categories as tree on home page-ویدیو 20-11-نمایش دسته بندی ها به صورت درخت در صفحه اصلی Output categories as tree on home page

• Implement filtering products by category on website-ویدیو 20-12-پیاده سازی فیلتر کردن محصولات بر اساس دسته بندی در وب سایت Implement filtering products by category on website

• Implement filtering products by sub category on website-ویدیو 20-13-پیاده سازی فیلتر کردن محصولات بر اساس زیر دسته بندی در وب سایت Implement filtering products by sub category on website

• Implement sorting of categories by name in category dropdown in admin panel-ویدیو 20-14-پیاده سازی مرتب سازی دسته بندی ها بر اساس نام در dropdown دسته بندی در پنل مدیریت Implement sorting of categories by name in category dropdown in admin panel

• Restrict choosing child category as parent during category update-ویدیو 20-15-محدود کردن انتخاب دسته بندی فرزند به عنوان والد در هنگام به روز رسانی دسته بندی Restrict choosing child category as parent during category update

More Product Improvements-فصل 21-بهبودهای بیشتر محصول More Product Improvements

• Section Overview-ویدیو 21-1-بررسی اجمالی بخش Section Overview

• Show proper validation errors in product form on product create/udpate-ویدیو 21-2-نمایش خطاهای معتبر مناسب در فرم محصول در ایجاد/به روز رسانی محصول Show proper validation errors in product form on product create/udpate

• Pass images to stripe during checkout-ویدیو 21-3-انتقال تصاویر به stripe در هنگام پرداخت Pass images to stripe during checkout

• Implement searching for products by keyword on website-ویدیو 21-4-پیاده سازی جستجوی محصولات بر اساس کلمه کلیدی در وب سایت Implement searching for products by keyword on website

• Implement sorting of products Part 1-ویدیو 21-5-پیاده سازی مرتب سازی محصولات قسمت 1 Implement sorting of products Part 1

• Implement sorting of products Part 2-ویدیو 21-6-پیاده سازی مرتب سازی محصولات قسمت 2 Implement sorting of products Part 2

Upgrade to Laravel 11-فصل 22-ارتقا به Laravel 11 Upgrade to Laravel 11

• Upgrade to Laravel 11-ویدیو 22-1-ارتقا به Laravel 11 Upgrade to Laravel 11

• Upgrade Application Structure to Laravel 11-ویدیو 22-2-ارتقا ساختار برنامه به Laravel 11 Upgrade Application Structure to Laravel 11

• Update vite packages-ویدیو 22-3-به روز رسانی پکیج های vite Update vite packages