# Microsoft 網頁開發初學者資源庫的路線圖

**此資源庫提供一份以 JavaScript、HTML 和 CSS 為重點的網頁開發基礎學習路線圖。課程彈性十足，可全程或部分參與，包含跨越 12 週的 24 堂課。**

## 重要里程碑

* **第1-3週：**
   * 介紹程式語言與相關工具
   * GitHub 基礎
   * 無障礙設計
   * JS 基礎：資料類型、函數與方法
   * 用 JS 進行決策
* **第4-6週：**
   * 陣列與迴圈
   * Terrarium：HTML 實務
   * CSS 實務
   * JavaScript 閉包
   * DOM 操控
* **第7-9週：**
   * 打字遊戲：事件驅動程式設計
   * 綠色瀏覽器擴充功能：瀏覽器操作
   * 建立表單、呼叫 API 以及在本地儲存變數
   * 瀏覽器背景程序
   * 網頁效能
* **第10-12週：**
   * 太空遊戲：使用 JavaScript 的進階遊戲開發
   * 在畫布上繪圖
   * 控制畫面上的元素移動
   * 碰撞偵測
   * 計分、結束與重新開始遊戲
   * 銀行應用程式：網頁應用程式中的 HTML 範本與路由
   * 建立登入及註冊表單
   * 取得與使用資料的方法
   * 狀態管理概念

## 學習成果

**完成此路線圖後，學生將獲得製作打字遊戲、虛擬生態缸、環保瀏覽器擴充、太空侵略者風格遊戲及企業用銀行應用程式的實戰經驗，並建立網頁開發基礎的扎實了解。**

## 附加資源

* 此資源庫提供豐富的資源以利進一步學習，包括教學、程式範例及挑戰。
* Microsoft Learn 平台提供多樣化的網頁開發課程與學習路徑。
* 線上社群如 Stack Overflow 與 MDN Web Docs 提供對網頁開發者的重要支援與資源。

**希望這份路線圖能助您一臂之力，邁向網頁開發之路！**

---

<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**免責聲明**：
本文件是使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 所翻譯。雖然我們致力於提供準確的翻譯，但請注意，自動翻譯可能包含錯誤或不準確之處。原始文件的母語版本應視為權威來源。對於重要資訊，建議採用專業人工翻譯。本公司對因使用本翻譯而引起的任何誤解或誤釋不承擔任何責任。
<!-- CO-OP TRANSLATOR DISCLAIMER END -->