آموزش Master Laravel 9، Vue 3 و Inertia Fullstack 2023

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

مقدمه، کد منبع، منابع و دریافت کمک! Introduction, Source Code, Resources and Getting Help!

• چه چیزی در این دوره خواهید ساخت و یاد خواهید گرفت؟ What you Will Build and Learn in This Course?

• کد ویژوال استودیو The Visual Studio Code

• منابع کد ویژوال استودیو! Visual Studio Code Resources!

• مقدمه ای بر رابط کاربری Udemy Introduction to the Udemy UI

مقدمه، کد منبع، منابع و دریافت کمک! Introduction, Source Code, Resources and Getting Help!

• چه چیزی در این دوره خواهید ساخت و یاد خواهید گرفت؟ What you Will Build and Learn in This Course?

• چگونه می توان کمک گرفت؟ How to get Help?

• چگونه می توان کمک گرفت؟ How to get Help?

• کد ویژوال استودیو The Visual Studio Code

• منابع کد ویژوال استودیو! Visual Studio Code Resources!

• کجا پیدا کنیم و چگونه از کد منبع دوره استفاده کنیم Where to Find and How to Use the Course Source Code

• کجا پیدا کنیم و چگونه از کد منبع دوره استفاده کنیم Where to Find and How to Use the Course Source Code

• مقدمه ای بر رابط کاربری Udemy Introduction to the Udemy UI

راه اندازی برای ویندوز! Setting Up for Windows!

• راه اندازی برای ویندوز! - مقدمه بخش Setting Up for Windows! - Section Introduction

• ویندوز در حال نصب PHP Windows Installing PHP

• ویندوز در حال نصب Docker Windows Installing Docker

راه اندازی برای ویندوز! Setting Up for Windows!

• راه اندازی برای ویندوز! - مقدمه بخش Setting Up for Windows! - Section Introduction

• ویندوز در حال نصب PHP Windows Installing PHP

• Windows Installing Composer Windows Installing Composer

• Windows Installing Composer Windows Installing Composer

• ویندوز در حال نصب Node.js Windows Installing Node.js

• ویندوز در حال نصب Node.js Windows Installing Node.js

• ویندوز در حال نصب Docker Windows Installing Docker

راه اندازی برای مک! Setting Up for Mac!

• راه اندازی برای مک! - مقدمه بخش Setting Up for Mac! - Section Introduction

• MacOS در حال نصب Homebrew MacOS Installing Homebrew

• MacOS در حال نصب PHP MacOS Installing PHP

• MacOS در حال نصب Docker MacOS Installing Docker

راه اندازی برای مک! Setting Up for Mac!

• راه اندازی برای مک! - مقدمه بخش Setting Up for Mac! - Section Introduction

• MacOS در حال نصب Homebrew MacOS Installing Homebrew

• MacOS در حال نصب PHP MacOS Installing PHP

• MacOS در حال نصب Composer MacOS Installing Composer

• MacOS در حال نصب Composer MacOS Installing Composer

• MacOS در حال نصب Node.js MacOS Installing Node.js

• MacOS در حال نصب Node.js MacOS Installing Node.js

• MacOS در حال نصب Docker MacOS Installing Docker

لاراول، ویو و اینرسی Laravel, Vue & Inertia

• Vue چیست؟ What is Vue?

لاراول، ویو و اینرسی Laravel, Vue & Inertia

• Laravel, Vue & Inertia - معرفی بخش Laravel, Vue & Inertia - Section Introduction

• Laravel, Vue & Inertia - معرفی بخش Laravel, Vue & Inertia - Section Introduction

• لاراول چیست؟ What is Laravel?

• لاراول چیست؟ What is Laravel?

• Vue چیست؟ What is Vue?

• اینرسی چیست؟ What is Inertia?

• اینرسی چیست؟ What is Inertia?

راه اندازی Laravel، Vue و Inertia Setting Up Laravel, Vue & Inertia

• اینرسی به نسخه 1.0 ارتقا یافت! Inertia Upgraded to Version 1.0!

• ساخت پروژه لاراول Creating Laravel project

راه اندازی Laravel، Vue و Inertia Setting Up Laravel, Vue & Inertia

• اینرسی به نسخه 1.0 ارتقا یافت! Inertia Upgraded to Version 1.0!

• بسته شروع را دانلود کنید! Download the starter pack!

• بسته شروع را دانلود کنید! Download the starter pack!

• ساخت پروژه لاراول Creating Laravel project

• افزودن Vue و Vite به پشته Adding Vue and Vite to the stack

• افزودن Vue و Vite به پشته Adding Vue and Vite to the stack

• پیکربندی Inertia.js Configuring Inertia.js

• پیکربندی Inertia.js Configuring Inertia.js

اولین اسپای شما Your First SPA

• اولین اسپای شما - معرفی بخش Your First SPA - Section Introduction

• طرح‌بندی‌های مداوم با اینرسی Persistent layouts with Inertia

• (اختیاری) موضوعات JS پیشرفته (توابع پیکان، وعده ها، وارد کردن غیر همگام و غیره) (OPTIONAL) Advanced JS topics (arrow functions, promises, async importing etc.)

اولین اسپای شما Your First SPA

• اولین اسپای شما - معرفی بخش Your First SPA - Section Introduction

• ایجاد صفحات اول Creating first pages

• ایجاد صفحات اول Creating first pages

• انتقال داده به صفحات Passing data to pages

• انتقال داده به صفحات Passing data to pages

• طرح بندی ها Layouts

• طرح بندی ها Layouts

• داده های واکنشی در Vue Reactive data in Vue

• داده های واکنشی در Vue Reactive data in Vue

• طرح‌بندی‌های مداوم با اینرسی Persistent layouts with Inertia

• طرح بندی های پیش فرض Default layouts

• طرح بندی های پیش فرض Default layouts

• (اختیاری) استفاده از linter (ESLint)، jsconfig و بهره‌مندی بیشتر از VSCode (OPTIONAL) Using linter (ESLint), jsconfig and getting most out of VSCode

• (اختیاری) استفاده از linter (ESLint)، jsconfig و بهره‌مندی بیشتر از VSCode (OPTIONAL) Using linter (ESLint), jsconfig and getting most out of VSCode

• (اختیاری) موضوعات JS پیشرفته (توابع پیکان، وعده ها، وارد کردن غیر همگام و غیره) (OPTIONAL) Advanced JS topics (arrow functions, promises, async importing etc.)

کار با پایگاه داده Working with the Database

• کار با پایگاه داده - بخش مقدمه Working with the Database - Section Introduction

• مدل ها و مهاجرت ها Models and Migrations

• کارخانه های مدل سازی و بذرپاشی Model Factories & Seeders

• پرس و جو از پایگاه داده Querying the Database

• پرس و جو از پایگاه داده (چالش) Querying the Database (CHALLENGE)

• به روز رسانی و درج داده ها، تخصیص انبوه Updating and Inserting Data, Mass Assignment

• کنترل کننده منبع و اتصال مدل مسیر Resource Controller and Route Model Binding

• دستورالعمل های Vue (v-for، v-bind) و اجزای سفارشی Vue Directives (v-for, v-bind) & Custom Components

• میان افزارها و به اشتراک گذاری داده ها با همه صفحات Middlewares and Sharing Data with All Pages

• داده های محاسبه شده و رندر شرطی (نمایش پیام های فلش) Computed Data and Conditional Rendering (Displaying Flash Messages)

• حذف داده ها Deleting Data

کار با پایگاه داده Working with the Database

• کار با پایگاه داده - بخش مقدمه Working with the Database - Section Introduction

• Laravel Debugbar & IDE Helper Laravel Debugbar & IDE Helper

