Create Chat Applicaton Using Flask-SocketIO - Chat App Part12

In this video we will build the core of the chat application using Flask-SocketIO. We will cover event handlers, learn the difference between send & emit, and set up rooms (join rooms & leave rooms). This is part 12 of the 13 part video series on creating a chat application.

Table of Contents:
00:42 - Introduction to SocketIO events
04:25 - How to create event handlers in SocketIO
05:22 - How to use 'send' on server side
07:28 - Layout of the chat page HTML
12:21 - How to write the client-side JavaScript
13:54 - How to use 'send' from client-side
18:10 - Difference between send and emit
24:12 - How to append username to chat messages
31:47 - How to append timestamp to chat messages
36:11 - How to create, join and leave rooms

Resources:
Download source file: https://github.com/sandeepsudhakaran/...
Live link to final chat app: https://rchat-app.herokuapp.com/

Links referenced in this video:
Flask-SocketIO: https://flask-socketio.readthedocs.io...
Python time module: https://docs.python.org/3/library/tim...

Videos in this series:
Part 0. Intro video:    • Create a Chat Application (Introducti...  
Part 1. Setup virtual environment, Heroku & PostgreSQL:    • Setup Virtual Environment, Create Her...  
Part 2. Create basic Flask app:    • Use Flask (render_template) to Create...  
Part 3 . Add a basic form to the page using WTForms:    • How to Use WTForms and Flask-WTF to C...  
Part 4. Cleaner code with WTForms Macros:    • How to Use Macros with Flask Template...  
Part 5. Use SQLAlchemy and Flask-SQLAlchemy to connect form to PostgreSQL database:    • Flask-SQLAlchemy & PostgreSQL to Crea...  
Part 6. Custom validator for WTForms/Flask-WTF:    • How to Use WTForm / Flask-WTF Custom ...  
Part 7: Create a login page:    • Create Login Page with Python Flask S...  
Part 8: Hashing with PBKDF2 / Passlib:    • Use Passlib (PBKDF2) in Python/Flask ...  
Part 9. Session management with Flask-Login:    • Manage Sessions with Flask-Login - Ch...  
Part 10. Use Flask's message flashing:    • Use Flask's Message Flashing with Cat...  
Part 11. Introduction to Polling, WebSocket & Socket.IO:    • Polling vs WebSockets vs Socket.IO (S...  
Part 12. Use Flask-SocketIO to create the chat app: This video
Part 13. Deploy Flask app in Heroku:    • Deploying Flask App to Heroku - Chat ...