Rust & WebAssembly with JS (TS) - 實用指南

Contents

最近被 Adobe 買下的 Figma 即是採用 Rust + WebAssembly 技術，雖然 Figma 是 Web 應用程式，但它不是用 JavaScript 寫的，而是用 Rust 寫的，再編譯成瀏覽器能理解的 WebAssembly 位元組碼格式，從而達到接近原生應用程式的效能

想要將自己的 Web 應用程式開發技能提升到另一個等級，有了 Figma 這個成功案例，未來會有許多軟體公司需要這方面技術的工程師

這門課程將教你學習用 Rust 編碼。將程式碼編譯為 WebAssembly。準備 JS/TS 前端並建立基於瀏覽器的貪吃蛇遊戲。

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

建立一個用 Rust/WebAssembly 和 Javascript 製作的瀏覽器遊戲
以實用和有趣的方式理解 Rust 語言
使用獲得的知識來建立自己的應用程式
在令人興奮的 Rust 開發環境領域建立自己的地位

要求

基本的程式設計知識

課程說明

什麼是 Rust？

Rust是一種程式語言。Rust 的速度快得驚人，記憶體效率高：沒有執行時或垃圾收集器，它可以為效能關鍵的服務提供動力，在嵌入式裝置上執行，並容易與其他語言整合。

什麼是 WebAssembly？

WebAssembly 是一種可以在現代網路瀏覽器中執行的新型程式碼–它是一種類似於組合語言的低階語言，具有緊湊的二進制格式，執行時具有接近原生的效能，為 C/C++、C# 和 Rust 等語言提供了一個編譯目標，使它們可以在網路上執行。它還被設計為與 JavaScript 一起執行，允許兩者一起工作。

這個課程適合你嗎？

如果你打算開始你的開發者生涯或提高你的程式設計技能，本課程就適合你。學習如何用最少的 JS 和 Rust程式碼編譯成 WebAssembly 指令建立一個瀏覽器遊戲。

在本課程中，您將獲得開始您的專案所需的信心和技能。此外，你將獲得申請開發者職業的正確心態。

你要做什麼工作？

你將從頭開始建立貪吃蛇遊戲。你將學習用 Rust 語言、靜態型別、編譯語言編寫程式碼。
本課程從 Rust 語言的解釋和實際範例開始。你將學習 Rus t特有的功能，如 “移動 “和 “複製”
Rust 沒有垃圾收集器。當數值逐漸脫離範圍時，記憶體會被清除。你將學習如何輕鬆地管理這個概念
你將學習的下一個特性是借用和引用。通過引用，你將能夠在不擁有值的情況下訪問它們。
在開始的講座中，我們還將討論 Stack 和 Heap 結構中的記憶體管理、模組化、字串和其他基本主題
在 Rust 的介紹講座之後，你將開始建構你的貪吃蛇遊戲。你將學習如何模組化和簡潔地建構應用程式
你將建立你自己的 JS 前端，通過一個簡單的 Webpack 開發伺服器暴露出來。稍後，你將把 JS 實現轉化為TS（Typescript）。這將指定型別並與 Rust 程式碼處於同一頁面
你將建構你的 Rust 後端程式碼，即我們遊戲的骨幹。你將學習如何將 Rust 程式碼編譯成WebAssembly 程式碼。WebAssembly 是可以在瀏覽器中執行的程式碼。它比 JS 更快（幾乎是Native速度），更有效率
在課程結束時，我們將建立一個營運的伺服器，並將我們的遊戲部署到 Heroku，這樣網際網路上的任何人都可以玩我們的遊戲