{"id":5878,"date":"2026-08-10T09:27:33","date_gmt":"2026-08-10T09:27:33","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/udemy-build-a-realtime-chat-app-with-laravel-11-vue-3-and-pinia-2024-9\/"},"modified":"2026-08-10T09:27:33","modified_gmt":"2026-08-10T09:27:33","slug":"udemy-build-a-realtime-chat-app-with-laravel-11-vue-3-and-pinia-2024-9","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/udemy-build-a-realtime-chat-app-with-laravel-11-vue-3-and-pinia-2024-9\/","title":{"rendered":"Udemy \u2013 Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia 2024-9"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"7:1-7:165\"><span style=\"vertical-align: inherit\">Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia course. Using the power of Laravel Reverb, let\u2019s 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:<\/span><\/p>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"11:1-20:0\">\n<li data-sourcepos=\"11:1-11:112\"><span style=\"vertical-align: inherit\">Use the Intersection Observer API to automatically load previous chat messages when the user scrolls to the top of the chat interface<\/span><\/li>\n<li data-sourcepos=\"12:1-12:83\"><span style=\"vertical-align: inherit\">Learn how to use presence channels to show online users for each room<\/span><\/li>\n<li data-sourcepos=\"13:1-13:158\"><span style=\"vertical-align: inherit\">Learn how to implement client-to-client communication using Laravel Echo to show who is typing and display typing markers proportionally<\/span><\/li>\n<li data-sourcepos=\"14:1-14:79\"><span style=\"vertical-align: inherit\">Learn how to use Flexbox tricks to keep messages coming in<\/span><\/li>\n<li data-sourcepos=\"15:1-15:51\"><span style=\"vertical-align: inherit\">Learn database seeding techniques in Laravel<\/span><\/li>\n<li data-sourcepos=\"16:1-16:50\"><span style=\"vertical-align: inherit\">Learn how to use API Resources in Laravel<\/span><\/li>\n<li data-sourcepos=\"17:1-17:46\"><span style=\"vertical-align: inherit\">Learn how to display date and time in a better format<\/span><\/li>\n<li data-sourcepos=\"18:1-18:85\"><span style=\"vertical-align: inherit\">Learning how to listen to events broadcast from the backend and react to them appropriately<\/span><\/li>\n<li data-sourcepos=\"19:1-20:0\"><span style=\"vertical-align: inherit\">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.<\/span><\/li>\n<\/ul>\n<p dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"21:1-21:67\"><span style=\"vertical-align: inherit\">All this situation will be managed on the client side using Pinia. By the end of this course, you\u2019ll 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.<\/span><\/p>\n<h3 class=\"\" dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"25:1-25:93\"><span style=\"vertical-align: inherit\">What you will learn in the Build a Realtime Chat App with Laravel 11 Vue 3 and Pinia course<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"27:1-35:0\">\n<li data-sourcepos=\"27:1-27:69\"><span style=\"vertical-align: inherit\">Learn how to integrate Laravel with Reverb to build real-time applications<\/span><\/li>\n<li data-sourcepos=\"28:1-28:100\"><span style=\"vertical-align: inherit\">Learn how to display user typing events using Whisper and implement client-to-client communication<\/span><\/li>\n<li data-sourcepos=\"29:1-29:83\"><span style=\"vertical-align: inherit\">Learn how to use presence channels to show online users for each room<\/span><\/li>\n<li data-sourcepos=\"30:1-30:89\"><span style=\"vertical-align: inherit\">Learn how to use the Intersection Observer API to automatically load previous chat messages<\/span><\/li>\n<li data-sourcepos=\"31:1-31:31\"><span style=\"vertical-align: inherit\">Learn to manage your situation with Pinia<\/span><\/li>\n<li data-sourcepos=\"32:1-32:79\"><span style=\"vertical-align: inherit\">Learn how to use flexbox tricks to keep messages in check<\/span><\/li>\n<li data-sourcepos=\"33:1-33:85\"><span style=\"vertical-align: inherit\">Learning how to listen to events broadcast from the backend and react to them appropriately<\/span><\/li>\n<li data-sourcepos=\"34:1-35:0\"><span style=\"vertical-align: inherit\">Learn how to listen for users to log in or out of events and add or remove them from the online user list<\/span><\/li>\n<\/ul>\n<h3 class=\"\" dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"36:1-36:30\"><span style=\"vertical-align: inherit\">This course is suitable for people who<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"38:1-39:0\">\n<li data-sourcepos=\"38:1-39:0\"><span style=\"vertical-align: inherit\">Laravel developers who want to build real-time applications using InertiaJS, Vue 3 and Reverb.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course specifications Build a Realtime Chat App with Laravel 11 Vue 3 and Pinia<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher: <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.udemy.com\/course\/realtime-chat-app-with-laravel-vue-and-pinia\/?couponCode=ST22MT92324A\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit\">Udemy<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Lecturer: <\/span><a class=\"ud-btn ud-btn-large ud-btn-link ud-heading-md ud-text-sm ud-instructor-links\" href=\"https:\/\/downloadlynet.ir\/tag\/tapan-sharma\/\" data-position=\"1\"><span class=\"ud-btn-label\"><span style=\"vertical-align: inherit\">Tapan Sharma<\/span><\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Training level: beginner to advanced<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Training duration: 3 hours and 1 minute<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of courses: 21<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course topics<\/span><\/h3>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/09\/Build-a-Realtime-Chat-App-with-Laravel-11-Vue-3-and-Pinia-1.png\" alt=\"Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia\" width=\"882\" height=\"123\"><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course prerequisites<\/span><\/h3>\n<div class=\"ud-block-list-item ud-block-list-item-small ud-block-list-item-tight ud-block-list-item-neutral ud-text-sm\" dir=\"ltr\" style=\"text-align: left\">\n<ul>\n<li class=\"ud-block-list-item-content\" dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Beginner level knowledge of PHP\/Laravel and VueJS is required<\/span><\/li>\n<\/ul>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-930297 \" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/09\/Build-a-Realtime-Chat-App-with-Laravel-11-Vue-3-and-Pinia.png\" alt=\"Build a Realtime Chat App with Laravel 11 Vue 3 and Pinia\" width=\"767\" height=\"304\"><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Sample video of the course<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-139689-1\"><video class=\"wp-video-shortcode\" id=\"video-139689-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Build_a_Realtime_Chat_App_with_Laravel_11_Vue_3_and_Pinia_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Build_a_Realtime_Chat_App_with_Laravel_11_Vue_3_and_Pinia_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Build_a_Realtime_Chat_App_with_Laravel_11_Vue_3_and_Pinia_Downloadly.ir.mp4?nocache=1786105510264\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Build_a_Realtime_Chat_App_with_Laravel_11_Vue_3_and_Pinia_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div dir=\"ltr\" style=\"text-align: left\">\n<h3><span style=\"vertical-align: inherit\">Installation guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">After Extract, view with your favorite Player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Subtitle: None<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 720p<\/span><\/p>\n<p><strong>Changes:<\/strong><\/p>\n<p>Version 2024\/9 compared to 2024\/8 has increased the number of 14 lessons and the duration of 2 hours and 13 minutes.<\/p>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Download link<\/span><\/h3>\n<p dir=\"ltr\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Build_a_Realtime_Chat_App_with_Laravel_11_Vue_3_and_Pinia_2024_9.part1_Downloadly.ir.rar?nocache=1786105509\"><span style=\"vertical-align: inherit\">Download Part 1 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Build_a_Realtime_Chat_App_with_Laravel_11_Vue_3_and_Pinia_2024_9.part2_Downloadly.ir.rar?nocache=1786105509\"><span style=\"vertical-align: inherit\">Download Part 2 \u2013 530 MB<\/span><\/a><\/p>\n<h5 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/h5>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">1.53 GB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia course. Using the power of Laravel Reverb, let\u2019s build a real-time multi-room chat app wi<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[57249,57250,57251,57252,57253,41407],"class_list":["post-5878","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-build-a-realtime-chat-app-with-laravel-11-vue-3-and-pinia","dgi_tag-download-build-a-realtime-chat-app-with-laravel-11-vue-3-and-pinia","dgi_tag-download-course-build-a-realtime-chat-app-with-laravel-11-vue-3-and-pinia","dgi_tag-free-build-a-realtime-chat-app-with-laravel-11-vue-3-and-pinia","dgi_tag-free-download-build-a-realtime-chat-app-with-laravel-11-vue-3-and-pinia","dgi_tag-tapan-sharma"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/5878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/5878\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=5878"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=5878"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=5878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}