Week 01 · Day 07 — 第一週總複習與作業檢核
學習目標
- 回顧第一週所有重點
- 確認環境與專案都正常運作
- 完成本週作業並自評
重點（速覽）
- Angular：Google 開發、TypeScript、企業級、完整解決方案
- 安裝：Node.js (LTS) →
npm i -g @angular/cli - 專案：
ng new/cd/ng serve（localhost:4200） - CLI：
new/serve/generate/build/test/e2e - 結構：
main.ts啟動 →app/主程式 →assets/靜態 →environments/環境值 - 根元件：
@Component+ selector + template + style - 插值：模板中
{{ 屬性 }}顯示類別屬性
實作 / 自我測驗
試著不查資料回答： 1. Angular 適合哪種專案？由誰開發？ 2. 建立並啟動專案的三行指令？ 3. 元件由哪幾個檔案組成？ 4. 用哪個屬性能在 HTML 中用自訂標籤使用元件？
答案
1. 大型企業級應用；Google 2. `ng new`、`cd`、`ng serve` 3. `.ts` / `.html` / `.css` 4. `selector`（例：`app-root`）作業
第一週作業清單
- [ ] 安裝 Angular CLI ✅（ng version 正常）
- [ ] 建立第一個專案 ✅（ng serve 成功）
- [ ] 修改 app.component.html，顯示「Hello Angular!」
- [ ] 了解專案結構（能說出 src/app/ 核心檔案用途）
額外挑戰（加分）
- [ ] 用 ng g c 建立一個自製元件，並在根元件中引用它
總結
第一週你已完成「知道 Angular 是什麼」→「裝好環境」→「看懂專案結構」→「你的第一個 Hello Angular!」。基礎已就緒，下一週進入 TypeScript。