آموزش لاراول 10: ساخت اپلیکیشن پیام رسانی بیدرنگ از ابتدا (2024)

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

معرفی Introduction

• معرفی Introduction

تنظیم محیط برای پروژه Environment Setup for Project

• 1_تنظیم محیط - نصب برنامه ها و برنامه های افزودنی ضروری 1_Environment Setup - Installing Necessary Apps and Extensions

• 2_Environment Setup - راه اندازی Environment Path در Vs Code (بخش -1) 2_Environment Setup - Setting up Environment Path in Vs Code (Part -1)

• 3_Environment Setup - راه اندازی Environment Path در Vs Code (بخش -2) 3_Environment Setup - Setting up Environment Path in Vs Code (Part -2)

نقشه ذهنی Mind Map

• 1_نقشه ذهنی - یک بحث اساسی که ما چه خواهیم کرد 1_Mind Map - A Basic Discussion What We Will Be Doing

راه اندازی پروژه Setting up Project

• 1_راه اندازی پروژه - نصب یک پروژه تازه لاراول با Breeze 1_Setting up Project - Installing a Fresh Laravel Project with Breeze

تسلط بر قالب مسنجر Mastering Messenger Template

• 1_Template Mastering - Over View of Frontend Template 1_Template Mastering - Over View of Frontend Template

• 2_Template Mastering - Mastering Frontend Template (Part - 1) 2_Template Mastering - Mastering Frontend Template (Part - 1)

• 3_Template Mastering - Mastering Frontend Template (Part - 3) 3_Template Mastering - Mastering Frontend Template (Part - 3)

• 4_Template Mastering - Mastering Frontend Template (Part - 4) 4_Template Mastering - Mastering Frontend Template (Part - 4)

جدول و مهاجرت Table and Migrations

• 1_User Table - به روز رسانی ستون های جدول کاربر 1_User Table - Updating User Table Columns

• 2_User Table - اضافه کردن User Seeders 2_User Table - Adding User Seeders

• 3_جدول پیام - ایجاد جدول انتقال پیام 3_Message Table - Creating Message Migration Table

به روز رسانی پروفایل کاربر User Profile Update

• 1_به‌روزرسانی پروفایل - تنظیم داده‌های پویا در حالت نمایه کاربر 1_Profile Update - Setting Dynamic Data in User Profile Modal

• 2_به روز رسانی پروفایل - افزودن ویژگی پیش نمایش تصویر 2_Profile Update - Adding Image Preview Feature

• 3_به روز رسانی پروفایل - کار با به روز رسانی پروفایل (قسمت - 1) 3_Profile Update - Working with Profile update (Part - 1)

• 4_به روز رسانی پروفایل - کار با به روز رسانی پروفایل (قسمت - 2) 4_Profile Update - Working with Profile update (Part - 2)

• 5_به روز رسانی پروفایل - کار با به روز رسانی پروفایل (بخش - 3) 5_Profile Update - Working with Profile update (Part - 3)

• 6_به روز رسانی پروفایل - کار با به روز رسانی پروفایل (قسمت - 4) 6_Profile Update - Working with Profile update (Part - 4)

• 7_به روز رسانی پروفایل - کار با به روز رسانی پروفایل (قسمت - 5) 7_Profile Update - Working with Profile update (Part - 5)

• 8_به روز رسانی پروفایل - کار با به روز رسانی پروفایل (قسمت - 6) 8_Profile Update - Working with Profile update (Part - 6)

• 9_به روز رسانی پروفایل - ایجاد شناسه کاربری منحصر به فرد 9_Profile Update - Generating Unique User ID

ویژگی فهرست جستجو Search List Feature

• 1_ویژگی جستجو - ایجاد عملکرد جستجو 1_Search Feature - Creating Search Function

• 2_ویژگی جستجو - کار با منطق جستجو (بخش - 1) 2_Search Feature - Working with Search Logic (Part - 1)

• 3_ویژگی جستجو - کار با منطق جستجو (بخش - 2) 3_Search Feature - Working with Search Logic (Part - 2)

• 4_ویژگی جستجو - اضافه کردن Request Debouncing برای Optimize Request Call 4_Search Feature - Adding Request Debouncing for Optimize Request Call

• 5_ویژگی جستجو - ایجاد عملکرد اسکرول به عمل 5_Search Feature - Creating Scroll to Action Function

• 6_ویژگی جستجو - صفحه بندی پویا در اسکرول (قسمت - 1) 6_Search Feature - Dynamic Pagination on Scroll (Part - 1)

• 7_ویژگی جستجو - صفحه بندی پویا در اسکرول (بخش - 2) 7_Search Feature - Dynamic Pagination on Scroll (Part - 2)

• 8_ویژگی جستجو - اضافه کردن بارگذار پویا در جستجو 8_Search Feature - Adding Dynamic Loader on Search

واکشی و تنظیم کاربر Fetch and Set User

