Spring boot & WebSockets: Build a Real-Time Chat App From Scratch
Bouali Ali Bouali Ali
40.4K subscribers
89,930 views
0

 Published On Jun 12, 2023

🔥 Secure your spot now and embark on your journey to becoming a Spring Boot master!🔥
https://aliboucoding.com/p/spring-boo...
🎁 🚀 COUPON Code: EARLY_BIRD_30

#websockets #springboot3 #Java #Tutorial #WebDevelopment

Unlock the power of real-time communication in web development with our comprehensive and interactive tutorial on WebSockets! In this step-by-step guide, you'll learn to build a fully functional chat application from scratch, perfect for beginners and intermediate learners alike.

🎁 Spring Data JPA course: https://aliboucoding.com/p/the-full-g...
🎁 🚀 COUPON Code: EARLYBIRD20

🔗 Source code: https://github.com/ali-bouali/spring-...

🎟 Join this channel to get access to perks:    / @boualiali  

Recommended Courses:
🎬 Spring Boot security & JWT token:    • Spring boot 3.0 - Secure your API wit...  
🎬 Spring security - Roles and permissions:    • Spring boot 3 & Spring security 6 - R...  
🎬 Spring Boot - Microservices architecture:    • Microservices tutorial with Spring bo...  
🎬 DevOps - Github Actions CI/CD:    • GitHub Actions CI/CD pipeline | Step ...  
🎬 Spring Security - KeyCloak integration:    • Spring boot 3 Keycloak integration fo...  
🎬 DevOps - Docker for Beginners:    • Docker tutorial for beginners | [In 2...  
🎬 DevOps - AWS EC2 deployment:    • 🚀 Deploy Spring boot application to A...  
🎬 Angular - Full course from scratch:    • Angular Tutorial For Beginners | 3 Ho...  
🎬 Websocket - Chat application one to one:    • WebSocket Tutorial with Spring Boot |...  
🎬 Spring Security - Two Factors Authentication 2FA (TFA):    • Two Factor Authentication & JWT | Spr...  
🎬 Spring Boot - Swagger UI & OpenApi Decomentation :   • Spring boot 3 - OpenApi Documentation...  
🎬 Spring Boot - Reactive programming & WebFlux:   • Reactive Programming with Spring Boot...  
🎬 Spring Data JPA & Hibernate:    • Spring Data JPA - The Introduction co...  
🎬 Apache Kafka:    • Apache Kafka Tutorial with Spring Boo...  

CONNECT WITH ME:
👨‍💻. Website: https://aliboucoding.com
👨‍🏫 Facebook:   / 589612651142975  
📸 Instagram:   / alibou_coding  
🎮 GitHub: https://github.com/ali-bouali
🏘️ Discord:   / discord  

This tutorial is designed to simplify complex concepts and guide you through the entire process of creating a real-time, two-way communication system. We start from the basics of WebSocket technology, how it enables seamless data flow between clients and servers, then quickly delve into the hands-on coding part.

Here's what you'll gain from this video:

1️⃣ Clear understanding of WebSockets and their role in real-time web applications.
2️⃣ Practical knowledge of how to set up WebSocket connections.
3️⃣ Implement a chat application, learning to send and receive messages in real-time.
4️⃣ Deal with real-world challenges like connection errors and system failovers.
5️⃣ Best practices for security and scalability when using WebSockets.

By the end of the tutorial, you will not only know the theory but also have a fully functional chat app that you have built yourself!

Our unique, student-friendly approach makes this the perfect video for those new to WebSockets or those looking to solidify their understanding. It's a must-watch for aspiring web developers, full-stack engineers, and computer science students.

If you've been searching for a comprehensive, easy-to-follow guide on WebSockets and real-time application development, your search ends here!

Don't forget to subscribe for more such insightful tutorials and hit the bell icon for updates on future videos.

Be sure to like, share, and comment if you found this tutorial helpful. Your feedback drives our content. Happy coding!

Table of Content:
00:00 Introduction
01:44 What is Websocket
06:34 HTTP VS Websocket
09:12 Websocket Hanshake
11:43 Future application
12:24 Create a new Spring boot project
13:41 Add Websocket broker config
17:44 Add disconnect event listener
20:02 Implement the char controller
27:09 Finish the disconnect event listener
30:36 Add the HTML page
36:56 Implement the Javascript
55:30 Test the chat application
58:20 Outro

show more

Share/Embed