iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Angular 學徒之路 feat. TypeScript 系列

轉職的路上,剛學 Vue 不久,突然來到了一個使用 Angular 的職場,為了讓自己更快能與職場的工作接軌,開始搜尋 Angular 的相關資源來學習,因為 Angular 開發,認識 TypeScript 是必要的,所以文中也會提到一些,這個歷程在這裡留下記錄,也讓想進入 Angular 世界的朋友們,可以當做參考。

鐵人鍊成 | 共 30 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21:開始來學資料繫結:文字插值

在連續開了幾天支線任務之後,我們將再次回到 Angular 開發的正軌,繼續我們第十六天之後的網頁開發主線,如果已經有忘記的朋友,附上主線任務的連結如下,幫助大...

2021-10-03 ‧ 由 ABow_Chen 分享
DAY 22

Day 22:開始來學資料繫結:屬性繫結(一)

Day 22:開始來學資料繫結:屬性繫結(一) 今天要來探討第二種資料繫結的方法:屬性繫結(Property binding)。 我們以上一篇 a 標籤的 hr...

2021-10-04 ‧ 由 ABow_Chen 分享
DAY 23

Day 23:開始來學資料繫結:屬性繫結(二)

上一篇談到在 Angular 中使用 屬性繫結(Property binding) 的方法,也延伸了其他議題,就是 Property 及 Attribute 的...

2021-10-05 ‧ 由 ABow_Chen 分享
DAY 24

Day 24:開始來學資料繫結:事件繫結(一)

今天我們要來學習 Angular 第三種資料繫結的方法:事件繫結(Event binding)。 我們要達成的目標是,點擊網頁上的圖片,然後標題會隨之改變。...

2021-10-06 ‧ 由 ABow_Chen 分享
DAY 25

Day 25:開始來學資料繫結:事件繫結(二)使用 $event 參數

前一篇我們談到了事件繫結的方法,在使用 事件繫結(Event binding) 的時候,我們要先有一個事件,並使用 小刮號() 來註冊,並傳入一個方法,而這個方...

2021-10-07 ‧ 由 ABow_Chen 分享
DAY 26

Day 26:開始來學資料繫結:事件繫結(三)今天的 $event 有型別呢!

昨天我們有稍微提到,使用 $event 的 property 時,要注意大小寫的問題,雖然只是輕輕帶過,但是以往有寫過 JavaScript 的開發者,肯定有遇...

2021-10-08 ‧ 由 ABow_Chen 分享
DAY 27

Day 27:開始來學資料繫結:使用目前所學,來個簡單實作吧!(一)

資料繫結的主題講了好幾天,那麼,就來小試身手一下,透過一個簡單的實作,把這幾天所學到的觀念,試著運用看看。 看看上圖框起來的 input,我們實作的需求如下:...

2021-10-09 ‧ 由 ABow_Chen 分享
DAY 28

Day 28:開始來學資料繫結:使用目前所學,來個簡單實作吧!(二)

前一篇,我們完成了需求一: 當使用者在關鍵字搜尋這個 input 輸入文字時,要在輸入框的正下方顯示正在輸入的字元數。 今天我們要接著完成需求二: 當使用...

2021-10-10 ‧ 由 ABow_Chen 分享
DAY 29

Day 29:開始來學資料繫結:使用目前所學,來個簡單實作吧!(三)

我們前一篇,雖然有將需求二實作出來,但是看到 keyCode 已被淘汰的訊息,還是覺得有點不痛快。 上網搜尋了一下,找到一篇其他開發者分享的文章: [從 0 開...

2021-10-11 ‧ 由 ABow_Chen 分享
DAY 30

Day 30:未完待續,不停地學習!

今年,是我第一次參加鐵人賽,而今天也是自我挑戰的達標日,但正如標題所寫的,達標對我而言只是一個階段,不代表結束。 這三十天的挑戰,讓我從一個完全的 Angula...

2021-10-12 ‧ 由 ABow_Chen 分享