iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

從零開始的Angular前端開發 系列

筆者作為一名前端新手,以初學前端的身分撰寫這系列文章,並且會與另外兩位團隊成員的作品合為一個簡單的專案。
以Angular作為前端開發,並與Golang 後端嫁接。

本系列文章會從環境建置、語法筆記作為主要內容,並以實現一個完整應用作為目標。

鐵人鍊成 | 共 30 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文 團隊Bikini Bottom
DAY 11

# DAY 11 Directive - Structural Directive

Structural Directive 主要用來操作 DOM Tree,新增、刪除 DOM 節點,常用指令有 ngFor、ngIf、ngSwitch 三種。這...

2019-09-26 ‧ 由 fansen 分享
DAY 12

# DAY 12 Directive - Attribute directives

上一章我們用 Structural Directive 來新增、刪除 DOM 元素(節點),而 Attribute directives 可以改變 DOM Pr...

2019-09-27 ‧ 由 fansen 分享
DAY 13

# DAY 13 Pipe

Pipe 是用在 Interpolation 或是 Property Binding 時,幫我們做資料格式的轉換,比方說我們要將字串轉成全大寫,可以用內建的 m...

2019-09-28 ‧ 由 fansen 分享
DAY 14

# DAY 14 自訂 Directive

既然 Pipe 可以自己設計,那麼 Directive 當然也可以自己做,這邊要講的是如何自己設計一個 Attribute Directive。 Angular...

2019-09-29 ‧ 由 fansen 分享
DAY 15

# DAY 15 NgModule - 簡介

我們在介紹程式流程時,有簡單帶過 app.module.ts 。在 Angular 裡,module 是一個不可或缺的元素,我們可以把多個相近的功能,包成一個...

2019-09-30 ‧ 由 fansen 分享
DAY 16

# DAY 16 @Input

一直到現在,我們用的 Component 都是長這個樣子: <app-root></app-root><app-homepage&...

2019-10-01 ‧ 由 fansen 分享
DAY 17

# DAY 17 @Output

前一篇使用了 @Input,來向元件傳入變數,今天我們要用 @Output 對元件外傳出變數。我們之前做了一個登入的功能,卻只能從 AccountManage...

2019-10-02 ‧ 由 fansen 分享
DAY 18

# DAY 18 Service

在開發元件的時候,我們會希望元件間的相依性不要太高,否則當專案越來越大時,修改一個小地方,就會有一連串元件都受影響,牽一髮而動全身。 所以我們會希望,將一些功能...

2019-10-03 ‧ 由 fansen 分享
DAY 19

# DAY 19 表單

這是一個表單,廢話。我們先前設計了一個簡單的登入功能,但這些欄位都還沒有作用,今天我們來實作,如何從表單拿到使用者輸入的值,並且在以後接上API,送到後端伺服器...

2019-10-04 ‧ 由 fansen 分享
DAY 20

# DAY 20 HttpClient (一)

拿到表單資料後,我們還要想辦法將資料傳出,送到後端做處理。所以我們要使用 HttpClient 來替我們傳送、接收資料。 要使用 HttpClient,顧名思義...

2019-10-05 ‧ 由 fansen 分享