SocketIO v4, with websockets – the details.

سرفصل های دوره

Socket io. Learn how to harness real-time communication on the web. W/Cluster Module, React and a real time game!

01 - Introduction

001 Welcome Video

002 Course Overview

003 All my code (github link).html

004 Its 2023 native websockets or socket.io... what should we use

02 - Websockets - Before Socketio

001 Pre-socketio

002 Housekeeping - How I do nodeexpress

003 TCPUDP and networking 101

004 Networking 201 - What is a socket and why should I care

005 HTTP vs Websockets

006 A short overview of native websockets (finally some code!!)

007 A short overview of native websockets continued

03 - Socket.io 101

001 SECTION NOTICE.html

002 Intro

003 Why Socket.io This is why

004 The basics of socket.io

005 An important pitfall - connectreconnect

006 Small Chat app - in socket.io!

007 Docs - new Server

008 Docs - Server options

009 The big 3 - .emit, .on, .connect

010 Docs - The Client

04 - Section 2 - Lets Make It Slack (namespaces & rooms)

001 SECTION NOTICE.html

002 Section Intro and folder setup

003 A quick illustration

004 Namespaces & Rooms cheatsheet.html

005 Project Whiteboarding & Steps

006 Setup slack with sanity checks

007 Steps 1-3 - Populate spaces and rooms from the server

008 Rooms and Namespaces classes

009 Add rooms to DOM

010 UX Cleanup

011 Docs - Namespaces

012 Namespaces code review

013 Docs - Rooms

014 Step 4-6

015 Whiteboarding - performance thinking Websockets

016 Implementing nsChange and Express route -- io.emit

017 Implementing nsChange continued

018 Slack - Joining a Room- Steps 7-9

019 Acknowledgement Functions, fetchSockets() - steps 7-9 continued

020 emitWithAck, init join room

021 emit messages to room - steps 7-9 continued

022 Slack - Sending the history - Steps 7-9 continued

023 Passing query data on connection - basic auth intro

05 - Multiplayer Canvas Game - Agar.io clone

001 SECTION NOTICE.html

002 Project Demo & setting expectations

003 Project Strategy - performance matters!

004 Socket.io App Organization

005 Getting the DOM setup

006 A few UI Loose ends

007 Draw the player

008 The ugly math of moving the right direction

009 Get, and draw, the game orbs (non-players)

010 Whiteboarding Player classes - What does the server NEED to send

011 The Player Classes

012 Refactoring init for performance

013 Tick-Tock - send player data from the server to the clients and vice-versa

014 Step 1 of drawing the players from the server

015 Tock event - sending player direction from client to server

016 Clamping the camera (and a little cleanup)

017 Collision Testing (the Math part)

018 Collision Testing (the code part)

019 Leaderboard

020 Disconnect

06 - Advanced Project - wReact, cluster moduleadapter - a performance monitor

001 Project Demo

002 Socket.io scaling options

003 Project Setup and dependencies

004 Architecture

005 Pulling performance data

006 Figuring CPU load

007 How the cluster module works

008 Using the cluster module

009 Connecting React to the socket.io server (for testing!)

010 Connecting nodeClient to the socket server

011 Fetch nodeClient macAddress

012 Start the ticking clock

013 Create React App Overview

014 Basic React Component Architecture

015 Connecting React to the socket server the correct way

016 Connecting React to socket.io in a complex app.html

017 Getting data to React, and setting up React components

018 Sending state to our Widget

019 A little UI busywork - movingcopying files, classNames

020 CPU widget - canvas

021 Memory widget

022 Adding isAlive, disconnect, and final touches

023 Handling a nasty React bug

07 - Admin UI

001 Admin UI on Agar Clone

08 - Supplemental Videos

001 HTTP 101

09 - LEGACY - 2018, version 2. Socket.io 101

001 Reminder for v2 students.html

10 - LEGACY - 2018, version 2. Socket.io 201 - Lets make it Slack!

001 NamespaceGroup Cheatsheet.html

002 Namespaces

003 Rooms

004 Going Slack (project) - Overview & Steps

005 Folder structure & DOM overview

006 Setting up our data and classes

007 Slack Steps 1-3

008 Slack - Steps 4-6

009 Refactoring and Reorganizing our code

010 Slack - Joining a Room- Steps 7-9

011 Slack - Sending the history - Steps 7-9 continued

012 Slack - Linking up NS and Group, & Final Touches

013 Passing query data on connection

014 Line by line review of the project

015 Docs Checklist Update

11 - LEGACY - 2018, version 2. Multiplayer Canvas Game - Agar.io clone

001 Project repo.html

002 Project Intro

003 Project Strategy

004 Socket.io App Organization

005 Getting the DOM setup

006 Time to draw!

007 Add Sockets (and orbs)

008 Wiring up the server for collisions

009 Connecting the client and server

010 Tick-Tock - 30FPS

011 Collision Testing (the Math part)

012 Collision Testing (The Socket Part)

013 Collision Testing (The Socket Part 2)

014 Updating the LeaderBoard

015 Disconnecting and broadcasting a message

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy