Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Real Time Chat With Laravel Broadcast, Pusher and Vuejs
Rating: 4.3 out of 5(858 ratings)
48,993 students

Real Time Chat With Laravel Broadcast, Pusher and Vuejs

Learn how to broadcast and receive message without refreshing your page. Learn it to Enhance your coding skill
Created bySarthak Shrivastava
Last updated 5/2018
English
English [Auto],

What you'll learn

  • You will be able to create a chat room with some awesome features

Course content

2 sections • 11 lectures • 2h 44m total length

  • See what we are going to create1:51

    Build a real-time chat app with laravel broadcast, pusher, and vuejs, showing two users in a chat with typing indicators, message sending, timestamps, and join/leave events.

  • Setting Up Project13:15

    Set up a fresh real-time chat project with Laravel, Pusher, and Vue.js by installing dependencies, compiling assets with npm, and building a Bootstrap-based chat interface.

  • How to Use Vuejs with Laravel13:51

    Learn to build a real-time chat system with Laravel broadcast, Pusher, and Vuejs by wiring Vue components, data binding, and live message updates.

  • Vuejs Chat Scroll7:33

    Build a real-time chat UI with Vuejs, implementing auto-scroll, unique keys for v-for loops, and styling to distinguish incoming and outgoing messages, while setting up Pusher broadcasting with Laravel.

  • Event to Broadcast10:03

    Learn to implement a real-time chat using Laravel Broadcast, Pusher, and Vue.js by creating and broadcasting events, configuring the broadcast service provider, and securing channels with authentication.

  • Configure Pusher9:06

    Configure Pusher for real-time broadcasting by creating a Pusher app, setting the cluster, updating the Laravel broadcasting config, installing Laravel Echo, and testing a broadcast route.

  • Listen Laravel Echo13:15

    Master real-time chat by listening to Laravel Echo broadcasts on a chat channel, handling authorized private channels, and testing message delivery through broadcasting and event listeners.

  • User Event - Typing12:17

    Implement a real-time typing indicator in a Laravel broadcast, Pusher, and Vue.js chat app by subscribing to typing events, updating the UI, and displaying message times.

  • User Joined or Leaved11:08

    Learn to implement real-time join and leave notifications in chat rooms using Laravel broadcast, Pusher, and Vue.js, displaying user counts and toaster alerts.

  • Save chats to Session16:39

    Persist chat messages in the session to keep conversations across page reloads, using a save-to-session workflow and session checks for a real-time Laravel chat.

Requirements

  • You must have good knowledge of Laravel Framework and Vue Js

Description

Real Time Chat With Laravel Broadcast, Pusher and Vuejs

If you want to have a great project listed in your resume, then this is the best project for you.

In this cource we will going to create chat room, where you will going to see how many people are currently joined the room, 

There will be room joining or leaving notification.

"Typing" message if other person is typing.

Send message or received message timing.

There is lot more in this course.

Who this course is for:

  • Laravel Lovers, who want to enhance their knowledge

Report abuse