# 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 -->
**免責聲明**：  
本文件係使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們力求準確，但請注意自動翻譯可能包含錯誤或不準確之處。原始文件之母語版本應視為權威來源。對於重要資訊，建議聘請專業人工翻譯。我們不對因使用本翻譯所引起之任何誤解或誤譯負責。
<!-- CO-OP TRANSLATOR DISCLAIMER END -->