iT邦幫忙

鐵人檔案

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

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

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

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

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

# Day 1 我們來架環境吧

前言 本系列文章由一名懵懂無知的前端初學者所撰寫,文章內容若有錯誤、誤植,也敬請不吝指教。 我們先來聊聊前端吧,在過去開發前端,基本上就是寫網頁類型的應用為主,...

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

# DAY 2 檔案目錄 (一)

這邊我會比較詳細介紹檔案目錄,可能會有點無聊,但是希望大家在開始寫code前都能稍微了解目錄下每個檔案及目錄的功能。 你看到了,用 Angular-CLI,下幾...

2019-09-17 ‧ 由 fansen 分享
DAY 3

# DAY 3 檔案目錄(二)

上一篇文章介紹了angular.json、package.json和 package-lock.json,讓我們繼續往下吧! node_modules...

2019-09-18 ‧ 由 fansen 分享
DAY 4

# DAY4 程式流程

我們在DAY 1建立的網站,大家應該還有印象。 我們今天來看一下這個頁面是怎麼產生的吧~ 在這之前,先補充一些使用VSCODE的小訣竅。 先開啟VSCODE,並...

2019-09-19 ‧ 由 fansen 分享
DAY 5

# DAY 5 HTML (一)

要撰寫一個 Angular 的頁面、元件,html 絕對是必備的技能,在 HTML5 標準被提出後,又更加複雜了。其實筆者也是對 html 很陌生,我們先走一遍...

2019-09-20 ‧ 由 fansen 分享
DAY 6

# DAY 6 HTML(二)

我們先前看過了Angular的範本,接著我們來看看幾個常用的html 標籤。 <!--...-->註解。就是註解。 <a>超連結...

2019-09-21 ‧ 由 fansen 分享
DAY 7

# DAY 7 Binding (一)

我們現在知道如何用 component 來顯示頁面,要組成 component,需要的是 ts 和 html ,由 ts 負責程式邏輯, html 負責顯示畫面...

2019-09-22 ‧ 由 fansen 分享
DAY 8

# DAY 8 Binding (二)

還有兩種 data binding 的方式,前面講的兩種都是將資料從 ts 送到 html ,今天來看看 Event binding 和 Two-way bin...

2019-09-23 ‧ 由 fansen 分享
DAY 9

# DAY 9 善用 Extensions 進行開發

我們在介紹 Two-way Binding 時,需要 import FormsModule 到 AppModule 中: 我們用了很方便的提示字,建立程式碼的...

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

# DAY 10 Directive - Component

在 Angular 中,有個東西叫做 Directive ,中文翻譯作指令,我自己當初是理解很久,還是覺得不直觀,所以我們就還是叫他 Directive 吧。...

2019-09-25 ‧ 由 fansen 分享