Socket.io Introduction - How to Build a Chat App

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

In this Socket.io Introduction you will learn how to build a chat app on both the server and client with Node.js and JavaScript. You will learn the difference between WebSockets and Socket.io along the way.

💖 Support me on Patreon ➜   / davegray  

⭐ Become a full-stack web dev with Zero To Mastery Courses:
Complete Next.js Developer: https://bit.ly/CompNextJSDev
Advanced React: https://bit.ly/AdvReactDev
Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

❓ Questions - Please post them to my Discord ➜   / discord  

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

👇 Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  

🔗 Source Code: https://github.com/gitdagray/build-ch...

🔗 Playlist for this Building a Chat App Course:    • Building a Chat App  

Socket.io Introduction - How to Build a Chat App

(00:00) Intro
(00:11) Welcome
(00:32) Lesson Goal
(00:44) Starter Code
(00:54) Socket.io vs WebSockets
(02:14) Node.js - require vs import
(03:28) Adding & Removing dependencies
(05:17) Socket.io server setup
(13:05) Socket.io client library
(15:39) Socket.io client app
(17:10) Running the server & clients

📚 Tutorial References:
🔗 Node.js Official Site: https://nodejs.org
🔗 MDN WebSockets: https://developer.mozilla.org/en-US/d...
🔗 Socket.io Official Site: https://socket.io/

⚙ Dependencies:
🔗 Socket.io: https://www.npmjs.com/package/socket.io
🔗 Socket.io Client library: https://cdnjs.com/libraries/socket.io

Was this tutorial providing a Socket.io introduction helpful? If so, please share. Let me know your thoughts in the comments.

#chat #socket #io