iT邦幫忙

鐵人檔案

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

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

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

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

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

# DAY 21 HttpClient (二)

使用HttpClient 在使用 HttpClient 前,需要先 import HttpClientModule,所以我們到 account.module.t...

2019-10-06 ‧ 由 fansen 分享
DAY 22

# DAY 22 HttpClient(三)

昨天我們成功存取本地檔案,今天來試著連接遠端的 API。 我們先用 PostMan 測試一下創建帳號的 API: 確定API是可以動作的。body 這邊我們要...

2019-10-07 ‧ 由 fansen 分享
DAY 23

# DAY 23 Routing (一)

到目前為止我們都是在單一頁面撰寫 Angular,今天我們用 Angular 的 Routing 機制,來完成多個頁面的切換。 首先我們先整理一下很混亂的程式碼...

2019-10-08 ‧ 由 fansen 分享
DAY 24

# DAY 24 Routing (二)

接續昨天的路由主題,我們來完善一下程式碼。 在 import module 的地方加入{ enableTracing: true },Angular 就會在 c...

2019-10-09 ‧ 由 fansen 分享
DAY 25

# DAY 25 Routing (三)

DAY 25 Routing (三) 路由參數 我們的路由,配置到目前為止,已經可以切換頁面,但是如果我們要讀取 URL 的參數列,比如說這樣: 我有一個參數...

2019-10-10 ‧ 由 fansen 分享
DAY 26

# DAY 26 整合架構

DAY 26 整合 今天來總整理一下全部的程式碼吧 首先為登入和註冊的表單,套上CSS,讓他看起來美觀一點: // register.component.css...

2019-10-11 ‧ 由 fansen 分享
DAY 27

# DAY 27 部署 & 執行

我們開發 Angular 到現在,都是用 Angular-CLI 提供的 ng serve 來開測試伺服器。那麼當網站寫好後,要發布到遠端的 server 或是...

2019-10-12 ‧ 由 fansen 分享
DAY 28

# DAY 28 RxJS

之前我們用過 @Input() 、@Output(),完成父子元件間的資料傳遞,但若今天兩個 Component 不是父子關係,這個方法可能就行不通了,今天會簡...

2019-10-13 ‧ 由 fansen 分享
DAY 29

# DAY 29 圖表

由於Angular 本身並沒有提供圖表的模組,所以今天我們要使用第三方的函式庫來建立圖表。 我們今天會用到的兩個套件:ng2-charts 和 chart.js...

2019-10-14 ‧ 由 fansen 分享
DAY 30

# DAY 30 Git 基本操作

相信大家開發 Angular 時,難免都會遇到修修改改,以及版本管理上的問題,如果很多人一起開發一個專案,需要同時開發好幾個功能時,又不知道要怎麼整合每個人各自...

2019-10-15 ‧ 由 fansen 分享