• 1_Fetch and Set User - افزودن رویداد کلیک در نمایه های جستجو 1_Fetch and Set User - Adding Click Event on Search Profiles

• 2_Fetch and Set User - ایجاد عملکرد واکشی داده ها 2_Fetch and Set User - Creating Data Fetching Function

• 3_Fetch and Set User - اضافه کردن لودرهای پویا در صورت درخواست 3_Fetch and Set User - Adding Dynamic Loaders at Request

قابلیت ارسال پیام Message Sending Feature

• 1_ارسال پیام - تنظیم شناسه کاربر نهایی به صورت جهانی 1_Message Sending - Setting End User Id Globally

• 2_ارسال پیام - کار با ارسال پیام (قسمت - 1) 2_Message Sending - Working with Message Sending (Part - 1)

• 3_ارسال پیام - کار با ارسال پیام (قسمت - 2) 3_Message Sending - Working with Message Sending (Part - 2)

• 4_ارسال پیام - کار با ارسال پیام (قسمت - 3) 4_Message Sending - Working with Message Sending (Part - 3)

• 5_ارسال پیام - کار با ارسال پیام (قسمت - 4) 5_Message Sending - Working with Message Sending (Part - 4)

• 6_ارسال پیام - ایجاد یک تابع محاسبه زمان 6_Message Sending - Creating a Time Calculating Function

• 7_ارسال پیام - کار با ارسال پیوست (قسمت -1) 7_Message Sending - Working with Attachment Sending (Part -1)

• 8_ارسال پیام - کار با ارسال پیوست (قسمت -2) 8_Message Sending - Working with Attachment Sending (Part -2)

• 9_ارسال پیام - کار با ارسال پیوست (قسمت -3) 9_Message Sending - Working with Attachment Sending (Part -3)

• 10_ارسال پیام - کار با ارسال پیوست (قسمت -4) 10_Message Sending - Working with Attachment Sending (Part -4)

واکشی پیام ها Fetching Messages

• 1_واکشی پیام - مخفی کردن جعبه گفتگو در ابتدا (قسمت - 1) 1_Fetching Messages - Hide the Chat Box Initially (Part - 1)

• 2_واکشی پیام ها - مخفی کردن جعبه گفتگو در ابتدا (قسمت - 2) 2_Fetching Messages - Hide the Chat Box Initially (Part - 2)

• 3_واکشی پیام ها - کار با واکشی پیام (قسمت -1) 3_Fetching Messages - Working with Message Fetching (Part -1)

• 4_واکشی پیام ها - کار با واکشی پیام (بخش -2) 4_Fetching Messages - Working with Message Fetching (Part -2)

• 5_واکشی پیام - کار با واکشی پیام (بخش -3) 5_Fetching Messages - Working with Message Fetching (Part -3)

• 6_Fetching Messages - Scroll to Bottom Function 6_Fetching Messages - Working Scroll to Bottom Function

• 7_واکشی پیام ها - صفحه بندی Ajax در حال کار (بخش - 1) 7_Fetching Messages - Working Ajax Pagination (Part - 1)

• 8_واکشی پیام ها - صفحه بندی Ajax در حال کار (بخش - 2) 8_Fetching Messages - Working Ajax Pagination (Part - 2)

• 9_واکشی پیام ها - نمایش لودر پویا 9_Fetching Messages - Showing Dynamic Loader

واکشی مخاطبین Fetching Contacts

• 1_واکشی مخاطبین - کار با مخاطبین (بخش - 1) 1_Fetching Contacts - Working with Contacts (Part - 1)

• 2_واکشی مخاطبین - کار با مخاطبین (بخش - 2) 2_Fetching Contacts - Working with Contacts (Part - 2)

• 3_واکشی مخاطبین - کار با مخاطبین (بخش - 3) 3_Fetching Contacts - Working with Contacts (Part - 3)

• 4_واکشی مخاطبین - کار با مخاطبین (بخش - 4) 4_Fetching Contacts - Working with Contacts (Part - 4)

• 5_واکشی مخاطبین - کار با صفحه بندی 5_Fetching Contacts - Working with Pagination

• 6_واکشی مخاطبین - رفع برخی از مشکلات طراحی 6_Fetching Contacts - Fixing Some Design Issues

• 7_واکشی مخاطبین - کار با مخاطب به روز رسانی (بخش - 1) 7_Fetching Contacts - Working with Update Contact (Part - 1)

• 8_واکشی مخاطبین - کار با مخاطب به روز رسانی (بخش - 2) 8_Fetching Contacts - Working with Update Contact (Part - 2)

• 9_واکشی مخاطبین - پیام ویژگی دیده نشده 9_Fetching Contacts - Message Seen Unseen Feature

• 10_واکشی مخاطبین - کار با صندوق ورودی شخصی 10_Fetching Contacts - Working with Personal Inbox

مخاطبین مورد علاقه Favorite Contacts

• 1_مخاطبین مورد علاقه - تنظیم مخاطب دلخواه (قسمت 1) 1_Favorite Contacts - Set Favorite Contact (Part - 1)

