Vue and Socket.io for Real-Time Communication

Modern applications know how to keep users informed of realtime updates through notifications, popups, and other messages.
On the development side, the ability to not only create web apps but have them communicate in realtime is a quirky, standout skill for your resume. It’s interesting, useful, and powerful.
In this course, Mark Barton will show you how to use Socket.io to facilitate bi-directional client-server communication and notifications using Vue on the frontend. Socket.io is a JS library that connects a client-side library to a node.js server. In the course, you’ll see how to use Socket.io to broadcast simultaneously to all or targeted clients based on filters you set up — so the right people see the right message at the right time.
You’ll learn to set up and connect Socket.io with node.js and Vue, and you’ll get practice making informed, complex architectural decisions around realtime broadcast messaging.

• Getting started with Express and Socket.io
• Set up a simple Socket.io client to connect to the server.
• Connect a Vue.js Component to a Socket.io server
• Display a broadcast message using a Vuetify snackbar component which is sent via Socket.io
• Mapping a Socket.io id to a known User using an example Vue component.
• Build a Vue Component to send a message to specific users using Socket.io
• Handle Client and Server disconnects using Socket.io
• Sending an Image from Express to a Vue Component using Socket.io
• Building an acknowledgement function to a Vue Socket.io emit method