# Microsoft Web-Dev-For-Beginners 儲存庫的路線圖

**此儲存庫提供了一條學習網頁開發基礎的路線圖，專注於 JavaScript、HTML 和 CSS。課程靈活，可整體或部分參與，共有 24 課，分布於 12 週。**

## 主要里程碑

* **第 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 -->
**免責聲明**：  
本文件乃使用人工智能翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們致力於確保準確性，但請注意，自動翻譯可能存在錯誤或不準確之處。原始文件的母語版本應視為權威來源。對於重要資訊，建議採用專業人工翻譯。我們不對因使用此翻譯而產生的任何誤解或錯誤詮釋承擔責任。
<!-- CO-OP TRANSLATOR DISCLAIMER END -->