---
# System prepended metadata

title: Angular 建置与执行

---

# Angular 建置与执行

## 0. 序

## 1. [簡介](https://hackmd.io/@978-1-491-99983-7/HJVMm5Qzt)

### 1.1 為何要學 Angular

### 1.2 搭建本地開發環境

#### 1.2.1 Node.js

#### 1.2.2 TypeScript

#### 1.2.3 Angular CLI

### 1.3 下載範例

## 2. [初試啼聲](https://hackmd.io/@978-1-491-99983-7/rJ2Gh57MF)

### 2.1 啟動第一個 Angular 專案

### 2.2 Angular CLI

#### 2.2.1 運行應用

### 2.3 Angular 應用的基礎知識

#### 2.3.1 src/index.html(root HTML)

#### 2.3.2 src/main.ts(入口點entry point)

#### 2.3.3 src/app/app.module.ts(主模組main module)

#### 2.3.4 src/app/app.component.ts(根元件root component)

### 2.4

## 3. 內建的 Directives<SUP>(指令)</SUP>

## 4. 理解並使用 Components<SUP>(元件)</SUP>

## 5. 單元測試

## 6. 使用範本驅動的表單

## 7. 使用反應式表單

## 8. 服務層

## 9. HTTP 調用

## 10. 單元測試服務

## 11. 路由

## 12. Productionizing an Angular App

