لاراول 12 و ریاکت - ساخت یک اپلیکیشن شبکه اجتماعی با Inertia
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک اپلیکیشن شبکه اجتماعی کامل به سبک توئیتر یا (X) با لاراول 12، ریاکت 19 و Inertia.js v2
- اتصال یکپارچه لاراول و ریاکت بدون نوشتن APIها
- پیادهسازی احراز هویت (ثبتنام، ورود و خروج) و مجوز با سیاستهای لاراول
- ایجاد پستها، کامنتها و لایکها با عملیاتهای کامل CRUD و اعتبارسنجی
- ساخت ارتباط بین مدلها با Eloquent ORM و جلوگیری از کوئریهای N+1
- پیادهسازی صفحهبندی اسکرول بینهایت با صفحهبندی مبتنی بر مکاننما
- افزودن polling بلادرنگ برای بروزرسانی محتوای جدید
- ایجاد بروزرسانیهای optimistic UI برای دریافت بازخورد فوری از کاربر
- استایلدهی رابطهای حرفهای با Tailwind CSS v4 و کامپوننتهای shadcn ui
- استفاده از تایپاسکریپت برای کامپوننتهای type-safe ریاکت
- تولید مسیرهای type-safe با Laravel Wayfinder
- اشکالزدایی اپلیکیشنها با Laravel Telescope
- استفاده از deferred props و قابلیتهای پیشرفته Inertia برای عملکرد بهتر
پیشنیازهای دوره
- دانش اولیه PHP (متغیرها، توابع و کلاسها)
- آشنایی با اچ تی ام ال و سی اس اس
- درک اولیه از ریاکت (کامپوننتها، props) - در طول دوره توضیح میدهیم.
توضیحات دوره
با لاراول 12، ریاکت 19 و Inertia.js v2، بدون پیچیدگی ساخت API، اپلیکیشنهای وب مدرن و فولاستک بسازید. این دوره جامع به شما یاد میدهد چگونه از ابتدا یک پلتفرم کامل شبکه اجتماعی به سبک توئیتر (X) ایجاد کنید و قدرت بکاند لاراول را با فرانتاند پویا و تعاملی ریاکت ترکیب کنید.
چه چیزی این دوره را متفاوت میکند؟
برخلاف دورههای سنتی لاراول و ریاکت که نیاز به ساخت REST API دارند، شما از Inertia.js برای اتصال یکپارچه لاراول و ریاکت استفاده خواهید کرد. کد سمت سرور را در لاراول و کد سمت کلاینت را در ریاکت مینویسید و بدون بویلرپلیتهای API، ارتباطی روان و آسان خواهید داشت.
آنچه خواهید ساخت:
یک اپلیکیشن شبکه اجتماعی کامل با قابلیت احراز هویت کاربران، ایجاد پست با صفحهبندی اسکرول بینهایت، سیستم پاسخ شبیه توئیتر، قابلیت قلب یا لایک با بروزرسانیهای optimistic UI ،polling بلادرنگ برای محتوای جدید و مجوز بهگونهای که کاربران فقط بتوانند پستهای خودشان را ویرایش کنند.
فناوریهایی که به آنها مسلط میشوید:
- لاراول 12 (جدیدترین ویژگیها و ساختار ساده شده)
- ریاکت 19 همراه با تایپاسکریپت برای type safety
- Inertia.js v2 (deferred props، اسکرول بینهایت و polling)
- Tailwind CSS v4 با متغیرهای سی اس اس مدرن
- کتابخانه کامپوننت shadcn ui برای رابط کاربری حرفهای
- Laravel Wayfinder برای مسیریابی type safety
- Laravel Telescope برای اشکالزدایی
مناسب برای:
توسعهدهندگانی که با مبانی PHP آشنا هستند و تجربهای در ریاکت دارند، توسعهدهندگان لاراول که میخواهند SPAهای مدرن بسازند و هر کسی که از پیچیدگی API خسته شده و به دنبال راه بهتری برای ساخت اپلیکیشنهای فولاستک است.
ساختار دوره:
12 بخش که شما را از نصب لاراول تا ساخت یک پلتفرم اجتماعی آماده همراهی میکند. هر درس شامل کامیتهای گیت است تا بتوانید کد خود را مقایسه کنید و هیچوقت گیر نکنید.
ساخت وب اپلیکیشنهای مدرن به روش هوشمندانه و بدون سربار API را شروع کنید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان PHP که میخواهند لاراول را یاد بگیرند و اپلیکیشنهای تکصفحهای مدرن بسازند.
- توسعهدهندگان لاراول که میخواهند ریاکت را بدون پیچیدگی API یکپارچه کنند.
- توسعهدهندگان فولاستک که از ساخت REST API برای هر پروژه خسته شدهاند.
- توسعهدهندگان ریاکت که به فریمورکهای سمت سرور علاقهمند هستند.
- هر کسی که میخواهد وب اپلیکیشنهای تعاملی یا شبکه اجتماعی بهصورت کارآمد بسازد.
- فریلنسرهایی که باید پروژههای مشتری را سریعتر تحویل دهند.
لاراول 12 و ریاکت - ساخت یک اپلیکیشن شبکه اجتماعی با Inertia
-
به این دوره خوش آمدید! 01:34
-
چرا این stack و چگونه کار میکند؟ 05:45
-
آنچه خواهید ساخت: دموی پروژه 02:03
-
راهاندازی محیط: PHP ،Node ،Composer و لاراول 01:55
-
ایجاد و اجرای یک اپلیکیشن لاراول 04:39
-
راهاندازی Inertia.js 09:41
-
ویرایشگر کد و نکات کدنویسی با هوش مصنوعی 01:25
-
ایجاد صفحههای Inertia و رندرینگ از کنترلرها 08:50
-
ناوبری سمت کلاینت با کامپوننت لینک 06:56
-
کنوانسیونهای نامگذاری URL - چرا Kebab-Case؟ 02:00
-
ساخت طرحبندیهای قابل استفاده مجدد با فرزندان ریاکت 05:18
-
props در ریاکت و prop مربوط به فرزندان 02:31
-
ایجاد مدلها و مهاجرتها با Artisan 09:26
-
کنترلرها، پارامترهای مسیر و ارسال داده به ریاکت 13:21
-
نصب Laravel Telescope برای اشکلزدایی 05:01
-
ساخت فید اجتماعی - واکشی همه پستها 09:23
-
استایلدهی فید اجتماعی با Tailwind CSS 12:36
-
ساخت ناوبری هدر با کامپوننتها 11:29
-
ایجاد پستها با فرمهای Inertia 15:38
-
نمایش خطاهای اعتبارسنجی و یوتیلیتی cn 07:22
-
تعریف روابط یکبهچند 11:14
-
Factoryها و Seederها برای داده تست 08:15
-
بارگذاری eager کاربران همراه با پستها 05:49
-
فیکس کردن user_id گمشده در پستهای موجود 03:18
-
shadcn ui چیست و چرا از آن استفاده کنیم؟ 00:51
-
نصب shadcn ui در لاراول 02:19
-
درک app.css - متغیرهای سی اس اس و تمها 07:21
-
نصب کامپوننتهای دکمه و کارت 04:07
-
ریفکتورینگ رابط کاربری با کامپوننتهای shadcn 09:25
-
کامپوننتهای فرم - Input ،Textarea و Label 09:59
-
مقدمه بخش - ساخت سیستم کامنت 04:28
-
ایجاد مدل کامنت با Artisan 04:16
-
روابط کامنت و اسکیمای مهاجرت 05:32
-
Factory کامنت و seed کردن داده 07:51
-
کنترلر کامنت - ذخیره کامنتها 06:47
-
افزودن تایپهای تایپاسکریپت برای کامنت 02:52
-
بازسازی صفحه پست با shadcn ui 02:12
-
ساخت کامپوننتهای CommentForm و CommentCard 04:45
-
بارگذاری eager کامنتها با نویسندگان 08:00
-
اتصال فرم کامنت به بکاند 03:10
-
deferred props برای بهبود عملکرد 07:12
-
ریست کردن فرمها پس از موفقیت با render props 02:48
-
رویدادهای فرم - اسکرول به بخش کامنتها 07:14
-
نوتیفیکیشنهای Toast با Sonner 04:05
-
بارگذاری مجدد کامل داده هنگام خطاهای اعتبارسنجی 04:27
-
راهاندازی polling برای کامنتهای جدید 06:56
-
استخراج CommentList به یک کامپوننت مستقل 01:28
-
تشخیص و اطلاعرسانی درباره کامنتهای جدید 11:22
-
استفاده از useRef برای ردیابی کامنتها بدون رندرهای مجدد 04:04
-
نشانگرهای بارگذاری برای وضعیت polling 04:47
-
مقدمه بخش - بررسی قابلیت لایک 01:29
-
مدل لایک، مهاجرت و روابط 02:35
-
نصب Laravel Wayfinder برای مسیرهای type-safe 11:21
-
شمارش لایکهای پست با withCount 05:04
-
بررسی اینکه آیا کاربر لایک کرده است - وجود رابطه 03:15
-
ساخت رابط کاربری کامپوننت LikeButton 08:07
-
کنترلر تکاکشن برای تاگل کردن لایک 09:34
-
ارسال داده لایک بهصورت deferred props 05:57
-
تاگل کردن لایکها با بروزرسانیهای optimistic UI 11:05
-
مقدمه بخش - بررسی احراز هویت 01:40
-
ساخت فرمهای ثبتنام و ورود 05:25
-
کنترلر ثبتنام - ایجاد کاربران 10:01
-
کنترلر ورود - احراز هویت کاربران 07:08
-
اشتراکگذاری داده کاربر فعلی با Inertia 02:43
-
دسترسی به داده مشترک (usePage) - کاربر واردشده 03:59
-
رندر شرطی بر اساس وضعیت احراز هویت 02:31
-
منوی کشویی کاربر و خروج 12:12
-
سریالسازی داده کاربر با منابع API 13:59
-
اختصاص کاربر فعلی به پستها و کامنتها 02:23
-
کاربرمحور کردن لایکها با محدودیت منحصر به فرد 17:28
-
توضیح اسکرول بینهایت در Inertia 02:12
-
فیکس کردن اختصاص User ID در فرمها 00:57
-
صفحهبندی مبتنی بر مکاننما با اسکرول بینهایت 06:29
-
تصادفیسازی created_at برای تست بهتر صفحهبندی 03:03
-
اسکرول بینهایت برای کامنتها با polling بهینهشده 16:06
-
مقدمه بخش - مجوز در مقابل احراز هویت 01:11
-
محافظت از مسیرها با میانافزار احراز هویت 01:34
-
مجوز در لاراول چگونه کار میکند؟ 08:58
-
ایجاد یک سیاست پست 08:17
-
مجوز برای اکشنهای ایجاد و حذف 05:46
-
ارسال قابلیتهای مجوز به ریاکت 10:29
-
ساخت قابلیت ویرایش پست 10:08
-
پیادهسازی حذف پست با مجوز 03:24
-
ساخت منوی کشویی اکشنهای پست 11:33
-
تأیید حذف با AlertDialog 09:59
-
پیامهای Flash - نوتیفیکیشنهای Toast موفقیت و خطا 08:03
مشخصات آموزش
لاراول 12 و ریاکت - ساخت یک اپلیکیشن شبکه اجتماعی با Inertia
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:Alls
- تعداد درس:86
- مدت زمان :09:11:42
- حجم :4.25GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy