Udemy – Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia 2024-9

Description

Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia course. Using 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 the following:

• Use 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 markers proportionally
• Learn how to use Flexbox tricks to keep messages coming in
• Learn database seeding techniques in Laravel
• Learn how to use API Resources in Laravel
• Learn how to display date and time in a better format
• Learning how to listen to events broadcast from the backend and react to them appropriately
• We will also learn how to listen for users logging in and out of events and add or remove them to the list of online users.

All this situation will be managed on the client side using Pinia. By the end of this course, you’ll have built a feature-rich real-time chat application that demonstrates your understanding of front-end and back-end technologies, perfect 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 display 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 your situation with Pinia
• Learn how to use flexbox tricks to keep messages in check
• Learning how to listen to events broadcast from the backend and react to them appropriately
• Learn how to listen for users to log in or out of events and add or remove them from the online user list

This course is suitable for people who

• Laravel developers who want to build real-time applications using InertiaJS, Vue 3 and Reverb.

Course specifications Build a Realtime Chat App with Laravel 11 Vue 3 and Pinia

• Publisher: Udemy
• Lecturer: Tapan Sharma
• Training level: beginner to advanced
• Training duration: 3 hours and 1 minute
• Number of courses: 21

Course topics

Course prerequisites

Course images

Sample video of the course

Download link

Download Part 1 – 1 GB

Download Part 2 – 530 MB

File(s) password: www.downloadly.ir

File size

1.53 GB