کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

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

دانلود Laravel 11 with Inertia.js and React | A Practical Guide

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش جامع ساخت برنامه‌های تک صفحه‌ای (SPA) با Laravel 11، React و Inertia | ساخت پروژه‌های عملی

یاد بگیرید چگونه برنامه‌های تک صفحه‌ای را با استفاده از Laravel 11، Inertia و React بسازید.

آنچه در این دوره خواهید آموخت:

  • پیاده‌سازی نقش‌ها و مجوزها در یک برنامه مبتنی بر Inertia (بدون استفاده از هیچ بسته خارجی)
  • ساخت دراپ‌داون‌های وابسته در Laravel و React
  • ساخت جدول داده‌ها با استفاده از Laravel، Inertia و React
  • پیاده‌سازی ترجمه‌ها در یک برنامه مبتنی بر Inertia
  • پیاده‌سازی اسکرول بی‌نهایت در برنامه‌های مبتنی بر Inertia
  • شخصی‌سازی صفحات خطا در Inertia

پیش‌نیازها:

  • دانش مقدماتی از PHP/Laravel مورد نیاز است.
  • دانش مقدماتی از React مورد نیاز است.

در این دوره، ما به صورت عملی Inertia.js (ابزاری برای ساخت برنامه‌های تک صفحه‌ای، بدون نیاز به ایجاد API) را به همراه React.js یاد خواهیم گرفت. این یادگیری با ساخت چندین پروژه عملی صورت می‌گیرد.

Inertia به عنوان راه‌حلی عمل می‌کند که به طور یکپارچه Laravel را به عنوان backend با یک Framework فرانت‌اند (React/Vue/Svelte) متصل می‌کند. این امر ما را قادر می‌سازد تا همه چیز را در یک برنامه (یکپارچه) بسازیم و در عین حال به همان نتیجه برسیم. بهترین بخش؟ نیازی به ایجاد API نداریم.

نقشه راه و وضعیت پروژه‌ها:

  • [آپلود شده] یادگیری Inertia
  • [آپلود شده] اعلان‌های Flash انعطاف‌پذیر با Inertia
  • [آپلود شده] شخصی‌سازی صفحات خطا در Inertia
  • [آپلود شده] ساخت یک سیستم مدیریت دانشجویی ساده
  • [آپلود شده] پیاده‌سازی نقش‌ها/مجوزها در برنامه‌های مبتنی بر Inertia
  • [آپلود شده] اسکرول بی‌نهایت با Inertia
  • [آپلود شده] ترجمه‌ها با Laravel و Inertia

توضیحات پروژه:

[آپلود شده] یادگیری Inertia

در این بخش، به اصول Inertia و برخی از ویژگی‌های اساسی Inertia.js خواهیم پرداخت.

برخی از موضوعاتی که در این بخش پوشش خواهیم داد عبارتند از:

  • یادگیری نحوه راه‌اندازی Laravel با Inertia و React Stack
  • یادگیری نحوه قالب‌بندی داده‌ها با API Resources
  • یادگیری نحوه کار با فرم‌ها و نمایش خطاهای اعتبارسنجی
  • یادگیری نحوه حفظ رفتار اسکرول و حفظ وضعیت صفحه
  • یادگیری نحوه پیاده‌سازی بازدیدهای دستی و بارگیری مجدد جزئی در Inertia
  • یادگیری نحوه پیاده‌سازی بررسی‌های مجوز (هم در فرانت‌اند و هم در بک‌اند)
  • یادگیری نحوه شخصی‌سازی صفحات خطای پیش‌فرض و رندر کردن صفحات Inertia سفارشی (صفحات 403، 404، 419)
  • یادگیری نحوه نمایش اعلان‌های Flash در Inertia/React
  • یادگیری نحوه تنظیم عنوان صفحه و تگ‌های متا

[آپلود شده] اعلان‌های Flash انعطاف‌پذیر با Inertia

در این بخش، یاد خواهیم گرفت که چگونه یک ویژگی اعلان‌های flash انعطاف‌پذیر را در Inertia بسازیم.

در پایان این بخش، ما این توانایی را خواهیم داشت که هر نوع اعلان را در هر نقطه از برنامه خود بدون تکرار هیچ کدی فلش کنیم.

[آپلود شده] شخصی‌سازی صفحات خطا در Inertia

یاد بگیرید چگونه صفحات خطای پیش‌فرض را در Inertia شخصی‌سازی کنید.

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

  • یادگیری نحوه شخصی‌سازی صفحات خطای پیش‌فرض در Laravel
  • یادگیری نحوه بازگرداندن یک پاسخ Inertia هر زمان که خطایی در برنامه ما رخ می‌دهد
  • یادگیری نحوه رندر کردن انواع مختلف خطا با استفاده مجدد از همان کامپوننت React
  • یادگیری نحوه تعریف یک پیکربندی برای فعال/غیرفعال کردن رندر کردن صفحات خطای سفارشی

[آپلود شده] ساخت یک سیستم مدیریت دانشجویی ساده

