Description
Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia course. Leveraging the power of Laravel Reverb, let's build a real-time multi-room chat app with Laravel 11 and VueJS along with InertiaJS and use Pinia for state management. In this course, we will learn:
- Using the Intersection Observer API to automatically load previous chat messages when the user scrolls to the top of the chat interface
- Learn how to use presence channels to show online users for each room.
- Learn how to implement client-to-client communication using Laravel Echo to show who is typing and display typing indicators appropriately.
- Learn how to use Flexbox tricks to keep messages in place when you log in.
- Learn database seeding techniques in Laravel
- Learn how to use the Resources API in Laravel
- Learn how to display dates and times in a better format
- Learn how to listen to events broadcast from the backend and react to them appropriately.
- We will also learn how to listen for user logout or login events and add or remove them from the list of online users.
All of this will be handled on the client side using Pinia. By the end of this course, you will have built a feature-rich real-time chat application that demonstrates your understanding of front-end and back-end technologies and is suitable for any developer looking to improve their skills in developing dynamic web applications.
What you will learn in the Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia course
- Learn how to integrate Laravel with Reverb to build real-time applications.
- Learn how to expose user typing events using Whisper and implement client-to-client communication.
- Learn how to use presence channels to show online users for each room.
- Learn how to use the Intersection Observer API to automatically load previous chat messages.
- Learn to manage situations with Pinia
- Learn how to use flexbox tricks to keep messages in place when logged in
- Learn how to listen to events broadcast from the backend and react to them appropriately.
- Learn how to listen for users to log out or log in from events and add or remove them from the list of online users.
This course is suitable for people who:
- Laravel developers who want to build real-time applications using InertiaJS, Vue 3, and Reverb.
Course details
- Publisher: Udemy
- Instructor: Tapan Sharma
- Training level: Beginner to advanced
- Training duration: 3 hours and 1 minute
- Number of lessons: 21
Course headings
Course prerequisites
- Beginner level knowledge of PHP/Laravel and VueJS is required
Course images
