Laravel-Livewire Chat-Message app (Realtime) from scratch

Laravel-Livewire Chat-Message app (Realtime) from scratch, available at $59.99, has an average rating of 3.65, with 36 lectures, based on 28 reviews, and has 152 subscribers.

You will learn about Create a realtime app chat with Laravel- Livewire Deliver our messages to other users in realtime without the need for them to refresh their own page using Laravel Broadcasting Send feedback when a message is has been read Show unread messages Count display ticks for our messages Transmit private messages and events in realtime This course is ideal for individuals who are This course is for those who already have basic knowledge in Laravel and Livewire, you can increase your knowledge and move a step further in your programming career by learning how to use realtime features in your web applications It is particularly useful for This course is for those who already have basic knowledge in Laravel and Livewire, you can increase your knowledge and move a step further in your programming career by learning how to use realtime features in your web applications.

Enroll now: Laravel-Livewire Chat-Message app (Realtime) from scratch

Summary

Title: Laravel-Livewire Chat-Message app (Realtime) from scratch

Price: $59.99

Average Rating: 3.65

Number of Lectures: 36

Number of Published Lectures: 36

Number of Curriculum Items: 36

Number of Published Curriculum Objects: 36

Original Price: $24.99

Quality Status: approved

Status: Live

What You Will Learn

Create a realtime app chat with Laravel- Livewire
Deliver our messages to other users in realtime without the need for them to refresh their own page using Laravel Broadcasting
Send feedback when a message is has been read
Show unread messages Count
display ticks for our messages
Transmit private messages and events in realtime

Who Should Attend

This course is for those who already have basic knowledge in Laravel and Livewire, you can increase your knowledge and move a step further in your programming career by learning how to use realtime features in your web applications

Target Audiences

This course is for those who already have basic knowledge in Laravel and Livewire, you can increase your knowledge and move a step further in your programming career by learning how to use realtime features in your web applications

Create a realtime ‘one to one’ responsive chat application that you can add to your Laravel-Livewire website , unlike other chat applications which use ‘polling’ , in this course we are going to use realtime broadcasting with Laravel so we deliver our messages in realtime to other users without the need for them to refresh their own page .

You will also learn how to send feedback/notification when a user receives a message. All this in real time 🙂

In this course you will learn how to :

Setup the Database structure of our Chat system
Create/start a new conversation with any user
Implement ‘read & unread‘ messages count
Add ticks on our messages
Use the CSS super power SASSto design our chat component 🙂
Make our chat responsive on all devices ; Mobile ,Tablet ,desktop
Share data between Livewire components
Reduce server requests by updating only a few parts of our Chat Component using Livewire features

Who Should Take This Course?

both beginners and experienced Laravel web developers will benefit from this step by step set of tutorials. We will also be using some basic , JavaScript, and jQuery.
Students taking this course are required to have some basic knowledge in Laravel Livewire as it will be the core concept of our realtime front end architecture

Course Curriculum

Chapter 1: Introduction

Lecture 1: Create a new Laravel application

Lecture 2: install Breeze auth system

Lecture 3: install sqlite DB browser

Lecture 4: Creating models & migrate

Lecture 5: Create relationships

Chapter 2: Install livewire

Lecture 1: install Livewire and make components

Lecture 2: setup a structure for Livewire blade

Chapter 3: CSS /javascript downloads

Lecture 1: download Prepos Sass compiler

Lecture 2: download css & jquery

Chapter 4: Design our chat Component

Lecture 1: Design Chat container

Lecture 2: Design Chatlist part 1

Lecture 3: Design Chatlist part 2

Lecture 4: Design Chatbox Header

Lecture 5: Design Chatbox Message body

Lecture 6: Design Send Message Component

Lecture 7: import Add Breakpoints to SASS

Chapter 5: Lets make Chat dynamic

Lecture 1: Show Users

Lecture 2: Create New Conversation

Lecture 3: Show all conversations

Lecture 4: Select a conversation

Lecture 5: Load messages

Lecture 6: Lets update our Avatars

Lecture 7: Send & save message to database

Lecture 8: Push message & scroll chat to Bottom

Lecture 9: Load more messages

Lecture 10: Final lets Chat between two users

Chapter 6: Broadcasting messages, notifications ,unread messages & realtime Feedback

Lecture 1: Introduction to Broadcasting , events , Laravel Echo and Pusher

Lecture 2: Set up Pusher

Lecture 3: install laravel Echo

Lecture 4: Create MessageSent Event and broadcasting our message

Lecture 5: Receive broadcasted message through Laravel Echo

Lecture 6: Push our broadcasted message

Lecture 7: Reset our chat component when we exit chat

Lecture 8: Show blue ticks

Lecture 9: Mark message as read

Lecture 10: Unread Count

Instructors

Namu Makwembo
FullStack Web Developer | Laravel | Flutter | | TALL Stack

Rating Distribution

1 stars: 3 votes
2 stars: 1 votes
3 stars: 3 votes
4 stars: 9 votes
5 stars: 12 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu