آموزش لاراول ۱۲ و ریکت: ساخت اپلیکیشن شبکه اجتماعی با Inertia - آخرین آپدیت

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

شروع کار با لاراول و ریکت Getting Started with Laravel and React

• خوش‌آمدگویی به دوره! Welcome in the Course!

• چرا این استک؟ و نحوه عملکرد آن Why This Stack and How it Works

• چیزی که خواهید ساخت: دموی پروژه What You Will Build: Project Demo

• راه اندازی محیط: PHP، Node، Composer، Laravel Setting Up the Environment: PHP, Node, Composer, Laravel

• ایجاد و اجرای یک اپلیکیشن لاراول Creating and Running a Laravel App

• تنظیمات Inertia.js Setting Up Inertia.js

• ویرایشگر کد و نکات کدنویسی با AI Code Editor & AI Coding Tips

• منابع دوره Course Resources

مبانی فول‌استک با لاراول، Inertia و ریکت Full-Stack Basics with Laravel, Inertia & React

• منابع بخش Section Resources

• ایجاد صفحات Inertia و رندرینگ از کنترلرها Creating Inertia Pages and Rendering from Controllers

• ناوبری سمت کلاینت با کامپوننت Link Client-Side Navigation with Link Component

• قواعد نام‌گذاری URL: چرا Kebab Case؟ URL Naming Conventions - Why Kebab-Case?

• ساخت Layoutهای قابل استفاده مجدد با React Children Creating Reusable Layouts with React Children

• مفهوم React Props و پراپ Children React Props and the Children Prop

ساخت فید شبکه اجتماعی: مدل‌ها، کنترلرها و فرم‌ها Building the Social Feed - Models, Controllers & Forms

• منابع بخش Section Resources

• ایجاد مدل‌ها و مایگریشن‌ها با Artisan Creating Models and Migrations with Artisan

• کنترلرها، پارامترهای مسیر و ارسال داده به ریکت Controllers, Route Parameters and Passing Data to React

• نصب Laravel Telescope برای دیباگ Installing Laravel Telescope for Debugging

• ساخت فید اجتماعی: دریافت تمامی پست‌ها Building the Social Feed - Fetching All Posts

• استایل‌دهی به فید اجتماعی با Tailwind CSS Styling the Social Feed with Tailwind CSS

• ساخت ناوبری هدر با کامپوننت‌ها Building Header Navigation with Components

• ایجاد پست‌ها با استفاده از Inertia Forms Creating Posts with Inertia Forms

• نمایش خطاهای اعتبارسنجی و ابزار cn Displaying Validation Errors and cn Utility

روابط کاربران: نویسندگان و کلیدهای خارجی User Relationships - Authors and Foreign Keys

• منابع بخش Section Resources

• تعریف روابط One-to-Many Defining One-to-Many Relationships

• استفاده از Factory و Seeder برای داده‌های تست Factories and Seeders for Test Data

• استفاده از Eager Loading برای کاربران و پست‌ها Eager Loading Users with Posts

• اصلاح user_id در پست‌های موجود Fixing Missing user_id in Existing Posts

رابط کاربری حرفه‌ای با کامپوننت‌های shadcn/ui Professional UI with shadcn/ui Components

• منابع بخش Section Resources

• shadcn/ui چیست و چرا از آن استفاده کنیم؟ What's shadcn/ui and Why Use It?

• نصب shadcn/ui در لاراول Installing shadcn/ui in Laravel

• درک app.css: متغیرهای CSS و تم‌ها Understanding app.css - CSS Variables and Themes

• نصب کامپوننت‌های Button و Card Installing Button and Card Components

• بازسازی UI با کامپوننت‌های shadcn Refactoring UI with shadcn Components

• کامپوننت‌های فرم: Input، Textarea و Label Form Components - Input, Textarea, Label

افزودن پاسخ‌ها: روابط، کنترلرها و رابط کاربری Adding Replies - Relations, Controllers & UI

• منابع بخش Section Resources

• مقدمه بخش: ساخت سیستم کامنت Section Intro - Building the Comment System

• ایجاد مدل Comment با Artisan Creating the Comment Model with Artisan

• روابط کامنت و ساختار مایگریشن Comment Relationships and Migration Schema

• فکتوری کامنت و مقداردهی اولیه داده‌ها Comment Factory and Seeding Data

• کنترلر کامنت: ذخیره‌سازی پاسخ‌ها Comment Controller - Storing Comments

• افزودن تایپ‌های TypeScript برای کامنت Adding Comment TypeScript Types

• بازسازی صفحه پست با shadcn/ui Rebuilding Post Page with shadcn/ui

• ساخت کامپوننت‌های CommentForm و CommentCard Building CommentForm and CommentCard Components

• لود کردن Eager کاربران همراه با کامنت‌ها Eager Loading Comments with Authors

• اتصال فرم کامنت به بک‌اند Connecting Comment Form to Backend

ویژگی‌های پیشرفته Inertia Advanced Inertia Features

• منابع بخش Section Resources

• استفاده از Deferred Props برای افزایش سرعت Deferred Props for Performance

