آموزش لاراول 11 با Inertia.js و Vue 3: راهنمای عملی - آخرین آپدیت

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

آموزش Inertia.js Learn Inertia.js

• معرفی آموزش Inertia Introduction to Learn Inertia

• نصب و راه اندازی Laravel/Inertia.js با Vue.js Install and Setup Laravel/Inertia.js with Vue.js

• مروری بر پروژه Overview of the Project

• ایجاد صفحات Creating Pages

• عنوان و متا تگ ها Title and Meta Tags

• ارسال داده به صفحات Passing Data to Pages

• تغییر به منابع API Swapping to API Resources

• رفع چند مشکل قبل از ادامه Fixing few Issues before moving forward

• اصول فرم Form Basics

• ارسال فرم ها Submitting Forms

• نمایش خطاهای اعتبارسنجی Showing Validation Errors

• بازنشانی فرم ها Resetting Forms

• پاک کردن خطاهای اعتبارسنجی Clearing Validation Errors

• دسترسی به وضعیت پردازش فرم Accessing Form Processing State

• بازدیدهای دستی و بارگذاری مجدد جزئی Manual Visits and Partial Reloads

• بازدیدهای جزئی (و بیشتر) با لینک ها Partial Visits (and more) with Links

• داده های اشتراکی Shared Data

• استفاده از Ziggy Making Use of Ziggy

• اتصال به فرم ها برای پیام های Flash Hooking into Forms for Flash Messages

• بازبینی داده های اشتراکی برای پیام های Flash بهتر Revisiting Shared Data for Better Flash Messages

• مسیرهای کوتاه شده Shorthand Routes

• به خاطر سپردن وضعیت های فرم Remembering Form States

• حفظ وضعیت ها Preserving States

• مجوز اولیه Basic Authorization

اعلان های Flash انعطاف پذیر در Inertia Flexible Flash Notifications in Inertia

• اتصال به روتر Inertia Hooking into Inertia's Router

• بهبود گردش اعلان های Flash Let's Improve the Flash Notifications flow

• رفع مشکلات باقی مانده Fix Remaining Issues

سفارشی سازی صفحات خطا در Inertia Customizing Error Pages in Inertia

• سفارشی سازی صفحه خطای پیش فرض Customizing the default Error page

• بازگرداندن پاسخ Inertia Returning an Inertia Response

• مدیریت چندین نوع خطا با یک صفحه Handling Multiple Error Types with a Single Page

• تعریف یک Config برای نمایش/پنهان کردن صفحات خطای سفارشی Define a Config to Show/Hide Custom Error Pages

ساخت سیستم مدیریت دانشجویان Let's Build a Students Management System

• معرفی سیستم مدیریت دانشجویان Introduction to Students Management System

• نصب و راه اندازی Laravel با Inertia و Vue Install and Setup Laravel with Inertia and Vue

• تعریف Models/Migrations/Factories/Seeders/Relationships Define the Models/Migrations/Factories/Seeders/Relationships

• نمایش داده های دانشجویان Displaying the Students Data

• پیاده سازی صفحه بندی Let's Implement Pagination

• کار بر روی فرآیند ایجاد رکورد Let's work on the Record Creation Flow

• پیاده سازی Dropdown های وابسته Implementing Dependent Dropdowns

• نمایش خطاهای اعتبارسنجی و نهایی کردن فرآیند ایجاد رکورد Display Validation Errors and Finalize Record Creation Flow

• کار بر روی فرآیند به روز رسانی رکورد Let's Work on Record Update Flow

• حذف رکوردهای فردی Deleting Individual Records

• پیاده سازی قابلیت جستجو Let's Implement Search Functionality

• رفع مشکلات مربوط به صفحه بندی Fixing Pagination Related Issues

• رفع مشکلات باقی مانده Fix Remaining Issues

• پیاده سازی ویژگی فیلتر بر اساس کلاس Let's Implement Filter By Class Feature

پیاده سازی نقش ها و مجوزها در برنامه های مبتنی بر Inertia Implementing Roles and Permissions in Inertia Based Applications

• معرفی پیاده سازی نقش ها/مجوزها در برنامه های مبتنی بر Inertia Introduction to Implementing Roles/Permissions in Inertia based Applications

• مروری بر ساختار پایگاه داده Database Structure Overview

• تعریف Models/Migrations/Pivot Tables/Seeders برای نقش ها/مجوزها Lets Define the Models/Migrations/Pivot Tables/Seeders for Roles/Permissions

• نمایش و حذف نقش ها (مرور) Displaying and Deleting Roles (Overview)

• ایجاد و به روز رسانی نقش ها (مرور) Creating and Updating Roles (Overview)

• پیاده سازی انتخاب مجوزها در صفحه ایجاد نقش Implement Permissions Selection on Role Create Page

