Watch me code: a chat app in node.js

Опубликовано: 24 Июнь 2016
на канале: David Ackerman
6,468
72

If you want early access to future videos and/or the hello-world tutorial, sign up here: https://fullstack.industries/#signup

In this video, I start to build a chat application with Node.js and WebSockets, and I explain what I'm doing along the way. By the end, I get the WebSocket connection working, and clients talking to each other. CSS, usernames, and joining rooms are all not implemented yet.

Topics covered:

Making a Node app from scratch, using NPM
Using a WebSocket to communicate w/ JSON messages
Using express.js and the express-ws library
Using the networking pane in the Chrome debugger

Full index with links:
   • Watch me code: a chat app in node.js   - Intro
   • Watch me code: a chat app in node.js   - Explaining the chat app with a diagram
   • Watch me code: a chat app in node.js   - Setting up a new node project from scratch
   • Watch me code: a chat app in node.js   - Running "npm init" to create a project - package.json
   • Watch me code: a chat app in node.js   - Doing some planning, talking about the first "vertical slice"
   • Watch me code: a chat app in node.js   - Creating an express.js endpoint
   • Watch me code: a chat app in node.js   - Brief explanation of CORS, see https://en.wikipedia.org/wiki/Cross-o... for more info
   • Watch me code: a chat app in node.js   - Making a basic frontend
   • Watch me code: a chat app in node.js   - Hooking up a WebSocket between frontend and backend
   • Watch me code: a chat app in node.js   - Setting up express-ws library
   • Watch me code: a chat app in node.js   - Initiating the WebSocket connection from the frontend
   • Watch me code: a chat app in node.js   - A few words on prototyping
   • Watch me code: a chat app in node.js   - The Network pane in Chrome debugging tools
   • Watch me code: a chat app in node.js   - Creating an input box so the user can type a message
   • Watch me code: a chat app in node.js   - Displaying the message that comes back from the server
   • Watch me code: a chat app in node.js   - Sending a JSON message over a WebSocket instead of raw text
   • Watch me code: a chat app in node.js   - Broadcasting messages from the server to all clients, so clients can chat with eachother
   • Watch me code: a chat app in node.js   - outro


Смотрите видео Watch me code: a chat app in node.js онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь David Ackerman 24 Июнь 2016, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,468 раз и оно понравилось 72 людям.