• 2_مخاطبین مورد علاقه - تنظیم مخاطبین مورد علاقه (قسمت 2) 2_Favorite Contacts - Set Favorite Contact (Part - 2)

• 3_مخاطبین مورد علاقه - تنظیم مخاطب دلخواه (بخش - 3) 3_Favorite Contacts - Set Favorite Contact (Part - 3)

• 4_مخاطبین مورد علاقه - نمایش مخاطبین مورد علاقه (بخش - 1) 4_Favorite Contacts - Showing Favorite Contacts (Part - 1)

• 5_مخاطبین مورد علاقه - نمایش مخاطبین مورد علاقه (قسمت - 2) 5_Favorite Contacts - Showing Favorite Contacts (Part - 2)

گالری تصاویر مشترک Shared Image Gallery

• 1_Image Gallery - کار با گالری تصاویر اشتراکی 1_Image Gallery - Working with Shared Image Gallery

حذف پیام Delete Message

• 1_Delete Message - کار با ویژگی Delete Message (بخش - 1) 1_Delete Message - Working with Delete Message Feature (Part - 1)

• 2_Delete Message - کار با ویژگی Delete Message (بخش - 2) 2_Delete Message - Working with Delete Message Feature (Part - 2)

ارسال پیام در زمان واقعی Sending Message Real Time

• 1_پیام بیدرنگ - بحث اساسی در آینده چه خواهیم کرد 1_Realtime Message - Basic Discussion What We Will Do Next

• 2_پیام بیدرنگ - راه اندازی Pusher (قسمت - 1) 2_Realtime Message - Setting up Pusher(Part - 1)

• 3_پیام بیدرنگ - راه اندازی Pusher (قسمت -2) 3_Realtime Message - Setting up Pusher (Part -2)

• 4_پیام بیدرنگ - کار با پخش رویداد 4_Realtime Message - Working with Event Broadcasting

• 5_پیام بیدرنگ - گوش دادن به رویدادها از طریق اکو 5_Realtime Message - listening to Events via Echo

• 6_Realtime Message - افزودن پیام به Dom 6_Realtime Message - Adding Message to Dom

• 7_Realtime Message - نمایش به‌روزرسانی نمایه بلادرنگ 7_Realtime Message - Showing Update Profile Realtime

• 8_Realtime Message - پخش صدای اعلان در پیام 8_Realtime Message - Playing Notification Sound on Message

حضور کاربر User Presence

• 1_حضور کاربر - افزودن کانال حضور 1_User Presence - Adding Presence Channel

• 2_حضور کاربر - نمایش کاربرانی که آنلاین هستند 2_User Presence - Showing Which Users are Online

• 3_حضور کاربر - نمایش وضعیت بسته به پیوستن به خروج 3_User Presence - Showing Status Depending on Joining Leaving

• 4_حضور کاربر - بررسی فعالیت کاربر آنلاین (بخش - 1) 4_User Presence - Checking User Activity Online (Part - 1)

• 5_حضور کاربر - بررسی فعالیت کاربر آنلاین (بخش - 2) 5_User Presence - Checking User Activity Online (Part - 2)

• 6_حضور کاربر - بررسی فعالیت کاربر آنلاین (بخش - 3) 6_User Presence - Checking User Activity Online (Part - 3)

• 7_حضور کاربر - بررسی فعالیت کاربر آنلاین (بخش - 4) 7_User Presence - Checking User Activity Online (Part - 4)

ویژگی خروج Logout Feature

• 1_ویژگی خروج - افزودن ویژگی خروج 1_Logout Feature - Adding Logout Feature

رفع اشکال Bug Fixing

• 1_رفع اشکال - رفع مشکل پاسخگو 1_Bug Fixing - Fixing Responsive Issue

• 2_رفع اشکال - رفع برخی از اشکالات شناخته شده (بخش - 1) 2_Bug Fixing - Fixing Some Known Bug (Part - 1)

• 3_رفع اشکال - رفع برخی از اشکالات شناخته شده (بخش - 2) 3_Bug Fixing - Fixing Some Known Bug (Part - 2)

• 4_رفع اشکال - رفع برخی از اشکالات شناخته شده (قسمت - 3) 4_Bug Fixing - Fixing Some Known Bug (Part - 3)

• 5_رفع اشکال - رفع برخی از اشکالات شناخته شده (بخش - 4) 5_Bug Fixing - Fixing Some Known Bug (Part - 4)

• 6_رفع اشکال - رفع برخی از اشکالات شناخته شده (بخش - 5) 6_Bug Fixing - Fixing Some Known Bug (Part - 5)

• 7_رفع اشکال - رفع برخی از اشکالات شناخته شده (قسمت - 6) 7_Bug Fixing - Fixing Some Known Bug (Part - 6)

کد منبع Source Code

• الگو، منبع، کد اعتبار و پایگاه داده Template, Source, Credentials Code and Database