fbpx

Socket.IO 與 TypeScript

學習 Socket.IO、TypeScript 和 NodeJS 為 Web 創建多人實時互動式內容

從這 3.5 小時的課程,你會學到

  • TypeScript 註釋(annotations)、類型(types)、介面、classes
  • 用於瀏覽器和 NodeJS 環境的 TSC 和 tsconfig
  • 設置 NodeMon 和並發
  • NPM、NodeJS 和包裝 json
  • 在使用 TypeScript 編寫所有內容時,了解伺服器和客戶端之間的 SocketIO 通訊
  • 建構一個多人實時迷你遊戲,裡面附帶一個聊天組件,讓玩家可以猜測幸運數字並相應地贏得/失去積分
  • 你將涉獵 Bootstrap、jQuery、HTML 和 CSS 動畫
  • 通過 NodeJS 了解 Express 和提供靜態內容
  • 了解如何使用 TypeScript 和 SocketIO 建構健壯的互動式應用程式
  • 配置和部署到雲端伺服器,設置 Nginx 代理,指向域名並添加 SSL

要求

  • 渴望編寫遊戲和互動內容程式
  • 訪問 PC、Mac 或 Linux 並能夠安裝 VSCode、Git 和 NodeJS 等軟體

課程說明

在本課程中,你將學習如何使用 Socket.IO 來創建在瀏覽器和網路上運行的多人實時互動內容。我們還將使用 TypeScript 編寫它。

在課程開始時,有一個 TypeScript 速成課程,適合完全沒有使用 TypeScript 經驗的人。它將涵蓋適用於所有 TypeScript 專案的最常見和主要的 TypeScript 概念,並可用於本課程的其餘部分。

然後,我們將繼續學習 Socket.IO,並涵蓋也適用於所有 Socket.IO 專案的主要功能,並將在本課程的其餘部分展示。

接著,我們將應用到目前為止所學的所有 Socket.IO 概念,為自己創建一個完整的多人實時遊戲示例,其中包含多個遊戲配置同時運行,有客戶端和伺服器組件並使用 NodeJS 託管。

我們還會將完成的專案部署到雲端伺服器,在 Nginx 代理後方運行,指向域名並安裝 SSL 證書。

在創建主要的課程專案時,你還將涉獵 Bootstrap、jQuery、HTML 和 CSS 動畫。

你不需要任何經驗來學習本課程,因為所有程式碼都在隨附的文件檔案中提供,隨著每節課進行到下一課,這些程式碼將以漸進的格式呈現給你。

在學習本課程之前,請注意執行從提供的文檔中複製的程式碼片段是本課程的主要部分。課程中提供的示例 100% 由我創建,並明確為本課程製作。邀請你在每節課後通過更改參數和刪除或擴展部分來試驗每個新的程式碼添加,以便更多地了解專案的每個新添加正在做什麼。

因此,如果你知道自己喜歡寫程式,喜歡看到它因你作用,喜歡親自實驗,並且擁有數百萬個想要實現的想法,那麼本課程適合你。因為在課程結束時,你將建立一個通用的工作原型,該原型演示了創建在瀏覽器和 Web 上運行的多人實時互動式內容所涉及的許多概念。

感謝你參加我的課程,我們裡面見。

目標受眾

  • 初級程式設計師
  • 對 SocketIO 和 TypeScript 感興趣的人
  • 對創建實時互動多人遊戲感興趣的人

講師簡介

Sean Bradley 從事軟體和網路工程師工作20年 ( 更多講師線上課程介紹 )

你好,我是 Sean

20多年來,我一直是一名IT工程師,在教育、航空、銀行、無人機、遊戲和電信行業建立和管理即時、低延遲、高可用性、非同步、多執行緒、遠端管理、完全自動化、監控的解決方案。

我還建立並編寫了數百個開源的 GitHub 程式庫、Medium 文章和 YouTube 影片教程。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

使用 Notion 來做上課筆記?

udemy 的課程講座數量動輒上百個,如果你要使用 Notion 當作是線上課程的筆記輔助工具,為這些講座建立與組織筆記是一件耗時且沒效率的工作

為了解決這個問題,Soft & Share 開發一個 chrome extension – LN+ for udemy ,可以根據 udemy 線上課程的課程大綱幫你自動建立成 Notion 筆記資料庫並產生筆記與課程的雙向關聯讓您專心上課與寫筆記就好,不用再煩惱課程筆記要放哪裡的問題!

🛫了解 LN+ for udemy 更多功能介紹請參考 – Learning Notes Plus for udmy


報名參加課程

Sponsored by Udemy


🛫使用關鍵字連結獲得更多線上學習資訊?請參考這個網頁說明


幫我們個小忙!

使用 e-mail 追蹤 Soft & Share

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: