Урок 1.00:02:15
Welcome Video
Урок 2.00:05:18
Course Overview
Урок 3.00:10:45
It's 2023: native websockets or socket.io... what should we use?
Урок 4.00:06:26
Pre-socketio
Урок 5.00:05:18
Housekeeping - How I do node/express
Урок 6.00:18:08
TCP/UDP and networking 101
Урок 7.00:15:37
Networking 201 - What is a socket and why should I care?
Урок 8.00:03:55
HTTP vs Websockets
Урок 9.00:13:48
A short overview of native websockets (finally some code!!)
Урок 10.00:15:05
A short overview of native websockets continued
Урок 11.00:01:42
Intro
Урок 12.00:08:10
Why Socket.io? This is why.
Урок 13.00:15:07
The basics of socket.io
Урок 14.00:07:44
An important pitfall - connect/reconnect
Урок 15.00:17:00
Small Chat app - in socket.io!
Урок 16.00:10:04
Docs - new Server
Урок 17.00:09:12
Docs - Server options
Урок 18.00:09:35
The big 3 - .emit, .on, .connect
Урок 19.00:07:44
Docs - The Client
Урок 20.00:04:15
Section Intro and folder setup
Урок 21.00:04:15
A quick illustration
Урок 22.00:11:07
Project Whiteboarding & Steps
Урок 23.00:07:59
Setup slack with sanity checks
Урок 24.00:09:58
Steps 1-3 - Populate spaces and rooms from the server
Урок 25.00:10:49
Rooms and Namespaces classes
Урок 26.00:08:34
Add rooms to DOM
Урок 27.00:06:38
UX Cleanup
Урок 28.00:11:43
Docs - Namespaces
Урок 29.00:06:16
Namespaces code review
Урок 30.00:11:38
Docs - Rooms
Урок 31.00:09:23
Step 4-6
Урок 32.00:05:36
Whiteboarding - performance thinking Websockets
Урок 33.00:13:18
Implementing nsChange and Express route --> io.emit
Урок 34.00:10:13
Implementing nsChange continued...
Урок 35.00:12:19
Slack - Joining a Room- Steps 7-9
Урок 36.00:15:17
Acknowledgement Functions, fetchSockets() - steps 7-9 continued
Урок 37.00:04:48
emitWithAck, init join room
Урок 38.00:14:20
emit messages to room - steps 7-9 continued
Урок 39.00:19:44
Slack - Sending the history - Steps 7-9 continued
Урок 40.00:08:10
Passing query data on connection - basic auth intro
Урок 41.00:12:48
Project Demo & setting expectations
Урок 42.00:10:32
Project Strategy - performance matters!
Урок 43.00:16:06
Socket.io App Organization
Урок 44.00:14:14
Getting the DOM setup
Урок 45.00:07:13
A few UI Loose ends
Урок 46.00:13:24
Draw the player
Урок 47.00:19:58
The ugly math of moving the right direction
Урок 48.00:16:41
Get, and draw, the game orbs (non-players)
Урок 49.00:07:30
Whiteboarding Player classes - What does the server NEED to send?
Урок 50.00:14:14
The Player Classes
Урок 51.00:12:59
Refactoring init for performance
Урок 52.00:08:46
Tick-Tock - send player data from the server to the clients and vice-versa
Урок 53.00:05:49
Step 1 of drawing the players from the server
Урок 54.00:08:16
Tock event - sending player direction from client to server
Урок 55.00:17:51
Clamping the camera (and a little cleanup)
Урок 56.00:08:48
Collision Testing (the Math part)
Урок 57.00:14:20
Collision Testing (the code part)
Урок 58.00:13:13
Leaderboard
Урок 59.00:06:03
Disconnect
Урок 60.00:03:53
Project Demo
Урок 61.00:07:57
Socket.io scaling options
Урок 62.00:06:58
Project Setup and dependencies
Урок 63.00:09:20
Architecture
Урок 64.00:11:24
Pulling performance data
Урок 65.00:20:02
Figuring CPU load
Урок 66.00:10:18
How the cluster module works
Урок 67.00:08:29
Using the cluster module
Урок 68.00:06:03
Connecting React to the socket.io server (for testing!)
Урок 69.00:05:11
Connecting nodeClient to the socket server
Урок 70.00:08:12
Fetch nodeClient macAddress
Урок 71.00:09:22
Start the ticking clock
Урок 72.00:03:27
Create React App Overview
Урок 73.00:04:43
Basic React Component Architecture
Урок 74.00:08:11
Connecting React to the socket server the correct way
Урок 75.00:10:23
Getting data to React, and setting up React components
Урок 76.00:06:24
Sending state to our <Widget />
Урок 77.00:06:56
A little UI busywork - moving/copying files, classNames
Урок 78.00:07:52
CPU widget - canvas
Урок 79.00:06:36
Memory widget
Урок 80.00:13:02
Adding isAlive, disconnect, and final touches
Урок 81.00:13:13
Handling a nasty React bug...
Урок 82.00:12:47
Admin UI on Agar Clone
Урок 83.00:14:13
HTTP 101
Урок 84.00:23:29
Namespaces
Урок 85.00:21:35
Rooms
Урок 86.00:15:53
Going Slack (project) - Overview & Steps
Урок 87.00:08:19
Folder structure & DOM overview
Урок 88.00:10:57
Setting up our data and classes
Урок 89.00:19:48
Slack: Steps 1-3
Урок 90.00:12:49
Slack - Steps 4-6
Урок 91.00:06:03
Refactoring and Reorganizing our code
Урок 92.00:23:28
Slack - Joining a Room- Steps 7-9
Урок 93.00:18:30
Slack - Sending the history - Steps 7-9 continued
Урок 94.00:19:26
Slack - Linking up NS and Group, & Final Touches
Урок 95.00:06:35
Passing query data on connection
Урок 96.00:21:23
Line by line review of the project
Урок 97.00:06:34
Docs Checklist Update
Урок 98.00:12:49
Project Intro
Урок 99.00:10:31
Project Strategy
Урок 100.00:17:12
Socket.io App Organization
Урок 101.00:15:46
Getting the DOM setup
Урок 102.00:30:20
Time to draw!
Урок 103.00:14:36
Add Sockets (and orbs)
Урок 104.00:21:32
Wiring up the server for collisions
Урок 105.00:07:57
Connecting the client and server
Урок 106.00:22:08
Tick-Tock - 30FPS
Урок 107.00:11:00
Collision Testing (the Math part)
Урок 108.00:13:55
Collision Testing (The Socket Part)
Урок 109.00:10:56
Collision Testing (The Socket Part 2)
Урок 110.00:10:18
Updating the LeaderBoard
Урок 111.00:15:42
Disconnecting and broadcasting a message
Урок 112.00:04:06
Project Demo
Урок 113.00:05:22
Project Setup and dependencies
Урок 114.00:03:47
Installing Redis on Windows
Урок 115.00:18:11
Architecture
Урок 116.00:10:26
Getting performance data
Урок 117.00:15:31
Getting performance data - part 2
Урок 118.00:12:46
How the cluster module works
Урок 119.00:08:16
Using the cluster module - Master
Урок 120.00:10:13
Using the cluster module - workers
Урок 121.00:06:12
Connecting nodeClient to the socket server
Урок 122.00:12:13
Start the ticking clock
Урок 123.00:15:49
Mongo/Mongoose Schema and a small fix
Урок 124.00:07:48
Adding a record
Урок 125.00:03:38
Create React App Overview
Урок 126.00:07:38
Connecting React to the socket server for re-useable
Урок 127.00:04:50
Basic React Component Architecture
Урок 128.00:05:49
Setup React Components
Урок 129.00:16:31
Setting our widget state
Урок 130.00:08:31
CPU widget canvas
Урок 131.00:11:47
Mem and Info widgets
Урок 132.00:23:08
Adding isActive, disconnect, and final touches