WebSockets Tutorial: Chatroom
Lesson 1 of 1
  1. 1
    In the last lesson, you learned about the conceptual foundations of the WebSocket protocol and WebSocket applications. Now, it’s time to apply those concepts and build a WebSocket application! Th…
  2. 2
    Before you start building the WebSocket chat application, let’s take a moment to explore the starter code that has been provided for you. You’ll notice that the starter code includes a file calle…
  3. 3
    WebSocket is a protocol for transmitting and receiving messages between client(s) and a server – to add WebSocket functionality to an application, you will have to implement both sides of this comm…
  4. 4
    Well done! In the previous exercise, you created a WebSocket server using the ws package. In this exercise, you’ll learn how to create a WebSocket client in the browser that connects to your server…
  5. 5
    Great work! You’ve created a WebSocket server and connected your browser client to that server. Next, you’ll enable your server and client to respond whenever a connection is established between th…
  6. 6
    Good work! You’ve included a WebSocket server and client in the chat application and written code to confirm that they successfully connected. The next step is to start sending messages between the…
  7. 7
    Great job! In the last exercise, you learned how to send messages from the client to the server, and how to make your server respond to those messages. This exercise will focus on the reverse: send…
  8. 8
    Nice work! Now that you’ve practiced sending and responding to messages from the client and the server, you’re ready to make your chat application a little more functional. Right now, when a client…
  9. 9
    Nice work! At this point you’ve implemented a functional chat room: users can send messages that are received by all other users. However, our application is still somewhat limited. Currently, our …
  10. 10
    Nice work! In this lesson you applied your conceptual understanding of WebSockets and learned how to create a WebSocket application that utilizes popular sever- and client-side technologies. Havi…

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo