iT邦幫忙

鐵人檔案

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

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

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

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

[Day 21] Angular 2 + Ionic = Mobile App ( 1 ) 介紹

前言 我是一個前端 (也許全端) 工程師,好不容易學會寫 Angular 2 了耶,但難道我就一輩子只能寫網站嗎?QQ 如果想要寫手機的 App,還要再去學 J...

2017-01-05 ‧ 由 微中子 分享
DAY 22

[Day 22] Angular 2 + Ionic = Mobile App ( 2 ) 建構

上一篇已經介紹 Ionic 搭配 Angular 2 是甚麼了,接下來就來介紹如何建構一個 App。 安裝 首先要確定 Node.js 有安裝 接者安裝 Cor...

2017-01-06 ‧ 由 微中子 分享
DAY 23

[Day 23] Angular 2 + Ionic = Mobile App ( 3 ) 實作 Todo List

建立專案 上回我們已經說明如何建立一個專案,而這次我們用經典的 Todo List (備忘錄) 來做說明 ionic start TODOApp blank -...

2017-01-07 ‧ 由 微中子 分享
DAY 24

[Day 24] Angular 2 + Ionic = Mobile App ( 4 ) 發布 App

前言 我們在電腦上用 ionic serve 測試好我們的 App 之後,最後仍然需要拿到實際裝置上測試,不僅是因為到時候本來就是要給手機使用的,並且很多的 N...

2017-01-08 ‧ 由 微中子 分享
DAY 25

[Day 25] Angular 2 事先編譯 Ahead-of-Time (AoT)

前言 Angular 2 雖然是一套強大框架,但最後輸出仍然為 html、js、css 檔案,js 本身是即時編譯 (Just-in-Time, JiT),瀏覽...

2017-01-09 ‧ 由 微中子 分享
DAY 26

[Day 26] Angular 2 裝飾器 @ContentChild

前言 之前在這篇介紹過 <ng-content> 可以達成嵌入式設計,但是透過這種方法只能做到模板的部分,也就是在 A 模板中嵌入 B 模板,要是想...

2017-01-10 ‧ 由 微中子 分享
DAY 27

[Day 27] Angular 2 裝飾器 @ViewChild

前言 連續發了 20 幾天的文,能講的也都講了,邁向神乎其技之路只剩下掌握小地方了吧!之前介紹過 <ng-content> 跟 ContentChi...

2017-01-11 ‧ 由 微中子 分享
DAY 28

[Day 28] Angular 2 製作 tab 元件

前言 tab 就是可以分頁的標籤 如果有用 Bootstrap,那要用 tab 就會很簡單。 <ul class="nav nav-tabs&q...

2017-01-12 ‧ 由 微中子 分享
DAY 29

[Day 29] Angular 2 @Directive

前言 Directive (指令) 在 Angular 可以指很多種情形,這邊我專門討論 @Directive。@Directive 通常用在屬性指令的綁定上,...

2017-01-13 ‧ 由 微中子 分享
DAY 30

[Day 30] Angular 2 單元測試 Unit Test

前言 當我們把程式寫完之後,通常會需要做測試,可能就是跑跑看看東西有沒有出來、符合預期,或著印出內容或是 log 下來。每次都要手動測試很麻煩,有時候也會有死角...

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