• ریست کردن فرم‌ها در صورت موفقیت با Render Props Resetting Forms on Success with Render Props

• رویدادهای فرم: اسکرول به کامنت‌ها Form Events - Scrolling to Comments

• اعلان‌های Toast با استفاده از Sonner Toast Notifications with Sonner

• بارگذاری مجدد کامل داده‌ها در خطاهای اعتبارسنجی Full Data Reload on Validation Errors

به‌روزرسانی‌های آنی با Inertia Polling Real-Time Updates with Inertia Polling

• منابع بخش Section Resources

• تنظیم Polling برای کامنت‌های جدید Setting Up Polling for New Comments

• جدا کردن CommentList به یک کامپوننت مجزا Extracting CommentList into Separate Component

• تشخیص و اطلاع‌رسانی درباره کامنت‌های جدید Detecting and Notifying About New Comments

• استفاده از useRef برای ردیابی کامنت‌ها بدون رندر مجدد Using useRef to Track Comments Without Re-renders

• نشانگرهای لودینگ برای وضعیت Polling Loading Indicators for Polling State

افزودن لایک‌ها: سیستم لایک Adding Hearts - The Like System

• منابع بخش Section Resources

• مقدمه بخش: بررسی ویژگی لایک Section Intro - Like Feature Overview

• مدل لایک، مایگریشن و روابط Like Model, Migration and Relationships

• نصب Laravel Wayfinder برای مسیرهای Type-safe Installing Laravel Wayfinder for Type-Safe Routes

• شمارش لایک‌های پست با withCount Counting Post Likes with withCount

• بررسی لایک کاربر: وجود رابطه (Relationship Existence) Checking if User Has Liked - Relationship Existence

• طراحی رابط کاربری کامپوننت LikeButton Creating the LikeButton Component UI

• کنترلر Single Action برای تغییر وضعیت لایک Single Action Controller for Toggle Like

• ارسال داده‌های لایک به صورت Deferred Props Passing Like Data as Deferred Props

• تغییر وضعیت لایک با Optimistic UI Toggling Likes with Optimistic UI Updates

احراز هویت کاربر User Authentication

• منابع بخش Section Resources

• مقدمه بخش: بررسی کلی احراز هویت Section Intro - Authentication Overview

• ساخت فرم‌های ثبت‌نام و ورود Building Registration and Login Forms

• کنترلر ثبت‌نام: ایجاد کاربران Registration Controller - Creating Users

• کنترلر ورود: احراز هویت کاربران Login Controller - Authenticating Users

• اشتراک‌گذاری داده‌های کاربر فعلی با Inertia Sharing Current User Data with Inertia

• دسترسی به داده‌های مشترک (usePage): کاربر وارد شده Accessing the Shared Data (usePage) - Logged In User

• رندر شرطی بر اساس وضعیت احراز هویت Conditional Rendering Based on Auth Status

• منوی دراپ‌داون کاربر و خروج User Dropdown Menu and Logout

• سریالایز کردن داده‌های کاربر با API Resources Serializing User Data with API Resources

• تخصیص کاربر فعلی به پست‌ها و کامنت‌ها Assigning Current User to Posts and Comments

صفحه‌بندی، بهینه‌سازی و لایک‌های کاربر-محور Pagination, Optimization & User-Based Likes

• منابع بخش Section Resources

• منحصر کردن لایک‌ها به کاربر با Unique Constraint Making Likes User-Specific with Unique Constraint

• توضیح اسکرول نامحدود در Inertia Infinite Scroll in Inertia Explained

• اصلاح تخصیص User ID در فرم‌ها Fixing User ID Assignment in Forms

• صفحه‌بندی Cursor همراه با اسکرول نامحدود Cursor Pagination with Infinite Scroll

• تصادفی کردن created_at برای تست بهتر صفحه‌بندی Randomizing created_at for Better Pagination Testing

• اسکرول نامحدود برای کامنت‌ها با Polling بهینه Infinite Scroll for Comments with Optimized Polling

مدیریت دسترسی‌ها: محافظت از منابع Authorization - Protecting Resources

• منابع بخش Section Resources

• مقدمه بخش: تفاوت Authorization و Authentication Section Intro - Authorization vs Authentication

• محافظت از مسیرها با Auth Middleware Protecting Routes with Auth Middleware

• نحوه عملکرد Authorization در لاراول How Authorization Works in Laravel

• ایجاد Post Policy Creating a Post Policy

• مجاز کردن عملیات ایجاد و حذف Authorizing Create and Delete Actions

• ارسال قابلیت‌های دسترسی به ریکت Passing Authorization Abilities to React

• ساخت قابلیت ویرایش پست Building Post Edit Functionality

• پیاده‌سازی حذف پست با مدیریت دسترسی Implementing Post Delete with Authorization

• ساخت منوی دراپ‌داون برای عملیات پست Building Post Actions Dropdown Menu

• تاییدیه حذف با AlertDialog Delete Confirmation with AlertDialog

• پیام‌های Flash: توست‌های موفقیت و خطا Flash Messages - Success and Error Toasts