چت بیدرنگ با Laravel-Livewire: برنامه بلند از ابتدا
Realtime Chat with Laravel-Livewire: Tall App from Scratch
مهارت‌های توسعه خود را به سطح بالاتری ببرید و با فناوری‌های پیشرفته Laravel، Livewire، و TALL-Stack قدرتمند (Tailwind CSS، Alpine.js، Laravel و Alpine.js) به هنر ساختن برنامه‌های چت بلادرنگ تسلط پیدا کنید. لایو وایر). در سفری متحول کننده به من بپیوندید که شما را قادر می سازد تا سیستم های چت پویا و تعاملی ایجاد کنید.
با ثبت نام در این دوره، دانش و تخصص لازم برای استفاده از پتانسیل واقعی Laravel و Livewire را به دست خواهید آورد و نقاط قوت آنها را برای ایجاد یک برنامه چت قوی، کارآمد و تعاملی ترکیب می کنید. لاراول که به عنوان یکی از محبوب‌ترین فریم ورک‌های PHP مشهور است، پایه محکمی برای پروژه شما فراهم می‌کند، در حالی که Livewire سادگی و تعامل را در خط مقدم قرار می‌دهد.
اما به همین جا ختم نمی شود. با گنجاندن Tailwind CSS، ابزارهایی برای طراحی رابط‌های جذاب و کاربرپسند خواهید داشت که تأثیری ماندگار بر روی کاربران شما می‌گذارد. Tailwind CSS یک رویکرد کاربردی را ارائه می دهد که به شما امکان می دهد به راحتی به برنامه چت خود سبک دهید و اطمینان حاصل کنید که در دستگاه ها و اندازه های مختلف صفحه نمایش پاسخگو است.
در طول دوره، ما فایل‌ها و منابع درسی جامعی را ارائه می‌کنیم و تجربه یادگیری یکپارچه را تضمین می‌کنیم. به راحتی می توانید فایل های ارائه شده را دنبال کنید و به شما امکان می دهد فیلم ها را با سرعت دلخواه خود تماشا کنید. علاوه بر این، تمام کدهای دوره در پیوند منبع GitHub ما در دسترس است، و به شما امکان دسترسی به پایگاه کد کامل را برای مراجعات و کاوش های بعدی می دهد.
اکنون زمان شروع این سفر هیجان انگیز برای ساخت یک برنامه چت بیدرنگ شگفت انگیز و پاسخگو است. این فرصت را از دست ندهید تا مهارت های توسعه خود را افزایش دهید و برنامه ای ایجاد کنید که هم مشتریان و هم کاربران را تحت تاثیر قرار دهد. امروز به ما بپیوندید و بیایید پتانسیل Laravel، Livewire، و TALL-Stack را با هم باز کنیم.
مقدمه Introduction
-
اپلیکیشن لاراول جدید بسازید Create new Laravel application
-
Breeze را نصب کنید Install Breeze
-
Livewire را نصب کنید Install Livewire
طراحی اجزای فهرست چت ChatList Component Design
-
ایجاد نمایه Create Index
-
کامپوننت <x-avatar/> را ایجاد کنید Create <x-avatar /> component
-
سرصفحه لیست چت Chat list header
-
مورد فهرست چت Chatlist Item
طراحی اجزای چت باکس ChatBox Component Design
-
چت.چت Chat.Chat
-
چت باکس ChatBox
-
سربرگ چت باکس Chatbox Header
-
پیام های چت باکس Chatbox messages
-
پاورقی چت باکس Chatbox Footer
ایجاد مدل ها و مهاجرت ها Create Models and Migrations
-
میز گفتگو Conversation table
-
جدول پیام ها Messages Table
روابط طراحی، حوزه ها و روش ها Design Relationships, scopes and methods
-
رابطه گفتگو Conversation Relationship
-
ارتباط پیام Message Relationship
-
ارتباط کاربر User Relationship
لیست کاربری و مکالمه ایجاد کنید Create userlist and conversation
-
ایجاد لیست کاربران Create Users list
-
ایجاد مکالمه Create Conversation
مکالمه را از پارامتر پرس و جو دریافت کنید Get conversation from query parameter
-
SelectedConversation را در چت اصلی بارگیری کنید Load SelectedConversation in Main Chat
دریافت همه مکالمات Get All Conversations
-
بارگیری همه مکالمات Load All Conversations
-
به SelectedChat بروید Scroll to SelectedChat
ارسال پیام و بارگیری پیام ها Sending message & Load Messages
-
مکالمه انتخابی را باطل کنید و گیرنده دریافت کنید Make Selected Conversation nullable & Get Receiver
-
ارسال و ذخیره پیام به پایگاه داده Send and save message to database
-
بارگذاری پیام ها Load messages
-
وضعیت خواندن پیام Message read Status
-
پیام را به چت باکس فشار دهید Push message to Chatbox
-
نمایش زمان پیام Show Message time
-
چت را به پایین اسکرول کنید Scroll Chat to bottom
-
مخفی کردن آواتار پیام تأیید Hide Avatar of Auth Message
-
به‌روزرسانی مکالمه updated_at هنگام ارسال پیام جدید Update conversation updated_at when new message sent
-
رویداد را به چت لیست ارسال کنید Emit event to Chatlist
علامت گذاری پیام ها به عنوان خوانده شده Mark Messages As Read
-
علامت گذاری پیام ها در چت اصلی Mark Messages in Main Chat
فهرست چت را بازخوانی کنید، تعداد پیام های خوانده نشده را دریافت کنید Refresh Chatlist ,Get Unread Messages Count
-
به رویداد منتشر شده در Chatlist گوش دهید Listen to emitted event in Chatlist
-
تعداد پیام های خوانده نشده را دریافت کنید Get Unread messages count
-
وضعیت خواندن پیام لیست چت Chatlist Message Read Status
بارگیری پیام های بیشتر Load More Messages
-
بارگیری پیام های بیشتر Load more messages
-
به‌روزرسانی موقعیت اسکرول چت Update Chat Scroll Position
پخش Broadcasting
-
Pusher SDK و Laravel Echo را نصب کنید Install Pusher SDK & Laravel Echo
-
اعلان پیام ارسال شده MessageSent Notification
-
گوش دادن به اعلان پیام ارسال شده Listen MessageSent Notification
-
اضافه کردن مشاغل در صف Add Queued Jobs
-
اطلاعیه MessageRead MessageRead Notification
-
علامت گذاری پیام به عنوان خوانده شده با استفاده از Alpine.js در Chatbox Mark message AsRead using Alpine.js in Chatbox
-
به روز رسانی لیست چت پس از پخش پیام Update Chatlist After message is broadcasted
حذف مکالمات Deleting Conversations
-
حذف مکالمه با روش کاربر Delete Conversation By User Method
-
مکالمات حذف شده را فیلتر کنید Filter Deleted Conversations
-
فیلتر کردن پیام های حذف شده Filter Deleted Messages
Udemy (یودمی)
یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.
https://donyad.com/d/d2d24c
Namu Makwembo
توسعه دهنده وب FullStack | لاراول | فلاتر | | پشته بلند
نمایش نظرات