iT邦幫忙

鐵人檔案

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

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

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

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

達標好文 [Day 01] Angular 2 簡介

前言 我目前仍在就學,每周也固定花一些時間去公司實習,而且也是近期的事。當初面試的時候是以前端、後端都可以的身分去,展示了幾件作品之後公司也決定聘僱我,公司最...

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

[Day 02] TypeScript -- Angular 2 的寫作靈魂

前言 這系列標題不是 Angular 2之 30天邁向神乎奇蹟之路嗎?怎麼才第二天標題就是 TypeScript(之後簡稱 TS)了呢?怎麼有種掛羊頭賣狗肉的...

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

[Day 03] 當個好的建築師之 Angular 2 架構

Angular 2 架構 Angular 2 主要的元素是 Components。 Angular 2 的主要架構就是一堆的 Components。不過當然,組...

2016-12-18 ‧ 由 微中子 分享
DAY 4

[Day 04] Dependency Injection In Angular 2

前言 注入依賴 (Dependency injection, DI) 是 Angular 最大的特色和賣點。他是一種非常重要的設計模式。他讓不同的 Compon...

2016-12-19 ‧ 由 微中子 分享
DAY 5

[Day 05] Angular2 模板與綁定--互動的根本

先前在說明 Angular 2 的架構時有約略提到數據綁定的方式,接著就讓我們學學如何寫模板 (template) ,如何顯示數據和事件綁定。那為甚麼要學模板的...

2016-12-20 ‧ 由 微中子 分享
DAY 6

[Day 06] Angular 2 表單

Angular 框架仰賴著 HTML 5 強大的功能,本身已經包括雙向綁定、變化跟踪、驗證、錯誤處理等功能。可以處理: Component 和 Templat...

2016-12-21 ‧ 由 微中子 分享
DAY 7

[Day 07] Angular 2 PIPES(通道)

前言 每一個應用程式都是一些非常簡單的任務開始:獲取數據、轉換數據,並把它們顯示給用戶。 我們有想要呈現的數據,但可能樣子很醜,造成用戶體驗很差,或著不是我們要...

2016-12-22 ‧ 由 微中子 分享
DAY 8

[Day 08] Angular 2 Lazy Loading 別讓載入速度拖垮你!

前言 Lazy loading 是指從一個資料物件通過方法獲得裡面的一個屬性物件時,這個對應物件實際並沒有隨其父資料物件建立時一起儲存在執行空間中,而是在其讀...

2016-12-23 ‧ 由 微中子 分享
DAY 9

[Day 09] Angular 2 路由

前言 瀏覽器是一個最熟悉的導向模型應用了,輸入一個 URL 地址後瀏覽器導引至相應 URL 頁面,點擊網頁上的連結接導至另一個新的頁面,瀏覽器的「前一頁」或「後...

2016-12-24 ‧ 由 微中子 分享
DAY 10

[Day 10] Angular 2 動畫 (ANIMATIONS)

前言 動畫在現代網頁中無所不在。好的使用者介面,裡面的動畫應該要看起來很平順自然,必要而不花俏,這樣才能帶給使用者最佳的體驗,並且在某些重要的地方讓使用者注意到...

2016-12-25 ‧ 由 微中子 分享