• پیاده سازی انتخاب مجوزها در صفحه ویرایش نقش (مرور) Implement Permissions Selection on Role Edit Page (Overview)

• تعریف Auth Gates با یک Middleware Defining the Auth Gates with a Middleware

• پیاده سازی بررسی ها در Backend Implementing Checks on the Backend

• پیاده سازی بررسی ها در Frontend Implementing Checks on the Frontend

آپلود/پردازش چندگانه فایل با کشیدن و رها کردن با Inertia، Vue 3 و Reverb Multiple Drag And Drop File Uploading/Processing with Inertia, Vue 3 and Reverb

• معرفی بخش آپلود چندگانه با کشیدن و رها کردن Introduction to Multiple Drag/Drop Uploader Section

• نصب و راه اندازی Laravel با Inertia و Vue Install and Setup Laravel with Inertia and Vue

• تعریف مدل ویدیو و کامپوننت Uploader Define the Video Model and Uploader Component

• شروع کار بر روی کامپوننت Uploader Start Working On Uploader Component

• تعریف کامپوننت UploadItem Let's Define the UploadItem Component

• ایجاد اولیه یک رکورد ویدیو Initially Creating a Video Record

• به روز رسانی جزئیات آپلود Updating the Upload Details

• نهایی کردن فرآیند به روز رسانی جزئیات ویدیو Finalizing Video Details Update Flow

• شروع آپلود تکه تکه Starting Chunked Uploads

• نمایش پیشرفت آپلود Showing Upload Progress

• مدیریت تکه ها در Server Handling Chunks on the Server

• لغو آپلودها Cancelling Uploads

• مکث و از سرگیری آپلودها Pausing and Resuming Uploads

• مجوز دادن به درخواست ها Authorizing Requests

• کشیدن و رها کردن فایل ها Dragging and Dropping Files

• نصب و پیکربندی Laravel Reverb Let's Install and Configure Laravel Reverb

• پخش خصوصی Privately Broadcasting

• کدگذاری ویدیو با FFMPeg Encoding the Video with FFMPeg

• پخش پیشرفت کدگذاری Broadcasting the Encoding Progress

• پاکسازی بعد از کدگذاری و رفع مشکلات باقی مانده Clean Up after Encoding and Fix Remaining Issues

• رفع مشکلات اضافی Fix Additional Issues

یاد بگیرید چگونه پیمایش بی نهایت را در برنامه های مبتنی بر Inertia پیاده سازی کنید Learn how to Implement Infinite Scrolling in Inertia Based Applications

• معرفی پیاده سازی پیمایش بی نهایت در برنامه های مبتنی بر Inertia Introduction to Implementing Infinite Scrolling in Inertia Based Applications

• نصب و پیکربندی یک پروژه جدید Laravel Install and Configure a new Laravel Project

• راه اندازی Model/Migration/Factory/Seeder Setup Model/Migration/Factory/Seeder

• نمایش داده های Posts Displaying the Posts Data

• پیاده سازی useIntersectionOnserver Let's Implement useIntersectionOnserver

• شروع پیاده سازی رفتار پیمایش بی نهایت Let's Start Implementing Infinite Scrolling Behaviour

• استفاده از Axios به جای روتر Inertia Use Axios instead of Inertia's router

• نهایی کردن ویژگی پیمایش بی نهایت Finalizing the Infinite Scrolling Feature

• رفع مشکلات باقی مانده Fix Remaining Issues

یاد بگیرید چگونه ترجمه ها را در Laravel و Inertia پیاده سازی کنید Learn how to Implement Translations in Laravel and Inertia

• معرفی پیاده سازی ترجمه ها در Laravel و Inertia Introduction to Implementing Translations in Laravel and Inertia

• نصب و راه اندازی یک پروژه جدید Laravel Install and Setup a Fresh Laravel Project

• ذخیره زبان های موجود با یک Enum Storing available languages with an Enum

• به اشتراک گذاری جهانی زبان های موجود Sharing available languages globally

• ساخت انتخابگر زبان Building the Language Selector

• ذخیره زبان انتخاب شده در یک Session Storing the chosen Language in a Session

• تنظیم locale از طریق یک Middleware Setting the locale through a Middleware

• به اشتراک گذاری تمام ترجمه ها با Inertia Sharing all translations with Inertia

• ساخت یک helper ترجمه در Javascript Building a Translation helper in Javascript

• ذخیره سازی ترجمه ها در حافظه پنهان Caching Translations

چه چیز جدید در Inertia v2 What's new in Inertia v2

• به روز رسانی Inertia Upgrading Inertia

• Polling Polling

• Deferred Props Deferred Props

• Merging Props Merging Props

• History Encryption API History Encryption API

• Partial Reloads اکنون Async هستند Partial Reloads are now Async

• Prefetching Prefetching