-
Урок 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