• Laravel Debugbar & IDE Helper Laravel Debugbar & IDE Helper

• اتصال به پایگاه داده Connecting to the Database

• اتصال به پایگاه داده Connecting to the Database

• مدل ها و مهاجرت ها Models and Migrations

• کار با Migrations Working with Migrations

• کار با Migrations Working with Migrations

• کارخانه های مدل سازی و بذرپاشی Model Factories & Seeders

• پرس و جو از پایگاه داده Querying the Database

• پرس و جو از پایگاه داده (چالش) Querying the Database (CHALLENGE)

• به روز رسانی و درج داده ها، تخصیص انبوه Updating and Inserting Data, Mass Assignment

• کنترل کننده منبع و اتصال مدل مسیر Resource Controller and Route Model Binding

• دستورالعمل های Vue (v-for، v-bind) و اجزای سفارشی Vue Directives (v-for, v-bind) & Custom Components

• مدیریت فرم ها (useForm، v-model) Handling Forms (useForm, v-model)

• مدیریت فرم ها (useForm، v-model) Handling Forms (useForm, v-model)

• مدیریت فرم ها در لاراول Handling Forms in Laravel

• مدیریت فرم ها در لاراول Handling Forms in Laravel

• میان افزارها و به اشتراک گذاری داده ها با همه صفحات Middlewares and Sharing Data with All Pages

• داده های محاسبه شده و رندر شرطی (نمایش پیام های فلش) Computed Data and Conditional Rendering (Displaying Flash Messages)

• اعتبارسنجی داده ها (Back End & Front End) Data Validation (Back End & Front End)

• اعتبارسنجی داده ها (Back End & Front End) Data Validation (Back End & Front End)

• ویرایش فرم Edit Form

• ویرایش فرم Edit Form

• حذف داده ها Deleting Data

• نام مسیرهای لاراول در Vue Laravel Route Names in Vue

• نام مسیرهای لاراول در Vue Laravel Route Names in Vue

اضافه کردن سبک (Tailwind CSS) Adding Some Style (Tailwind CSS)

• اجزای رابط کاربری سفارشی و طراحی پاسخگو گرید Custom UI Components and Grid Responsive Design

• جزئیات فهرست (ویژگی های غیر مناسب) Listing Details (Non-Prop Attributes)

• کامپوننت قالب بندی قیمت سفارشی Custom Price Formatting Component

• صفحه فهرست (با طراحی واکنش‌گرا حتی بهتر می‌شوید!) + اسلات‌های با نام Vue Listing Page (Getting Even Better With Responsive Design!) + Vue Named Slots

• فرم های یک ظاهر طراحی شده Styling Forms

• استخراج سبک های Tailwind با استفاده از @apply Directive Extracting Tailwind Styles Using @apply Directive

• نشانگر بارگیری نوار پیشرفت Progress Bar Loading Indicator

• پیام‌های خطای استایل‌سازی Styling Error Messages

اضافه کردن سبک (Tailwind CSS) Adding Some Style (Tailwind CSS)

• افزودن برخی سبک ها (CSS Tailwind) - مقدمه بخش Adding Some Style (Tailwind CSS) - Section Introduction

• افزودن برخی سبک ها (CSS Tailwind) - مقدمه بخش Adding Some Style (Tailwind CSS) - Section Introduction

• نصب و راه اندازی Tailwind CSS Installing and Setting Up Tailwind CSS

• نصب و راه اندازی Tailwind CSS Installing and Setting Up Tailwind CSS

• چرا Tailwind CSS؟ بررسی اجمالی باد دم Why Tailwind CSS? Tailwind Overview

• چرا Tailwind CSS؟ بررسی اجمالی باد دم Why Tailwind CSS? Tailwind Overview

• استایل‌سازی اولیه برنامه (دست با Tailwind) Basic Styling of the App (Hands on With Tailwind)

• استایل‌سازی اولیه برنامه (دست با Tailwind) Basic Styling of the App (Hands on With Tailwind)

• اجزای رابط کاربری سفارشی و طراحی پاسخگو گرید Custom UI Components and Grid Responsive Design

• جزئیات فهرست (ویژگی های غیر مناسب) Listing Details (Non-Prop Attributes)

• کامپوننت قالب بندی قیمت سفارشی Custom Price Formatting Component

• صفحه فهرست (با طراحی واکنش‌گرا حتی بهتر می‌شوید!) + اسلات‌های با نام Vue Listing Page (Getting Even Better With Responsive Design!) + Vue Named Slots

• فرم های یک ظاهر طراحی شده Styling Forms

• استخراج سبک های Tailwind با استفاده از @apply Directive Extracting Tailwind Styles Using @apply Directive

• ویرایش فرم استایل Edit Form Styling

• ویرایش فرم استایل Edit Form Styling

• نشانگر بارگیری نوار پیشرفت Progress Bar Loading Indicator

• پیام‌های خطای استایل‌سازی Styling Error Messages

ماشین حساب پرداخت ماهانه (پروژه Mini Vue در یک پروژه) Monthly Payment Calculator (Mini Vue Project Within a Project)

• Composables - Logic قابل استفاده مجدد در Vue (پرداخت ماهانه واکنشی) Composables - Reusable Logic in Vue (Reactive Monthly Payment)

• افزودن اعضای قابل ترکیب بیشتر (کل پرداختی، کل بهره) Adding More Composable Members (Total Paid, Total Interest)

ماشین حساب پرداخت ماهانه (پروژه Mini Vue در یک پروژه) Monthly Payment Calculator (Mini Vue Project Within a Project)

• قرار است چه چیزی بسازیم؟ What Are We About to Build?

• قرار است چه چیزی بسازیم؟ What Are We About to Build?

• نشانه گذاری ماشین حساب پرداخت (لغزنده) Payment Calculator Markup (Sliders)

• نشانه گذاری ماشین حساب پرداخت (لغزنده) Payment Calculator Markup (Sliders)

• منطق ماشین حساب پرداخت Payment Calculator Logic

• منطق ماشین حساب پرداخت Payment Calculator Logic

• Composables - Logic قابل استفاده مجدد در Vue (پرداخت ماهانه واکنشی) Composables - Reusable Logic in Vue (Reactive Monthly Payment)

• نمایش پرداخت در کنار هر فهرست (استفاده مجدد از قابلیت ترکیب) Displaying Payment Next to Every Listing (Reusing Composable)

• نمایش پرداخت در کنار هر فهرست (استفاده مجدد از قابلیت ترکیب) Displaying Payment Next to Every Listing (Reusing Composable)

• افزودن اعضای قابل ترکیب بیشتر (کل پرداختی، کل بهره) Adding More Composable Members (Total Paid, Total Interest)

احراز هویت و امنیت Authentication & Security

• کنترل کننده احراز هویت و مسیرها Authentication Controller and Routes

• منطق ورود به سیستم - فرآیند احراز هویت توضیح داده شده است Signing-In Logic - Authentication Process Explained

• خروج کاربران از سیستم Logging Users Out

• حفاظت از مسیرها (مجوز) - آیا می توانید به صفحه خاصی دسترسی داشته باشید؟ Protecting Routes (Authorization) - Can You Access a Specific Page?

• منطق ثبت نام کاربر و هش کردن رمزهای عبور User Registration Logic & Hashing Passwords

• نحوه هش کردن رمزهای عبور How Hashing of The Passwords Work

• پیوندهای فرم Form Links

• 419 خطا هنگام خروج از سیستم 419 Errors When Logging Out

احراز هویت و امنیت Authentication & Security

• احراز هویت و امنیت - مقدمه Authentication & Security - Introduction

• احراز هویت و امنیت - مقدمه Authentication & Security - Introduction

• کنترل کننده احراز هویت و مسیرها Authentication Controller and Routes

• نشانه گذاری فرم احراز هویت و منطق اولیه Authentication Form Markup and Basic Logic

• نشانه گذاری فرم احراز هویت و منطق اولیه Authentication Form Markup and Basic Logic

• منطق ورود به سیستم - فرآیند احراز هویت توضیح داده شده است Signing-In Logic - Authentication Process Explained

• توضیح فرآیند احراز هویت Explaining the Authentication Process

• توضیح فرآیند احراز هویت Explaining the Authentication Process

• دریافت کاربر وارد شده در حال حاضر Getting the Currently Logged In User

• دریافت کاربر وارد شده در حال حاضر Getting the Currently Logged In User

• خروج کاربران از سیستم Logging Users Out

• توکن های CSRF CSRF Tokens

• توکن های CSRF CSRF Tokens

• حفاظت از مسیرها (مجوز) - آیا می توانید به صفحه خاصی دسترسی داشته باشید؟ Protecting Routes (Authorization) - Can You Access a Specific Page?

• فرم ثبت نام کاربر User Registration Form

• فرم ثبت نام کاربر User Registration Form

• منطق ثبت نام کاربر و هش کردن رمزهای عبور User Registration Logic & Hashing Passwords

• Eloquent Mutators & Accessors - Hashing Password مثال Eloquent Mutators & Accessors - Hashing Password Example

• Eloquent Mutators & Accessors - Hashing Password مثال Eloquent Mutators & Accessors - Hashing Password Example

• نحوه هش کردن رمزهای عبور How Hashing of The Passwords Work

• پیوندهای فرم Form Links

• 419 خطا هنگام خروج از سیستم 419 Errors When Logging Out

روابط پایگاه داده و مجوز کاربر Database Relations & User Authorization

• مدل های اتصال یک به چند - تمرین کنید One-to-Many Connecting Models - Practice

• خط مشی مدل و کاربران مهمان Model Policy and Guest Users

• فقط صاحبان می توانند ویرایش یا حذف کنند! Only Owners Can Edit or Delete!

• کاربران ادمین - اجرای سیاست لغو Admin Users - Overriding Policy Implementation

• خواندن داده های مرتبط (با استفاده از رابطه پایگاه داده) Reading the Related Data (Using Database Relationship)

روابط پایگاه داده و مجوز کاربر Database Relations & User Authorization

• روابط پایگاه داده و مجوز کاربر - مقدمه Database Relations & User Authorization - Introduction

• روابط پایگاه داده و مجوز کاربر - مقدمه Database Relations & User Authorization - Introduction

• ایجاد رابطه یک به چند پایگاه داده Creating a One-to-Many Database Relationship

• ایجاد رابطه یک به چند پایگاه داده Creating a One-to-Many Database Relationship

• یک به چند مدل اتصال با هم - نظریه One-to-Many Connecting Models Together - the Theory

• یک به چند مدل اتصال با هم - نظریه One-to-Many Connecting Models Together - the Theory

• مدل های اتصال یک به چند - تمرین کنید One-to-Many Connecting Models - Practice

• هر فهرست جدید به یک مالک نیاز دارد! Every New Listing Needs an Owner!

• هر فهرست جدید به یک مالک نیاز دارد! Every New Listing Needs an Owner!

• سیاست های مدل - نظری Model Policies - Theoretical

• سیاست های مدل - نظری Model Policies - Theoretical

• سیاست های مدل - در عمل Model Policies - In Practice

• سیاست های مدل - در عمل Model Policies - In Practice

• خط مشی مدل و کاربران مهمان Model Policy and Guest Users

• فقط صاحبان می توانند ویرایش یا حذف کنند! Only Owners Can Edit or Delete!

• کاربران ادمین - اجرای سیاست لغو Admin Users - Overriding Policy Implementation

• خواندن داده های مرتبط (با استفاده از رابطه پایگاه داده) Reading the Related Data (Using Database Relationship)

صفحه بندی و فیلتر کردن داده ها Data Pagination & Filtering

• صفحه بندی و فیلتر کردن داده ها - مقدمه Data Pagination & Filtering - Introduction

• اضافه کردن صفحه بندی Adding Pagination

• فیلتر کردن نشانه گذاری فرم Filtering Form Markup

• فیلتر کردن داده ها Filtering the Data

• پرس و جوهای شرطی در فصیح Conditional Queries in Eloquent

• دامنه های پرس و جوی محلی در Eloquent Local Query Scopes in Eloquent

• فیلتر کردن با استفاده از محدوده پرس و جوی محلی Filtering Using Local Query Scope

صفحه بندی و فیلتر کردن داده ها Data Pagination & Filtering

• صفحه بندی و فیلتر کردن داده ها - مقدمه Data Pagination & Filtering - Introduction

• اضافه کردن صفحه بندی Adding Pagination

• فیلتر کردن نشانه گذاری فرم Filtering Form Markup

• فیلتر کردن منطق جاوا اسکریپت Filtering JavaScript Logic

• فیلتر کردن منطق جاوا اسکریپت Filtering JavaScript Logic

• فیلتر کردن داده ها Filtering the Data

• پرس و جوهای شرطی در فصیح Conditional Queries in Eloquent

• دامنه های پرس و جوی محلی در Eloquent Local Query Scopes in Eloquent

• فیلتر کردن با استفاده از محدوده پرس و جوی محلی Filtering Using Local Query Scope

بخش حساب من The My Account Section

• گروه بندی مسیرهای کنترلر Controller Routes Grouping

• لیست های حذف نرم Soft Deleting Listings

• فیلتر کردن با استفاده از چک باکس - نشانه گذاری Filtering Using Checkboxes - The Markup

• Vue Watchers - فیلتر کردن با استفاده از چک باکس Vue Watchers - Filtering Using Checkboxes

• تابع Debounce - مدیریت سیل رویدادها The Debounce Function - Handling the Events Flood

• فیلتر کردن با استفاده از چک باکس ها - قسمت Backend Filtering Using Checkboxes - The Backend Part

• مرتب سازی قابل تنظیم - Front End Customizable Sorting - Front End

• بازیابی مدل ها Restoring Models

بخش حساب من The My Account Section

• Realtor Account My - چه چیزی را می خواهیم بسازیم؟ Realtor My Account - What We're Going to Build?

• Realtor Account My - چه چیزی را می خواهیم بسازیم؟ Realtor My Account - What We're Going to Build?

• گروه بندی مسیرهای کنترلر Controller Routes Grouping

• نمایش لیست های ملکی Showing the Realtor Listings

• نمایش لیست های ملکی Showing the Realtor Listings

• حذف های نرم (قرار دادن سوابق به سطل زباله - برای بازیابی) Soft Deletes (Putting Records Into Trash - To Be Restored)

• حذف های نرم (قرار دادن سوابق به سطل زباله - برای بازیابی) Soft Deletes (Putting Records Into Trash - To Be Restored)

• لیست های حذف نرم Soft Deleting Listings

• فیلتر کردن با استفاده از چک باکس - نشانه گذاری Filtering Using Checkboxes - The Markup

• Vue Watchers - فیلتر کردن با استفاده از چک باکس Vue Watchers - Filtering Using Checkboxes

• تابع Debounce - مدیریت سیل رویدادها The Debounce Function - Handling the Events Flood

• فیلتر کردن با استفاده از چک باکس ها - قسمت Backend Filtering Using Checkboxes - The Backend Part

• مرتب سازی قابل برنامه ریزی - Back End Customizable Sorting - Back End

• مرتب سازی قابل برنامه ریزی - Back End Customizable Sorting - Back End

