Introduction
  • Course Overview
  • All my code (github link)
Before Socketio...
  • Pre-socketio
  • Housekeeping - How I do node/express
  • TCP/UDP and networking 101
  • Networking 201 - What is a socket and why should I care?
  • HTTP vs Websockets
  • A short overview of native websockets (finally some code!!)
Socket.io 101
  • Intro
  • The basics & socket.io vs. ws
  • Why socket.io? This is why.
  • Small Chat app - in socket.io!
  • Docs - The server
  • The big 3 - .emit, .on, .connect
  • Docs - The Client
  • Finishing the chat app
  • Quick Checklist Review
Socket.io 201 - Let's make it Slack!
  • Namespaces
  • Namespace/Group Cheatsheet
  • Rooms
  • Going Slack (project) - Overview & Steps
  • Folder structure & DOM overview
  • Setting up our data and classes
  • Slack: Steps 1-3
  • Slack - Steps 4-6
  • Refactoring and Reorganizing our code
  • Slack - Joining a Room- Steps 7-9
  • Slack - Sending the history - Steps 7-9 continued
  • Slack - Linking up NS and Group, & Final Touches
  • Passing query data on connection
  • Line by line review of the project
  • Docs Checklist Update
Multiplayer Canvas Game - Agar.io clone
  • Project repo
  • Project Intro
  • Project Strategy
  • Socket.io App Organization
  • Getting the DOM setup
  • Time to draw!
  • Add Sockets (and orbs)
  • Wiring up the server for collisions
  • Connecting the client and server
  • Tick-Tock - 30FPS
  • Collision Testing (the Math part)
  • Collision Testing (The Socket Part)
  • Collision Testing (The Socket Part 2)
  • Updating the LeaderBoard
  • Disconnecting and broadcasting a message
Advanced Project - Adding React, cluster & redis - a performance monitor
  • Project Demo
  • Project Setup and dependencies
  • Installing Redis on Windows
  • Architecture
  • Getting performance data
  • Getting performance data - part 2
  • How the cluster module works
  • Using the cluster module - Master
  • Using the cluster module - workers
  • Connecting nodeClient to the socket server
  • Start the ticking clock
  • Mongo/Mongoose Schema and a small fix
  • Adding a record
  • Create React App Overview
  • Connecting React to the socket server for re-useable
  • Basic React Component Architecture
  • Setup React Components
  • Setting our widget state
  • CPU widget canvas
  • Mem and Info widgets
  • Adding isActive, disconnect, and final touches
Supplemental Videos
  • HTTP 101