iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

Angular 大師之路 系列

Angular 其實是非常容易入手的前端框架,只要有點經驗的網站程式設計師看完官方文件的 8 篇 Tutorial,就足以應付八成以上的開發需求;儘管如此,了解一些更深入的理論和技巧,則能幫助我們寫出更加洗練、易於維護的程式碼!本次參賽將分享 Angular 更多進階的相關知識,以及個人的開發經驗,範圍包含「進階的觀念、元件設計、測試和 RxJS」等等,希望與更多想要精進 Angular 實力的朋友們一起往 Angular 大師之路前進!!

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

達標好文 [Angular 大師之路] Day 01 - 開場閒聊

使用 Angular 作為前端開發框架也有兩三年的時間了,這段時間深深能體會到 Angular 是一個非常強大且易學的框架,只要是有點經驗的開發人員,在閱讀過官...

2018-10-16 ‧ 由 黃升煌 Mike 分享
DAY 2

[Angular 大師之路] Day 02 - 更加理解 Angular CLI 之 Monorepo 應用

Angular CLI 基本上已經成為開發 Angular 應用程式的標準配備了,我們會透過 Angular CLI 建立專案、檔案骨架,或是用來執行以及打包應...

2018-10-17 ‧ 由 黃升煌 Mike 分享
DAY 3

[Angular 大師之路] Day 03 - Angular 應用程式啟動過程

任何程式要能夠運作,都應該有它的進入點,以及整個程式啟動的流程,今天我們就來看看,到底一個 Angular 應用程式是如何開始啟動的吧! 類型:觀念 難度:3...

2018-10-18 ‧ 由 黃升煌 Mike 分享
DAY 4

[Angular 大師之路] Day 04 - 認識 Angular 的生命週期

在設計 Angular 元件(component)時,可以在程式中針對 Angular 在運作程式時放入不同的 hooks(我們通常稱為 lifecycle h...

2018-10-19 ‧ 由 黃升煌 Mike 分享
DAY 5

[Angular 大師之路] Day 05 - 認識 NgModule

Angular 本身內建了一種模組化的機制,這個機制可以幫助我們組織管理一系列相關的程式(如 component、pipe 和 service 等等),將類型或...

2018-10-20 ‧ 由 黃升煌 Mike 分享
DAY 6

[Angular 大師之路] Day 06 - 模組化的基本觀念

昨天我們簡單介紹了一個模組中的 @NgModule 應該要放些什麼資料,今天我們來理解一下實務上開發 Angular 應用程式時,常見的一些模組化的方式。 類型...

2018-10-21 ‧ 由 黃升煌 Mike 分享
DAY 7

[Angular 大師之路] Day 07 - 一個簡易實踐 two way binding 的方法

在 Angular 中,通常我們會使用 [(ngModel)] 來實現 two way binding,這樣做基本上沒有什麼問題,但 ngModel 只能 bi...

2018-10-22 ‧ 由 黃升煌 Mike 分享
DAY 8

[Angular 大師之路] Day 08 - 自訂表單控制項

昨天我們介紹了一個簡單的方法來實作 two way binding,這種方法在很多情境都非常好用,不過他還是有一些小問題,有些我們會需要在表單中使用自己設計的元...

2018-10-23 ‧ 由 黃升煌 Mike 分享
DAY 9

[Angular 大師之路] Day 09 - exportAs - 取得 directive 實體的方法

Angular 提供了一種可以很擴充元件或HTML標籤屬性的方式,叫做 directive,透過這種方式我們可以很輕易地替現有的元件或 HTML 擴充它的顯示或...

2018-10-24 ‧ 由 黃升煌 Mike 分享
DAY 10

[Angular 大師之路] Day 10 - 樣板語法中的冷知識 - $any

Angular 提供針對 HTML 樣板的處理,提供了很多不同的語法,今天要講一個很少看到有人使用的語法 - $any 類型:技巧 難度:3 顆星 實用度:3...

2018-10-25 ‧ 由 黃升煌 Mike 分享