• مرتب سازی قابل تنظیم - Front End Customizable Sorting - Front End

• فرم فیلتر - مقادیر پیش فرض Filtering Form - Default Values

• فرم فیلتر - مقادیر پیش فرض Filtering Form - Default Values

• صفحه بندی بخش حساب من My Account Section Pagination

• صفحه بندی بخش حساب من My Account Section Pagination

• دکمه های ویرایش، حذف و پیش نمایش Edit, Delete and Preview Buttons

• دکمه های ویرایش، حذف و پیش نمایش Edit, Delete and Preview Buttons

• بازیابی مدل ها Restoring Models

آپلود فایل File Uploading

• مدل داده فایل File Data Model

• آماده شدن برای آپلود فایل Preparing for the File Uploads

• طراحی ورودی آپلود و بهبود UX Styling the Upload Input & UX Improvement

• حذف فایل های آپلود شده Removing Uploaded Files

• شمارش مدل های مرتبط (چند تصویر داریم؟) Counting Related Models (How Many Images We Have?)

آپلود فایل File Uploading

• آپلود فایل - مقدمه File Uploading - Introduction

• آپلود فایل - مقدمه File Uploading - Introduction

• مدل داده فایل File Data Model

• انتزاع سیستم فایل لاراول توضیح داده شد Laravel Filesystem Abstraction Explained

• انتزاع سیستم فایل لاراول توضیح داده شد Laravel Filesystem Abstraction Explained

• آماده شدن برای آپلود فایل Preparing for the File Uploads

• آپلود چند تصویر (قسمت پشتیبان) Uploading Multiple Images (Backend Part)

• آپلود چند تصویر (قسمت پشتیبان) Uploading Multiple Images (Backend Part)

• بارگذاری چندین تصویر (در Vue) Uploading Multiple Images (In Vue)

• بارگذاری چندین تصویر (در Vue) Uploading Multiple Images (In Vue)

• طراحی ورودی آپلود و بهبود UX Styling the Upload Input & UX Improvement

• نشانگر پیشرفت آپلود فایل File Upload Progress Indicator

• نشانگر پیشرفت آپلود فایل File Upload Progress Indicator

• نمایش تصاویر آپلود شده Displaying the Uploaded Images

• نمایش تصاویر آپلود شده Displaying the Uploaded Images

• حذف فایل های آپلود شده Removing Uploaded Files

• نمایش تصاویر لیست در صفحه فهرست Displaying Listing Images on the Listing Page

• نمایش تصاویر لیست در صفحه فهرست Displaying Listing Images on the Listing Page

• اعتبار سنجی فایل های آپلود شده (مطمئن شوید که یک تصویر است!) Validating Uploaded Files (Make Sure It is an Image!)

• اعتبار سنجی فایل های آپلود شده (مطمئن شوید که یک تصویر است!) Validating Uploaded Files (Make Sure It is an Image!)

• شمارش مدل های مرتبط (چند تصویر داریم؟) Counting Related Models (How Many Images We Have?)

ارائه پیشنهادات Making Offers

• مدل داده و روابط را ارائه می دهد Offers Data Model and Relations

• فیلتر کردن پیشنهادات فروخته شده (پرسمان وجود/غیاب رابطه) Filtering Out Sold Offers (Querying Relationship Presence/Absence)

ارائه پیشنهادات Making Offers

• ارائه پیشنهادات - مقدمه Making Offers - Introduction

• ارائه پیشنهادات - مقدمه Making Offers - Introduction

• مدل داده و روابط را ارائه می دهد Offers Data Model and Relations

• ویجت پیشنهاد - افزودن ویجت در Vue Offer Widget - Adding Widget in Vue

• ویجت پیشنهاد - افزودن ویجت در Vue Offer Widget - Adding Widget in Vue

• ایجاد پیشنهاد - بخش Backend Making Offer - the Backend Part

• ایجاد پیشنهاد - بخش Backend Making Offer - the Backend Part

• رویدادهای مؤلفه سفارشی Vue (ارسال داده ها به مؤلفه والد) Vue Custom Component Events (Passing Data to the Parent Component)

• رویدادهای مؤلفه سفارشی Vue (ارسال داده ها به مؤلفه والد) Vue Custom Component Events (Passing Data to the Parent Component)

• واکشی و نمایش یک پیشنهاد موجود از کاربر فعلی Fetching and Displaying an Existing Offer of the Current User

• واکشی و نمایش یک پیشنهاد موجود از کاربر فعلی Fetching and Displaying an Existing Offer of the Current User

• چند پیشنهاد داده شد؟ How Many Offers Were Made?

• چند پیشنهاد داده شد؟ How Many Offers Were Made?

• صفحه فهرست پیشنهادات Offer List Page

• صفحه فهرست پیشنهادات Offer List Page

• نمای تک لیست با همه پیشنهادات Single Listing View with All The Offers

• نمای تک لیست با همه پیشنهادات Single Listing View with All The Offers

• پذیرش پیشنهادات (کنترل کننده تک اقدام و بارگیری روابط تودرتو) Accepting Offers (Single Action Controller & Loading Nested Relations)

• پذیرش پیشنهادات (کنترل کننده تک اقدام و بارگیری روابط تودرتو) Accepting Offers (Single Action Controller & Loading Nested Relations)

• مشاهده کدام پیشنهاد فروخته شده است Seeing Which Offer is Sold

• مشاهده کدام پیشنهاد فروخته شده است Seeing Which Offer is Sold

• فیلتر کردن پیشنهادات فروخته شده (پرسمان وجود/غیاب رابطه) Filtering Out Sold Offers (Querying Relationship Presence/Absence)

• راه ساده‌تر برای شناسایی فهرست‌های فروخته‌شده (بازسازی محدوده پرس و جو!) Simpler Way To Identify Sold Listings (Refactoring the Query Scope!)

• راه ساده‌تر برای شناسایی فهرست‌های فروخته‌شده (بازسازی محدوده پرس و جو!) Simpler Way To Identify Sold Listings (Refactoring the Query Scope!)

• بدون ایجاد یا تغییر لیست های فروخته شده! No Offer Making or Changing of Listings That Are Sold!

• بدون ایجاد یا تغییر لیست های فروخته شده! No Offer Making or Changing of Listings That Are Sold!

• بهبودهای رابط کاربری UI Improvements

• بهبودهای رابط کاربری UI Improvements

اطلاعیه ها - اطلاع رسانی به کاربران در مورد آنچه اتفاق افتاده است Notifications - Informing Users About What Happened

• ارسال اعلان هنگام ارائه پیشنهاد Sending Notification When Offer is Made

• نمایش تعداد اعلان ها Showing the Notification Count

• نمایش حالت خالی Showing an Empty State

• پایان صفحه فهرست اعلان ها Notifications List Page Front End

• علامت گذاری اعلان ها به عنوان خوانده شده Marking Notifications as Read

اطلاعیه ها - اطلاع رسانی به کاربران در مورد آنچه اتفاق افتاده است Notifications - Informing Users About What Happened

• اطلاعیه ها - اطلاع رسانی به کاربران در مورد آنچه اتفاق افتاده است - مقدمه Notifications - Informing Users About What Happened - Introduction

• اطلاعیه ها - اطلاع رسانی به کاربران در مورد آنچه اتفاق افتاده است - مقدمه Notifications - Informing Users About What Happened - Introduction

• اطلاعیه ها معرفی و راه اندازی پایگاه داده Notifications Introduction & Database Setup

• اطلاعیه ها معرفی و راه اندازی پایگاه داده Notifications Introduction & Database Setup

• ارسال اعلان هنگام ارائه پیشنهاد Sending Notification When Offer is Made

