'; ?>

Course Details

Mod APK Download - modapkhub
Course Image Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia - Free Course Pro
Author Logo Tapan Sharma

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

Course Info

Category

Development

Total Lectures

21

Total Duration

3 hours

Views

571

Requirements

Beginner level knowledge of PHP/Laravel and VueJS is Required
Free Source Code - Codeintra

Course Description

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 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’s typing and display the typing indicators accordingly

  • Learn how to use Flexbox tricks to keep messages scrolled into view as they roll in

  • Learn database seeding techniques in Laravel

  • Learn how to use API Resources in Laravel

  • Learn how to display better-formatted dates and times

  • Learn how to listen for Broadcasted events from the backend and react to them accordingly

  • We'll also learn how to listen for users leaving or joining events and add/remove them from the online user list

  • All of this state will be managed on the client side, using Pinia


By 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.

What you'll learn

Learn how to Integrate Laravel with Reverb to build Real-Time ApplicationsLearn how to display user typing events using Whisper and implement Client-to-Client communicationLearn how to use presence channels to show online users for each roomLearn how to use the Intersection Observer API to automatically load previous chat messagesLearn State management with PiniaLearn how to use flexbox tricks to keep messages scrolled into view as they roll inLearn how to listen for Broadcasted events from the backend and react to them accordinglyLearn how to listen for users leaving or joining events and add/remove them from the online user list

Who this course is for

Laravel Developers who want to Build Realtime Applications using InertiaJS, Vue 3 and Reverb

Rate this course using proper Emoji expressions

  • 1

  • 0

  • 0

  • 0

  • 1

  • DISCLAIMER

    The courses provided on freecourse.pro are sourced from freely available resources and are not hosted on our platform. We disclaim any responsibility for the usage of these files. The files are intended solely for educational purposes and we strongly discourage any other use. Downloading copyrighted material is against the law. We respect the hard work and effort put in by the course creators, developers, and owners. We strongly urge you to support them by purchasing the genuine version from the official website here.

    Trending Courses

    More