iT邦幫忙

鐵人檔案

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

Angular 2 之 30 天邁向神乎其技之路 系列

Angular 2 是 Google 的超級受歡迎的框架 —  Angular 的大成。因為它的瘋狂受歡迎的程度,放在你的履歷上會很漂亮。很多公司前端都採用 Angular 2 當作開發環境。Angular and React 支配了整個生態圈,甚至沒有可以望其項背的其他選項。讓我們開始了解吧!

鐵人鍊成 | 共 31 篇文章 | 209 人訂閱 訂閱系列文 RSS系列文
DAY 11

[Day 11] Angular 2 HTTP 方法--讓我 Call API

前言 網站有了一堆的元素、動畫、圖片、文字,可能看起來很炫很厲害,但是這樣就只能是靜態的網站,想要實現購物車、會員機制、留言板、討論區、投票區、訊息發佈、商品發...

2016-12-26 ‧ 由 微中子 分享
DAY 12

[Day 12] Angular 2 多語言 ( 1 )

前言 一個小網站,客群可能很單一,在台灣也許只要網站只要有中文就好了。可是隨著服務擴大,客群也跟著變大,可能產品進軍亞洲,甚至拓展到全球,這時候至少會提供英文介...

2016-12-27 ‧ 由 微中子 分享
DAY 13

[Day 13] Angular 2 多語言 ( 2 )

前言 前一篇已經說過為甚麼多語言的網站很重要,也示範了如何達到多語言的效果。但是,我們對於語言翻譯的需求還有很多,例如我如果想要讓一串句子每次搭配不同的變數怎麼...

2016-12-28 ‧ 由 微中子 分享
DAY 14

[Day 14] Angular 2 + <ng-content> 嵌入式設計靈活組織 HTML

前言 嵌入式設計就是將 B 的內容嵌入進去 A ,A 文件中預留一個空間就是留給 B 放東西用的。大概就長這樣:好處跟模板類似,可以在做設計時有更明確的邏輯,有...

2016-12-29 ‧ 由 微中子 分享
DAY 15

[Day 15] Angular 2 Module ( 1 )

前言 在 Angular 2 中,一個 Module ( 模組 ) 是一個把彼此互相關聯的 components、directives、pipes 和 ser...

2016-12-30 ‧ 由 微中子 分享
DAY 16

[Day 16] Angular 2 Module ( 2 )

接續 Angular 2 Module ( 1 ) Feature Module Angular 一定會有一個 root module,但你也可以有 featu...

2016-12-31 ‧ 由 微中子 分享
DAY 17

[Day 17] Angular 2 替 Component 加上 CSS 的所有招數

題外話 看到一段我很認同的話: 應該由「新手」來教「超級新手」,為什麼?因為那些新手可能一個禮拜前跟你一樣卡在迴圈,不知道迴圈到底可以做什麼,但是這禮拜他就領...

2017-01-01 ‧ 由 微中子 分享
DAY 18

[Day 18] Angular 2 組件繼承 ( Component Inheritance )

前言 Angular 2.3 最近發布,而最有特色的部分莫過於組件繼承 (Component Inheritance) 的部分了。如同類別可以繼承一般,組件繼承...

2017-01-02 ‧ 由 微中子 分享
DAY 19

[Day 19] Angular 2 Input(s) & Output(s) 傻傻分不清

前言 Angular 2 中 Components 之間的關係示意層一層的,就長得向下面這張圖。每個格子就是一個組件,資訊向下傳遞很容易,而為了維護資料傳遞的單...

2017-01-03 ‧ 由 微中子 分享
DAY 20

[Day 20] Angular 2 組件相關的路徑

組件裡的 URLs 絕對路徑 組件常常會要使用外部模板跟風格的檔案,我們在 templateUrl 和 styleUrls 特性中用 URL 定義這些檔案,就像...

2017-01-04 ‧ 由 微中子 分享