• نمایش تعداد اعلان ها Showing the Notification Count

• نمایش حالت خالی Showing an Empty State

• بخش پشتیبان صفحه فهرست اعلان ها Notifications List Page Backend Part

• بخش پشتیبان صفحه فهرست اعلان ها Notifications List Page Backend Part

• پایان صفحه فهرست اعلان ها Notifications List Page Front End

• علامت گذاری اعلان ها به عنوان خوانده شده Marking Notifications as Read

ارسال ایمیل و تایید کاربر Sending Email & User Verification

• ارسال ایمیل - مقدمه Sending Email - Introduction

• کاربر ثبت نام شده - فرآیند تأیید ایمیل Registered User - Email Verification Process

• مسیر تأیید کاربر User Verification Route

• ارسال مجدد پیوند تأیید (و درک Throttling و Cache) Resending the Verification Link (and Understanding Throttling and Cache)

ارسال ایمیل و تایید کاربر Sending Email & User Verification

• ارسال ایمیل - مقدمه Sending Email - Introduction

• تست ایمیل محلی با Mailhog (در Docker) Local Email Testing with Mailhog (in Docker)

• تست ایمیل محلی با Mailhog (در Docker) Local Email Testing with Mailhog (in Docker)

• ارسال اعلان ها از طریق ایمیل Delivering Notifications via Email

• ارسال اعلان ها از طریق ایمیل Delivering Notifications via Email

• کاربر ثبت نام شده - فرآیند تأیید ایمیل Registered User - Email Verification Process

• نیاز به تأیید در صفحات و صفحه اعلامیه تأیید نشده Requiring Verification on Pages & Not Verified Notice Page

• نیاز به تأیید در صفحات و صفحه اعلامیه تأیید نشده Requiring Verification on Pages & Not Verified Notice Page

• مسیر تأیید کاربر User Verification Route

• ارسال مجدد پیوند تأیید (و درک Throttling و Cache) Resending the Verification Link (and Understanding Throttling and Cache)

• تست فرآیند ارسال مجدد ایمیل Testing the Email Resending Process

• تست فرآیند ارسال مجدد ایمیل Testing the Email Resending Process

پیوست A - دوره خرابی جاوا اسکریپت Appendix A - JavaScript Crash Course

• جاوا اسکریپت چیست؟ What is JavaScript?

• کارکرد Functions

• آرایه ها Arrays

پیوست A - دوره خرابی جاوا اسکریپت Appendix A - JavaScript Crash Course

• جاوا اسکریپت چیست؟ What is JavaScript?

• استفاده از کنسول کروم برای یادگیری جاوا اسکریپت Using Chrome Console to Learn JavaScript

• استفاده از کنسول کروم برای یادگیری جاوا اسکریپت Using Chrome Console to Learn JavaScript

• متغیرها - var، let، const Variables - var, let, const

• متغیرها - var، let، const Variables - var, let, const

• انواع داده های اولیه Primitive Data Types

• انواع داده های اولیه Primitive Data Types

• نوع داده Gotchas Data Type Gotchas

• نوع داده Gotchas Data Type Gotchas

• کارکرد Functions

• آرایه ها Arrays

• اشیاء Objects

• اشیاء Objects

قدیمی - مقدمه OLD - Introduction

• معرفی Introduction

• راه اندازی خاص ویندوز Windows specific setup

• کد ویژوال استودیو - پسوندها، میانبرها و ترفندها Visual Studio Code - extensions, shortcuts and tricks

قدیمی - مقدمه OLD - Introduction

• معرفی Introduction

• نرم افزار مورد نیاز و اختیاری دوره Required and optional software for the course

• نرم افزار مورد نیاز و اختیاری دوره Required and optional software for the course

• راه اندازی خاص MacOS MacOS specific setup

• راه اندازی خاص MacOS MacOS specific setup

• راه اندازی خاص ویندوز Windows specific setup

• کد منبع کامل را از کجا پیدا کنیم؟ Where to find the full source code?

• کد منبع کامل را از کجا پیدا کنیم؟ Where to find the full source code?

• کد ویژوال استودیو - پسوندها، میانبرها و ترفندها Visual Studio Code - extensions, shortcuts and tricks

OLD - Laravel API & Vue مسیریابی و اصول اولیه OLD - Laravel API & Vue routing and basics

• راه اندازی برنامه Vue.js Setting up Vue.js application

• مسیر بازگشتی در لاراول Fallback route in Laravel

• نصب و راه اندازی Vue Router Installing and setting up Vue Router

• ثبت جزء Vue (جهانی/محلی) و جزء شاخص Vue component registration (global/local) and Index component

• v-bind، v-bind مختصر و مسیرهای Vue نامگذاری شده است v-bind, v-bind shorthand and named Vue routes

• حالت دادن به نوار پیمایش Styling the navigation bar

OLD - Laravel API & Vue مسیریابی و اصول اولیه OLD - Laravel API & Vue routing and basics

• ایجاد یک پروژه جدید لاراول با استفاده از Composer Creating a new Laravel project using Composer

• ایجاد یک پروژه جدید لاراول با استفاده از Composer Creating a new Laravel project using Composer

• راه اندازی برنامه Vue.js Setting up Vue.js application

• مسیر بازگشتی در لاراول Fallback route in Laravel

• نصب و راه اندازی Vue Router Installing and setting up Vue Router

• حالت تاریخچه HTML5 در Vue Router HTML5 history mode in Vue Router

• حالت تاریخچه HTML5 در Vue Router HTML5 history mode in Vue Router

• ثبت جزء Vue (جهانی/محلی) و جزء شاخص Vue component registration (global/local) and Index component

• مولفه پیوند روتر و مسیریابی در داخل یک برنامه Vue Router Link component and routing inside a Vue application

• مولفه پیوند روتر و مسیریابی در داخل یک برنامه Vue Router Link component and routing inside a Vue application

• بوت استرپ، استایل و لاراول میکس Bootstrap, styling and Laravel Mix

• بوت استرپ، استایل و لاراول میکس Bootstrap, styling and Laravel Mix

• v-bind، v-bind مختصر و مسیرهای Vue نامگذاری شده است v-bind, v-bind shorthand and named Vue routes

• حالت دادن به نوار پیمایش Styling the navigation bar

OLD - غواصی در Vue.js OLD - Diving into Vue.js

• اجزای کودک (استفاده از اجزا در سایر اجزا) Child components (using components in other components)

• جریان داده یک طرفه One-way data flow

• قلاب چرخه حیات Lifecycle hooks

• وضعیت جزء و واکنش پذیری Component state and reactivity

• خواص محاسبه شده Computed properties

OLD - غواصی در Vue.js OLD - Diving into Vue.js

• اجزای تک فایل Vue Single file Vue components

• اجزای تک فایل Vue Single file Vue components

• اجزای کودک (استفاده از اجزا در سایر اجزا) Child components (using components in other components)

• لوازم جانبی و انواع پایه Component props and prop types

• لوازم جانبی و انواع پایه Component props and prop types

• جریان داده یک طرفه One-way data flow

• قلاب چرخه حیات Lifecycle hooks

• وضعیت جزء و واکنش پذیری Component state and reactivity

• گوچاهای واکنش پذیری Reactivity gotchas

• گوچاهای واکنش پذیری Reactivity gotchas

• رندر شرطی (v-if) Conditional rendering (v-if)

• رندر شرطی (v-if) Conditional rendering (v-if)

• رندر لیست و v-else List rendering and v-else

• رندر لیست و v-else List rendering and v-else

• خواص محاسبه شده Computed properties

• روش های جزء Component methods

• روش های جزء Component methods

