|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/realtime-chat-app-with-laravel-vue-and-pinia/
课程评论：没有评论
课程名称：使用 Laravel 11、Vue 3 和 Pinia 构建实时聊天应用 概述：本课程将引导您使用 Laravel Reverb 的强大功能，构建一个实时多房间聊天应用。我们将使用 Laravel 11 和 VueJS，结合 InertiaJS，并运用 Pinia 进行状态管理。课程内容包括： - 使用 Intersection Observer API 在用户向上滚动聊天界面时自动加载之前的聊天消息 - 学习如何使用存在通道显示每个房间的在线用户 - 实现客户端之间的通信，使用 Laravel Echo 显示正在输入的用户，并相应地显示输入指示器 - 学习使用 Flexbox 技巧，使消息在滚动时始终保持可见 - 掌握在 Laravel 中的数据库填充技术 - 学习如何在 Laravel 中使用 API 资源 - 学习如何展示格式更好的日期和时间 - 监听来自后端的广播事件并作出相应反应 - 处理用户加入或离开事件，并相应地添加/移除在线用户列表 所有这些状态都将在客户端通过 Pinia 进行管理。到课程结束时，您将构建一个功能丰富的实时聊天应用，展示您对前端和后端技术的理解，非常适合任何希望提升动态网页应用开发技能的开发者。
Using the power of Laravel Reverb, let's build a real-time multi-room chat application with Laravel 11 and VueJS with InertiaJS, pulling in Pinia for state management.We'll cover:Using the Intersection Observer API to load previous chat messages automatically when the user scrolls to the top of the chat interfaceLearn how to Use presence channels to show online users for each roomLearn how to implement Client-to-client communication using Laravel Echo to show who's typing and display the typing indicators accordinglyLearn how to use Flexbox tricks to keep messages scrolled into view as they roll inLearn database seeding techniques in LaravelLearn how to use API Resources in LaravelLearn how to display better-formatted dates and timesLearn how to listen for Broadcasted events from the backend and react to them accordinglyWe'll also learn how to listen for users leaving or joining events and add/remove them from the online user listAll of this state will be managed on the client side, using PiniaBy the end of this course, you will have built a feature-rich, real-time chat application that showcases your understanding of front-end and back-end technologies, perfect for any aspiring developer looking to enhance their skills in dynamic web application development.
