Socket.IO (與 websockets) – 詳細教學

這門課程旨在幫助學習者瞭解如何使用 Socket.IO 在網路上實現即時通訊( 叢集模組、React 和即時遊戲 )。它涵蓋的主題包括在瀏覽器和Express 伺服器之間設定 Socket.IO 應用程式，瞭解 WebSocket 的基礎知識以及它們是如何工作的，以及傳輸層和資料封包工作原理的基礎知識。建議學生具備 JavaScript 和 Node.js 的工作知識，以及基本的命令列知識。

課程介紹影片

✍有繁體中文字幕，請記得將字幕打開

從這 24.5 小時的課程，你會學到

Socket.IO 這是所有課程中大部分所涵蓋，所以當你完成，你會知道它
在瀏覽器和 Express 伺服器之間設定一個 socketio 應用程式，並及時來回執行
理解 websocket 的基礎知識以及它們是如何運作的
傳輸層的基礎知識以及數據包的工作原理

要求

你對 JavaScript 和 node.js 有紮實的工作知識(不需要是一位忍者，但你不是新手)
你已經會使用 Node 生態系統(npm、 Express 等)。這不是一個介紹 Node 的課程，我不會涵蓋這些細節
你具有基本的命令列知識(至少能夠瀏覽和執行程式)
你有一台可以執行 Node.js 的電腦

課程說明

2023年5月：版本4更新完成。我已將 v2 部分保留到日落時間。這意味著目前大約有一半的課程是不同版本的相同內容。如果您剛開始，請記下該部分的標題，以確保您採用的是您想要的版本。

Websockets 是這麼多年來網路上最酷的東西之一。它們使瀏覽器具備即時通訊功能，能夠彌合人與網路通訊的最後鴻溝之一。 Socket.IO 是背後使用 websocket 的王者程式庫。如果您正在閱讀這篇文章，很有可能您已經聽說過 Socket.IO。甚至可能已完成關於它的指南。但是你走了多遠？根據我的經驗，網路上的絕大多數材料只不過是一個快速啟動的即時聊天應用程式。你不知道任何東西是如何運作的，從未看文件，就會困在最後不知道現在該做什麼。剩下的那部分材料超出了每個人的理解範圍。事實上，websocket API 在2011年就已經標準化了，而大多數開發者仍然不知道如何使用它，這就是這種差距的證據。

這個課程就是為了緩解這種情況！這個課程不是 Socket.IO 的快速入門指南。網際網路上有很多這樣的東西。如果你想用10分鐘的時間介紹3-4件你需要知道的事情來快速完成一些事情，那麼你一定要看看其它地方。另一方面，如果你想真正學習 Socket.IO 中最棒的 JavaScript 程式庫之一，你應該堅持下去。就像Express 和其它JavaScript / Node 部分一樣，它正在浪潮中傳遞，以便學習到足以達到“全端開發者”這個頭銜。我的主要目標是幫助您找到如何從一個優秀的開發人員成為一個偉大的開發人員。理解… 不僅僅是知道一部分 socket.io 的方法！它甚至加入了大多數其它語言的實現而超越了既有的瀏覽器和 Node 支援，甚至包括移動裝置。這意味著隨著你的成長，你不需要學習比 Socket.IO 程式庫更多的東西就可以擁有 sockets 的力量。

我第一次使用 socket.IO 是在2013年，為了設計一個很小的公司目錄應用程式。從那以後我一直在關注它，並且一直感到沮喪，因為它沒有得到更多的主流關注，因為它為現有應用程式的許多改進和新應用程式的明顯基礎工作開闢了道路。讓我們改變這一點:)準備詳細研究 Socket.IO 和 websocket 並開始即時前進。

課程章節:

環境設定(如果已經安裝了 Node，請跳過)
在 Socket.IO 之前…-TCP、網路 sockets 和一個原生的 websockets 應用程式
Socketi.io 101-為什麼要使用 Socket.IO 以及它的運作原理(簡單的聊天應用程式)
Socket.IO 201-使用命名空間( namespaces )和 rooms 仿製一個 slack 聊天應用程式
專案- 即時畫布遊戲（agar.io-clone）
專案 – 即時性能數據（使用 React、Cluster 和 Cluster Module。輪換 Redis，直到新模組穩定）
補充 – HTTP（對於需要審查的人）
既有程式碼 – 版本 2 – Socket.IO-101
既有程式碼 – 版本 2 – Socket.IO-201
既有程式碼 – 多人畫布遊戲
既有程式碼 – 高級專案

我希望添加串流影片/socket.io-stream 應用程式以及 React Native 應用程式的部分。

目標受眾

希望真正學習如何使用 Socket.IO 的Javascript / Node 開發人員，而不僅僅是一個聊天應用程式教學
對 Node 和 JS 如何結合起來實現網路很感興趣的開發者
對建立即時應用程式感興趣的開發者

講師簡介

Robert Bunch Code school 教師，軟體架構師和工程師 ( 更多講師主講課程介紹 )

Robert Bunch 自2004年以來一直是一名開發人員，為大公司的小型科技創業公司開發過複雜的應用程式。最近，他從 2015 年開始擔任 Code School 的教師，直接與學生一起工作，將他對教學和開發的熱情運用到實踐中。正如他的學生所說，他能夠分解程式碼的複雜性，揭開魔術的神祕面紗，並取得了巨大的成功。他在2001年獲得了電腦科學學位。