Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Learn how to use the Express framework with Node.js & Socket.io while building a chat app. In this 3rd video of the series, we upgrade our socket.io chat app server using the Express framework.
⭐ 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
Express Chat App with Node.js & Socket.io
(00:00) Intro
(00:08) Welcome
(00:28) Starter Code & Dependencies
(01:35) Set up the Express server
(03:38) CORS discussion
(05:12) Set up an Express public directory
(08:43) Add static HTML, CSS & JS
(09:20) Running the app
Tutorial References:
Node.js Official Site: https://nodejs.org
MDN WebSockets: https://developer.mozilla.org/en-US/docs/Glossary/WebSockets
Socket.io Official Site: https://socket.io/
Express Official Site: https://expressjs.com/
Dependencies:
Socket.io: https://www.npmjs.com/package/socket.io
Socket.io Client library: https://cdnjs.com/libraries/socket.io
Express: https://www.npmjs.com/package/express
Was this tutorial providing an Express chat app server helpful? If so, please share. Let me know your thoughts in the comments.
#express #chat #app