در این بخش، ما یک برنامه CRUD ساده خواهیم ساخت و به اصول ساخت برنامه‌های CRUD با Laravel، Inertia و React Stack خواهیم پرداخت و موضوعات زیر را در طول مسیر یاد خواهیم گرفت:

  • یادگیری نحوه ساخت دراپ‌داون‌های وابسته در Inertia/React
  • یادگیری نحوه کار با Factories و Seeders در Laravel و seed کردن داده‌های لازم برای همه مدل‌های خود
  • یادگیری نحوه استفاده از یک کامپوننت React قابل استفاده مجدد برای نمایش پیام‌های اعتبارسنجی
  • یادگیری نحوه پیاده‌سازی Pagination سمت سرور از ابتدا
  • یادگیری نحوه پیاده‌سازی قابلیت جستجو در یک جدول داده Inertia/React
  • یادگیری نحوه پیاده‌سازی فیلترها در یک جدول داده Inertia/React

[آپلود شده] پیاده‌سازی نقش‌ها/مجوزها در برنامه‌های مبتنی بر Inertia

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

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

  • پیاده‌سازی CRUD نقش‌ها
  • پیاده‌سازی بررسی‌های مجوز/دروازه در سراسر پروژه (هم در فرانت‌اند و هم در بک‌اند)

[آپلود شده] ترجمه‌ها با Laravel و Inertia

بومی‌سازی در برنامه‌های Laravel بسیار آسان است، اما زمانی که نیاز به انتقال آن به سمت کلاینت دارید چه اتفاقی می‌افتد؟ مشخص می‌شود که در Inertia، این موضوع بسیار ساده است.

در این بخش، یک تغییر دهنده زبان خواهیم ساخت، ترجمه‌ها را با کلاینت به اشتراک خواهیم گذاشت و یک helper ترجمه ساده برای استفاده مستقیم در کامپوننت‌های React خواهیم ساخت. ما همچنین caching ترجمه‌ها را برای اجرای روان‌تر کارها پوشش خواهیم داد.

[آپلود شده] اسکرول بی‌نهایت با Inertia

در این بخش، پایگاه داده خود را با یک دسته داده seed خواهیم کرد و شروع به ساخت راه‌حل خواهیم کرد، با استفاده از روتر Inertia برای بارگیری داده‌های اضافی شروع خواهیم کرد و بعداً جریان اسکرول بی‌نهایت را با جایگزینی روتر با Axios بهینه خواهیم کرد.

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

یادگیری Inertia.js Learn Inertia.js

  • مقدمه Introduction

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

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

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

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

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

  • تبدیل به منابع API Swapping to API Resources

  • مبانی فرم Form Basics

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

  • بازنشانی فرم ها 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

  • استفاده مجدد از کد اعلان های Flash برای صفحات متعدد Reusing the Flash Notifications code for multiple pages

  • بهبود جریان اعلان های Flash Improving the Flash Notifications flow

  • رفع مشکلات اعلان Flash Fix Flash Notification Issues

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

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

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

  • مدیریت انواع خطای متعدد با یک Component Handling Multiple Error Types with a Single Component

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

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

  • مقدمه ای بر سیستم مدیریت دانشجویان Introduction to Students Management System

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

  • تعریف 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

  • ادامه کار روی جریان ایجاد رکورد Continue working on Record Create Flow

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

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

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

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

  • پیاده سازی قابلیت جستجو Implementing Search Functionality

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

  • بیایید فیلتر کردن بر اساس کلاس را پیاده سازی کنیم Let's Implement Filter By Class Functionality

  • Debounce ورودی جستجو و رفع مشکلات باقیمانده Debounce Search Input and Fix remaining Issues

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

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

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

  • تعریف Models/Migrations/Pivot Tables/Seeders برای Roles/Permissions Define the Models/Migrations/Pivot Tables/Seeders for Roles/Permissions

  • نمایش و حذف Roles Displaying and Deleting Roles

  • ذخیره Roles Storing Roles

  • ویرایش Roles Editing Roles

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

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

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

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

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

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

  • مقدمه ای بر پیاده سازی Infinite Scrolling در برنامه های مبتنی بر 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

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

  • بیایید useIntersectionOnserver را پیاده سازی کنیم Let's Implement useIntersectionOnserver

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

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

  • نهایی کردن ویژگی Infinite Scrolling Finalizing the Infinite Scrolling Feature

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

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

  • مقدمه ای بر پیاده سازی Translations در 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

  • ساخت Language Selector Building the Language Selector

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

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

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

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

  • Caching Translations Caching Translations

چه چیزهای جدیدی در Inertia v2 وجود دارد What's New In Inertia v2

  • ارتقاء Inertia Upgrade 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

اوپرا پی ام اس (OPERA PMS) : آموزش جامع بستن حساب روزانه / حسابرسی شبانه

اوپرا پی ام اس (OPERA PMS) : آموزش جامع بستن حساب روزانه / حسابرسی شبانه

دانلود OPERA PMS : Mastering End of Day / Night Audit

آموزش طراحی پست های شبکه های اجتماعی با پاورپوینت

آموزش طراحی پست های شبکه های اجتماعی با پاورپوینت

Design Social Media Posts with PowerPoint

اصول هوش مصنوعی عاملی: معماری ها، چارچوب ها و برنامه ها

اصول هوش مصنوعی عاملی: معماری ها، چارچوب ها و برنامه ها

Agentic AI Fundamentals: Architectures, Frameworks, and Applications

نمایش نظرات

آموزش لاراول 11 با Inertia.js و React: راهنمای کاربردی
جزییات دوره
11.5 hours
81
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
359
4.5 از 5
ندارد
دارد
دارد
Tapan Sharma

https://donyad.com/d/5f3f48

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Tapan Sharma Tapan Sharma

مهندس نرم افزار