Google Developer Group On Campus NCUE 活動策畫團隊 誠摯邀請您參與 WebSocket 即時通訊實戰 x 共編繪圖 Web App 全端開發

你以為多人即時協作只是一直 polling API 嗎？想知道像 Figma、Google Docs 這類即時共編系統背後到底是怎麼運作的嗎？

這場講座將從最核心的即時通訊原理出發，帶你一步步打造一個真正可運作的「多人共編繪圖網頁」！我們將使用 HTML、CSS、JavaScript、Canvas、WebSocket、Node.js，實際建立一套即時同步系統，深入理解 WebSocket 的運作方式、狀態同步機制。

💡 在這場分享會中，您將會學到：

• 即時通訊原理解析：深入理解 HTTP 與 WebSocket 差異，探討 Full-Duplex 通訊、Connection Lifecycle 與事件驅動架構。

• Canvas 共編繪圖實作：使用 HTML5 Canvas 建立多人同步繪圖系統，解析座標同步、筆畫資料結構與畫面更新流程。

• WebSocket 後端架構實戰：使用 Node.js 建立 WebSocket Server，實作 Client 廣播與多人同步機制。

• 即時協作系統設計：探討同步延遲、狀態一致性、斷線重連與多人編輯時可能出現的衝突問題。

• GCP Cloud Run 部署

📌 活動特色

• 實作導向教學：不只講理論，更帶你從零建構可運作的多人共編系統，學完即用！

• 全端技術整合：涵蓋前端 Canvas 繪圖、後端 Node.js 架構到雲端部署，全面提升開發實力。

• 社群交流互動：現場活動專人指導、課後與 Web 開發愛好者、夥伴互動學習，拓展技術視野。

活動現場備有 精緻茶點，歡迎踴躍報名參加🥰 讓我們一邊享受點心，一邊探討現代 Web 即時系統的底層架構！

📍 活動資訊

• 時間：5/29 (五) 19:00 ~ 21:30 (18:30 開放入場)

• 地點：國立彰化師範大學寶山校區 工學院 EB211 電腦教室

• 形式：線上會議 / 實體參與 雙軌進行 (會議連結須先報名 RSVP 才有加入權限)

• 目標受眾：對 Web 即時通訊、多人協作系統、全端開發與雲端架構有興趣的所有學生與開發者。

📢 報名方式

於此頁面，點擊 RSVP 即可完成報名！

本分享會提供線上與實體兩種參與選擇，如果您時間允許的話，強烈建議您實體參與，讓我們能夠在實作環節中更好地協助您！

⚠️ 注意事項

建議欲現場參與的與會者，盡可能攜帶筆電，一起動手實作，打造專屬你的多人共編繪圖應用程式！

無論您是 Web 開發新手還是全端老手，這場活動都將帶來滿滿收穫！立即報名，與我們一起探索即時通訊的無限可能！🚀✨