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

Part One of the Building a Chat App series provides an Intro to Websockets. We'll look at how websockets provide realtime communication by building a monorepo with a Node.js server and a frontend app.

⭐ 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 https://discord.gg/neKghyefqh

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

Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

Source Code: https://github.com/gitdagray/build-chat-app

Playlist for this Building a Chat App Course: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6NOkbTDxKi7grs_oxJhLu07

Building a Chat App - Intro to Websockets

(00:00) Intro
(00:10) Welcome
(00:31) Lesson Goal
(00:38) What are WebSockets?
(01:24) Install Node.js & confirm
(02:34) Start the Monorepo
(02:53) Set up server & dependencies
(04:46) Building the WebSockets server
(06:44) Building the frontend app (client)
(13:59) Running the server & client
(15:44) Displaying messages in the server terminal
(17:54) Multiple Client connections

Tutorial References:
Node.js Official Site: https://nodejs.org
MDN WebSockets: https://developer.mozilla.org/en-US/docs/Glossary/WebSockets

Dependencies:
ws: https://www.npmjs.com/package/ws

Was this tutorial providing an Introduction to WebSockets helpful? If so, please share. Let me know your thoughts in the comments.

#chat #app #websockets