قدیمی - پایگاه داده، مدل‌ها، مهاجرت‌ها، جستجوگرها، پرسش‌ها، آزمایش API، درخواست‌های HTTP OLD - Database, Models, Migrations, Seeders, Queries, API testing, HTTP requests

• مشکل کلید مشخص شده خیلی طولانی بود Specified key was too long problem

• کارخانه مدل، بذرپاش پایگاه داده و جعلی Model factory, database seeder and faker

• مسیرها و روش all() مدل Routes and model all() method

• تست API در Postman API testing in Postman

• با استفاده از Model::find() و پارامترهای مسیر اجباری/اختیاری Using Model::find() and mandatory/optional route parameters

• با استفاده از Model::findOrFail() و Accept header Using Model::findOrFail() and Accept header

• ایجاد درخواست های HTTP با Axios Making HTTP requests with Axios

• کلاس های ابزار CSS Flexbox و Bootstrap CSS Flexbox and Bootstrap utility classes

قدیمی - پایگاه داده، مدل‌ها، مهاجرت‌ها، جستجوگرها، پرسش‌ها، آزمایش API، درخواست‌های HTTP OLD - Database, Models, Migrations, Seeders, Queries, API testing, HTTP requests

• راه اندازی پایگاه داده Setting up database

• راه اندازی پایگاه داده Setting up database

• مشکل کلید مشخص شده خیلی طولانی بود Specified key was too long problem

• مدل و مهاجرت Model and migrations

• مدل و مهاجرت Model and migrations

• کارخانه مدل، بذرپاش پایگاه داده و جعلی Model factory, database seeder and faker

• مسیرها و روش all() مدل Routes and model all() method

• تست API در Postman API testing in Postman

• با استفاده از Model::find() و پارامترهای مسیر اجباری/اختیاری Using Model::find() and mandatory/optional route parameters

• با استفاده از Model::findOrFail() و Accept header Using Model::findOrFail() and Accept header

• JavaScript Promises توضیح داده شد JavaScript Promises explained

• JavaScript Promises توضیح داده شد JavaScript Promises explained

• ایجاد درخواست های HTTP با Axios Making HTTP requests with Axios

• کلاس های ابزار CSS Flexbox و Bootstrap CSS Flexbox and Bootstrap utility classes

قدیمی - کنترلرها، منابع HTTP OLD - Controllers, HTTP resources

• پارامترهای روتر Vue Vue router parameters

• آشنایی با سیستم شبکه CSS Understanding CSS grid system

• منابع API API Resources

قدیمی - کنترلرها، منابع HTTP OLD - Controllers, HTTP resources

• پارامترهای روتر Vue Vue router parameters

• ارسال تمام خصوصیات شی به عنوان props (ترفند v-bind) Passing all object properties as props (v-bind trick)

• ارسال تمام خصوصیات شی به عنوان props (ترفند v-bind) Passing all object properties as props (v-bind trick)

• پیوندهای روتر Vue Vue router links

• پیوندهای روتر Vue Vue router links

• آشنایی با سیستم شبکه CSS Understanding CSS grid system

• کنترلرهای لاراول Laravel controllers

• کنترلرهای لاراول Laravel controllers

• کنترل کننده های منابع Resource controllers

• کنترل کننده های منابع Resource controllers

• منابع API API Resources

فرم‌های قدیمی، رویدادها، روابط فصیح، اعتبارسنجی، حوزه‌های پرس و جو، مدیریت خطاها OLD Forms, Events, Eloquent relations, Validation, Query Scopes, Handling errors

• Laravel Debugbar (دیدن آنچه در پشت صحنه اتفاق می افتد) Laravel Debugbar (seeing what happens behind the scenes)

• درخواست اعتبارسنجی ورودی (تأیید اعتبار داده‌هایی که مشتریان به سرور ما ارسال می‌کنند) Request input validation (validating data clients send to our server)

• نمایش خطاهای فرم Displaying form errors

فرم‌های قدیمی، رویدادها، روابط فصیح، اعتبارسنجی، حوزه‌های پرس و جو، مدیریت خطاها OLD Forms, Events, Eloquent relations, Validation, Query Scopes, Handling errors

• جزء در دسترس بودن (فرم های افقی، سبک های محدوده) Availability component (horizontal forms, scoped styles)

• جزء در دسترس بودن (فرم های افقی، سبک های محدوده) Availability component (horizontal forms, scoped styles)

• صحافی ورودی فرم (V-model) Form input binding (v-model)

• صحافی ورودی فرم (V-model) Form input binding (v-model)

• مدیریت رویدادهای DOM در Vue Handling DOM events in Vue

• مدیریت رویدادهای DOM در Vue Handling DOM events in Vue

• Laravel Debugbar (دیدن آنچه در پشت صحنه اتفاق می افتد) Laravel Debugbar (seeing what happens behind the scenes)

• مدل رزرو و روابط Booking model and relations

• مدل رزرو و روابط Booking model and relations

• رزروهای اولیه (ایجاد سری های زمانی تصادفی و غیر همپوشانی) Seeding bookings (generating random, non overlapping time series)

• رزروهای اولیه (ایجاد سری های زمانی تصادفی و غیر همپوشانی) Seeding bookings (generating random, non overlapping time series)

• کنترلر تک اقدام Single Action Controller

• کنترلر تک اقدام Single Action Controller

• درخواست اعتبارسنجی ورودی (تأیید اعتبار داده‌هایی که مشتریان به سرور ما ارسال می‌کنند) Request input validation (validating data clients send to our server)

• دامنه های پرس و جوی محلی فصیح Eloquent Local Query Scopes

• دامنه های پرس و جوی محلی فصیح Eloquent Local Query Scopes

• در دسترس بودن قابل رزرو برگشتی (وضعیت های پاسخ HTTP) Returning bookable availability (HTTP response statuses)

• در دسترس بودن قابل رزرو برگشتی (وضعیت های پاسخ HTTP) Returning bookable availability (HTTP response statuses)

• دریافت در دسترس بودن شی در Vue.js Getting object availability in Vue.js

• دریافت در دسترس بودن شی در Vue.js Getting object availability in Vue.js

• نمایش خطاهای فرم Displaying form errors

• آخرین لمس - نمایش در دسترس بودن Final touches - displaying availability

• لمس نهایی - نمایش در دسترس بودن Final touches - displaying availability

OLD - جزء ReviewList OLD - ReviewList Component

• جزء رتبه بندی ستاره (با استفاده از FontAwesome) Star Rating component (using FontAwesome)

OLD - جزء ReviewList OLD - ReviewList Component

• نشانه گذاری جزء ReviewList (با استفاده از گزینه های شبکه پاسخگو) ReviewList component markup (using responsive grid options)

• نشانه گذاری جزء ReviewList (با استفاده از گزینه های شبکه پاسخگو) ReviewList component markup (using responsive grid options)

• بررسی مدل و مهاجرت (با استفاده از UUID به عنوان کلید اصلی مدل) Review model & migration (using UUID as model primary key)

• بررسی مدل و مهاجرت (با استفاده از UUID به عنوان کلید اصلی مدل) Review model & migration (using UUID as model primary key)

• بررسی روابط مدل (یک به یک، یک به چند) Review model relationships (one-to-one, one-to-many)

• بررسی روابط مدل (یک به یک، یک به چند) Review model relationships (one-to-one, one-to-many)

• کارخانه و بذرپاش مدل را بررسی کنید Review model factory & seeder

• کارخانه و بذرپاش مدل را بررسی کنید Review model factory & seeder

• کنترلر بررسی (با استفاده از دامنه پرس و جو آخرین()) Reviews controller (using latest() query scope)

• کنترلر بررسی (با استفاده از دامنه پرس و جو آخرین()) Reviews controller (using latest() query scope)

