WebSocket Foundations
WebSocket คืออะไร, upgrade handshake, frame และความต่างจาก HTTP เริ่ม →
WebSocket Design — From Zero to Hero
คอร์สออกแบบระบบเรียลไทม์ด้วย WebSocket แบบ standalone ตั้งแต่ผู้เริ่มต้นจนถึงขั้นสูง สอนด้วย TypeScript ตั้งแต่ handshake ไปจนถึงการออกแบบ message, heartbeat & reconnection, การออกแบบ server, scaling และ security พร้อม WebSocket API จริงที่รันในเบราว์เซอร์
สิ่งที่คุณจะได้เรียน
หัวข้อที่มีชื่อว่า “สิ่งที่คุณจะได้เรียน”The Client API
new WebSocket, event & readyState, การส่ง/รับ, binary data เชื่อมต่อ →
Message Design
การ framing, JSON กับ binary, request/response ด้วย correlation id, versioning ออกแบบ →
Connection Lifecycle
heartbeat, การตรวจ connection ที่ตาย, reconnection ด้วย backoff, close code คงการเชื่อมต่อ →
Server Design
ไลบรารี ws, connection state, room & broadcast, backpressure ให้บริการ →
Scaling & Pub/Sub
ทำไม process เดียวไม่พอ, pub/sub backplane, presence, sticky กับ stateless สเกล →
Security
Origin & handshake auth, authorization, rate limiting, TLS & DoS ป้องกัน →
Patterns & Alternatives
pub/sub & room, RPC over WS, WS กับ SSE กับ WebTransport, แอปตัวอย่าง ประยุกต์ →
คอร์สนี้ทำงานยังไง
หัวข้อที่มีชื่อว่า “คอร์สนี้ทำงานยังไง”WebSocket รันในเบราว์เซอร์ของคุณ
เดโมฝั่ง client ใช้ in-page echo socket ที่ซื่อตรงต่อ WebSocket API จริง — open, send, receive, close — และเปิด Node ws server เต็มรูปแบบใน StackBlitz
ไดอะแกรมที่อธิบายชัด
upgrade handshake, connection state machine, reconnection และ pub/sub fan-out เป็นไดอะแกรม Mermaid ที่รองรับธีม
เน้นการออกแบบ ไม่ใช่แค่ syntax
ทุกหัวข้อครอบคลุมเหตุผลและ trade-off — heartbeat, โปรโตคอลของ message, การสเกล connection ที่มี state และการรักษาความปลอดภัยของ socket ที่อยู่ยาว
สองภาษา + read mode
ภาษาอังกฤษและไทย, แบบทดสอบที่บันทึกความคืบหน้า และโหมดอ่านแบบไร้สิ่งรบกวน