• بررسی منبع HTTP (مدل سریال سازی) Reviews HTTP resource (serializing model)

• بررسی منبع HTTP (مدل سریال سازی) Reviews HTTP resource (serializing model)

• بارگیری نظرات در مؤلفه Vue Loading reviews in Vue component

• بارگیری نظرات در مؤلفه Vue Loading reviews in Vue component

• فیلترهای Vue و moment.js Vue filters and moment.js

• فیلترهای Vue و moment.js Vue filters and moment.js

• جزء رتبه بندی ستاره (با استفاده از FontAwesome) Star Rating component (using FontAwesome)

• منطق مؤلفه رتبه بندی ستاره (محاسبه ستاره ها برای نمایش از رتبه متوسط) Star Rating component logic (calculating stars to display from average rating)

• منطق مؤلفه رتبه بندی ستاره (محاسبه ستاره ها برای نمایش از رتبه متوسط) Star Rating component logic (calculating stars to display from average rating)

• بررسی پاکسازی لیست و جمع بندی بخش Review list cleanup and section wrap-up

• بررسی پاکسازی لیست و جمع بندی بخش Review list cleanup and section wrap-up

قدیمی - صفحه بررسی OLD - Review Page

• علامت گذاری و مسیر کامپوننت صفحه را مرور کنید Review Page component markup and route

• ارتباط اجزای والدین و فرزند Parent and child components communication

• ترک یک جریان رتبه بندی توضیح داده شده است Leaving a rating flow explained

• بررسی اینکه آیا بازبینی از قبل در باطن وجود دارد یا خیر Checking if review already exists on backend

• ایجاد کلاس های منبع برای رزرو Creating Resource classes for booking

• درک زنجیر عهد Understanding promise chaining

• یک نقطه پایانی جدید API برای ذخیره یک بررسی (قوانین اعتبار سنجی، جریان پیچیده) A new API endpoint for storing a review (validation rules, complex flow)

• رسیدگی به خطاهای درخواست در Vue Handling request errors in Vue

• رفع خطای 500 در کنترلر BookingByReview Fixing a 500 error in BookingByReview controller

• جزء FatalError (مولفه Vue سفارشی برای خطاهای کنترل نشده) FatalError component (custom Vue component for unhandled errors)

• مدیریت فقط خطاهای خاص (کدهای خطای HTTP، خطاهای اعتبارسنجی) Handling only specific errors (HTTP error codes, validation errors)

• جزء خطاهای اعتبارسنجی قابل استفاده مجدد Reusable validation errors component

• Async/Await توضیح داده شد Async/Await explained

• شکاف های کامپوننت Vue Vue Component Slots

قدیمی - صفحه بررسی OLD - Review Page

• علامت گذاری و مسیر کامپوننت صفحه را مرور کنید Review Page component markup and route

• انتشار و مدیریت رویدادهای سفارشی Vue.js Emitting and handling custom Vue.js events

• انتشار و مدیریت رویدادهای سفارشی Vue.js Emitting and handling custom Vue.js events

• ارتباط اجزای والدین و فرزند Parent and child components communication

• v-model توضیح داد، و پشتیبانی از v-model را به اجزای سفارشی اضافه کرد v-model explained, adding v-model support to custom components

• v-model توضیح داد، و پشتیبانی از v-model را به اجزای سفارشی اضافه کرد v-model explained, adding v-model support to custom components

• ترک یک جریان رتبه بندی توضیح داده شده است Leaving a rating flow explained

• بررسی اینکه آیا بازبینی از قبل در باطن وجود دارد یا خیر Checking if review already exists on backend

• بررسی اینکه آیا بازبینی از قبل در فرانت اند وجود دارد یا خیر Checking if review already exists on frontend

• بررسی اینکه آیا بازبینی از قبل در فرانت اند وجود دارد یا خیر Checking if review already exists on frontend

• رویدادهای کلید بررسی رزرو و مدل Eloquent Booking review key and Eloquent model events

• رویدادهای کلید بررسی رزرو و مدل Eloquent Booking review key and Eloquent model events

• واکشی رزرو با کلید بررسی (روش‌های مدل سفارشی) Fetching booking by review key (custom model methods)

• واکشی رزرو با کلید بررسی (روش‌های مدل سفارشی) Fetching booking by review key (custom model methods)

• ایجاد کلاس های منبع برای رزرو Creating Resource classes for booking

• درک زنجیر عهد Understanding promise chaining

• نمایش اطلاعات رزرو در صفحه بررسی Displaying the booking information on review page

• نمایش اطلاعات رزرو در صفحه بررسی Displaying the booking information on review page

• یک نقطه پایانی جدید API برای ذخیره یک بررسی (قوانین اعتبار سنجی، جریان پیچیده) A new API endpoint for storing a review (validation rules, complex flow)

• رسیدگی به خطاهای درخواست در Vue Handling request errors in Vue

• ذخیره یک بررسی جدید (با استفاده از POST در axios) Storing a new review (using POST in axios)

• ذخیره یک بررسی جدید (با استفاده از POST در axios) Storing a new review (using POST in axios)

• رفع خطای 500 در کنترلر BookingByReview Fixing a 500 error in BookingByReview controller

• جزء FatalError (مولفه Vue سفارشی برای خطاهای کنترل نشده) FatalError component (custom Vue component for unhandled errors)

• مدیریت فقط خطاهای خاص (کدهای خطای HTTP، خطاهای اعتبارسنجی) Handling only specific errors (HTTP error codes, validation errors)

• اعتبارسنجی در صفحه ارسال نظر Validation on Review sending page

• اعتبارسنجی در صفحه ارسال نظر Validation on Review sending page

• جزء خطاهای اعتبارسنجی قابل استفاده مجدد Reusable validation errors component

• Vue Mixins - نحوه استفاده مجدد از همان کد در اجزای مختلف Vue Mixins - how to reuse the same code in different components

• Vue Mixins - نحوه استفاده مجدد از همان کد در اجزای مختلف Vue Mixins - how to reuse the same code in different components

• Async/Await توضیح داده شد Async/Await explained

• استفاده از async/wait در مؤلفه Review Using async/await in Review component

• استفاده از async/wait در مؤلفه Review Using async/await in Review component

• شکاف های کامپوننت Vue Vue Component Slots

قدیمی - Vuex - مدیریت دولت جهانی OLD - Vuex - managing global state

• استفاده از اقدامات Vuex برای افزودن عوارض جانبی هنگام تعهد به فروشگاه Using Vuex actions to add side effects when committing to the store

قدیمی - Vuex - مدیریت دولت جهانی OLD - Vuex - managing global state

• رفع مشکلات برنامه Vue Fixing application Vue issues

• رفع مشکلات برنامه Vue Fixing application Vue issues

• معرفی Vuex - مدیریت وضعیت جهانی Vuex introduction - managing global state

• معرفی Vuex - مدیریت وضعیت جهانی Vuex introduction - managing global state

• راه اندازی Vuex Setting up Vuex

• راه اندازی Vuex Setting up Vuex

• جهش های حالت - ذخیره آخرین تاریخ های جستجو State mutations - storing last search dates

• جهش های حالت - ذخیره آخرین تاریخ های جستجو State mutations - storing last search dates

• خواندن وضعیت Vuex Reading Vuex state

• خواندن وضعیت Vuex Reading Vuex state

• اتصال به حالت Vuex Binding to Vuex state

• اتصال به حالت Vuex Binding to Vuex state

• استفاده از اقدامات Vuex برای افزودن عوارض جانبی هنگام تعهد به فروشگاه Using Vuex actions to add side effects when committing to the store

• راه اندازی وضعیت Vuex از حافظه محلی مرورگر Initializing Vuex state from the browser local storage

• راه اندازی وضعیت Vuex از حافظه محلی مرورگر Initializing Vuex state from the browser local storage

قدیمی - جزء تجزیه قیمت OLD - Price Breakdown Component

• استفاده از آیکون های متحرک Using animated icons

• قیمت قابل رزرو (کنترل کننده، مهاجرت، کارخانه)، کتابخانه تاریخ کربن Bookable price (controller, migration, factory), Carbon date library

• Async/Await in Availability، انتشار یک رویداد سفارشی Async/Await in Availability, emitting a custom event

• جزء تفکیک قیمت Price breakdown component

قدیمی - جزء تجزیه قیمت OLD - Price Breakdown Component

• Vue Transitions Vue Transitions

• Vue Transitions Vue Transitions

• استفاده از آیکون های متحرک Using animated icons

• قیمت قابل رزرو (کنترل کننده، مهاجرت، کارخانه)، کتابخانه تاریخ کربن Bookable price (controller, migration, factory), Carbon date library

• Async/Await in Availability، انتشار یک رویداد سفارشی Async/Await in Availability, emitting a custom event

• بارگیری قیمت در جزء Bookable و با استفاده از اتصالات Vuex Loading price in Bookable component and using Vuex bindings

• بارگیری قیمت در جزء Bookable و با استفاده از اتصالات Vuex Loading price in Bookable component and using Vuex bindings

• جزء تفکیک قیمت Price breakdown component

قدیمی - سبد خرید و پرداخت OLD - Basket and Checkout

• گیرنده های Vuex - چند کالا در سبد وجود دارد؟ Vuex getters - how many items in the basket?

• بررسی آنچه در سبد است، خارج کردن از سبد Checking what's in the basket, removing from the basket

• گیرنده های Vuex - دسترسی به ویژگی در مقابل روش، توابع مرتبه بالاتر، ترکیب Vuex getters - property vs method access, higher order functions, composition

• حفظ وضعیت سبد در محل ذخیره سازی Keeping basket state in localStorage

• ایجاد یک صفحه سبد خرید/پرداخت Creating a Basket/Checkout page

• انتقال فهرست - متحرک کردن افزودن/حذف به یک لیست (v-for) List transitions - animating adding/deleting to a list (v-for)

• نشانه گذاری فرم پرداخت Checkout form markup

• تغییر مدل آدرس و رزرو Address model and booking changes

• منطق پرداخت توضیح داده شده است Checkout logic explained

• احیای محاسبات قیمت Refactoring price calculations

• فرم صحافی Binding form

• رزرو کردن Making a booking

• حالت سبد خالی Empty basket state

• پاک کردن سبد پس از خرید Clearing the basket after purchase

• رندر تایید خرید Rendering purchase confirmation

قدیمی - سبد خرید و پرداخت OLD - Basket and Checkout

• Vuex - یک سبد (افزودن/حذف) Vuex - a basket (adding/removing)

• Vuex - یک سبد (افزودن/حذف) Vuex - a basket (adding/removing)

• گیرنده های Vuex - چند کالا در سبد وجود دارد؟ Vuex getters - how many items in the basket?

• بررسی آنچه در سبد است، خارج کردن از سبد Checking what's in the basket, removing from the basket

• گیرنده های Vuex - دسترسی به ویژگی در مقابل روش، توابع مرتبه بالاتر، ترکیب Vuex getters - property vs method access, higher order functions, composition

• حفظ وضعیت سبد در محل ذخیره سازی Keeping basket state in localStorage

• ایجاد یک صفحه سبد خرید/پرداخت Creating a Basket/Checkout page

• ارائه محتویات سبد و اجازه حذف Rendering contents of the basket and allowing removal

• ارائه محتویات سبد و اجازه حذف Rendering contents of the basket and allowing removal

• انتقال فهرست - متحرک کردن افزودن/حذف به یک لیست (v-for) List transitions - animating adding/deleting to a list (v-for)

• نشانه گذاری فرم پرداخت Checkout form markup

• تغییر مدل آدرس و رزرو Address model and booking changes

• منطق پرداخت توضیح داده شده است Checkout logic explained

• اعتبار سنجی فیلدهای تو در تو Validating nested fields

• اعتبار سنجی فیلدهای تو در تو Validating nested fields

• اعتبار سنجی آرایه های ورودی Validating arrays of input

• اعتبار سنجی آرایه های ورودی Validating arrays of input

• ذخیره رزرو و آدرس Storing booking and address

• ذخیره رزرو و آدرس Storing booking and address

• احیای محاسبات قیمت Refactoring price calculations

• فرم صحافی Binding form

• رزرو کردن Making a booking

• حالت سبد خالی Empty basket state

• پاک کردن سبد پس از خرید Clearing the basket after purchase

• نمایش خطاهای رزرو Displaying booking errors

• نمایش خطاهای رزرو Displaying booking errors

• رندر تایید خرید Rendering purchase confirmation

OLD - احراز هویت با استفاده از Laravel Sanctum OLD - Authentication using Laravel Sanctum

• معرفی Laravel Sanctum Laravel Sanctum introduction

• نصب لاراول Sanctum Laravel Sanctum installation

• احراز هویت با استفاده از مثال عملی Vue Authentication using Vue practical example

• نشانه گذاری جزء منطقی (صفحه). Logic component (page) markup

• منطق مؤلفه ورود Login component logic

OLD - احراز هویت با استفاده از Laravel Sanctum OLD - Authentication using Laravel Sanctum

• لاراول پناهگاه Laravel Sanctum

• لاراول پناهگاه Laravel Sanctum

• معرفی Laravel Sanctum Laravel Sanctum introduction

• نصب لاراول Sanctum Laravel Sanctum installation

• پیکربندی Sanctum - دامنه ها Sanctum configuration - domains

• پیکربندی Sanctum - دامنه ها Sanctum configuration - domains

• درک احراز هویت با Sanctum Understanding authentication with Sanctum

• درک احراز هویت با Sanctum Understanding authentication with Sanctum

• احراز هویت با استفاده از مثال عملی Vue Authentication using Vue practical example

• نشانه گذاری جزء منطقی (صفحه). Logic component (page) markup

• منطق مؤلفه ورود Login component logic

• آیا کاربر احراز هویت شده است - حافظه محلی؟ (قسمت اول) Is user authenticated - local storage? (Part I)

• آیا کاربر احراز هویت شده است - حافظه محلی؟ (قسمت اول) Is user authenticated - local storage? (Part I)

• آیا کاربر احراز هویت شده است - VueX؟ (قسمت دوم) Is user authenticated - VueX? (Part II)

• آیا کاربر احراز هویت شده است - VueX؟ (قسمت دوم) Is user authenticated - VueX? (Part II)

• مدیریت وضعیت احراز هویت نشده (401) - با استفاده از رهگیرهای Axios Handling unauthenticated state (401) - using Axios interceptors

• مدیریت وضعیت احراز هویت نشده (401) - با استفاده از رهگیرهای Axios Handling unauthenticated state (401) - using Axios interceptors

• تغییرات سرصفحه و خروج از سیستم Header changes and logout

• تغییرات سرصفحه و خروج از سیستم Header changes and logout

• رفع تاخیر "ورود به سیستم". Fixing "is logged in" delay

• رفع تاخیر "ورود به سیستم". Fixing "is logged in" delay

• نشانه گذاری جزء ثبت نام Registration component markup

• نشانه گذاری جزء ثبت نام Registration component markup

• منطق جزء ثبت نام Registration component logic

• منطق جزء ثبت نام Registration component logic

• جایزه! Bonus!

• جایزه! Bonus!