iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

你不能不知道的Polymer開發實戰 系列

Web 開發元件化有其優勢與應用場景。Polymer 是 Google 推出支援Web Compoent標準的框架,雖然 AngularJS 有 directive,但在這點上Polymer其實更為全面且出色,而且今年率先支援 Material Design元件,就讓筆者做中學來分享開發實戰吧~

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

打造鐵人賽積分排行榜 (應用篇)

今日目標: 用Polymer開發鐵人賽積分排行榜 想不想看目前各組鐵人積分排名? 很想對不對? 好,雖然IT鐵人賽官方網頁沒公佈,但資料倒是很齊全。所以今天就...

2014-10-11 ‧ 由 martyshu 分享
DAY 22

打造鐵人賽積分排行榜 (D3元件)

今日目標: 了解如何包裝 D3 視覺化元件 視覺化元件 <d3-flare> 這元件功能是顯示目前鐵人賽各組參與人數,以及積分的視覺化效果。...

2014-10-12 ‧ 由 martyshu 分享
DAY 23

打造鐵人卡片元件

今日目標: 包裝鐵人卡片元件 鐵人卡片 <itironman-card> [線上試玩] **** [Github] **** 卡片很多..要稍...

2014-10-13 ‧ 由 martyshu 分享
DAY 24

Material Design - Rippe效果

今日目標: 了解Ripple效果並包裝成img-ripple元件 分享Polymer 20幾天,是該來談談 Google 今年推出的 Material Des...

2014-10-14 ‧ 由 martyshu 分享
DAY 25

Material Design - 可捲動標題面板

= 今日目標: 了解 <core-scroll-header-panel> 元件與用法 scroll-header-panel 捲動標題面板,是...

2014-10-15 ‧ 由 martyshu 分享
DAY 26

Material Design - 對話框

今日目標: 了解 <paper-dialog> 元件與用法 Dialog 是很常見的元件形態,那套上了Material Design又有什麼特別...

2014-10-16 ‧ 由 martyshu 分享
DAY 27

Material Design - 案例研究(HTML結構)

今日目標: 深入了解Polymer官網的計算機案例 [線上試玩] Polymer官網使用了Material Design開發兩個應用範例,充分展現了組裝元件式...

2014-10-17 ‧ 由 martyshu 分享
DAY 28

Material Design - 自適應(RWD)鍵盤,有這種事?

今日目標: 拿計算機元件,組裝出RWD鍵盤 自適應(RWD)網站、(RWD)圖片相信大家都聽過,但是RWD鍵盤沒聽過吧....今日就讓我們用昨日計算機的key...

2014-10-18 ‧ 由 martyshu 分享
DAY 29

最終還是要打包

今日目標: 使用Polymer Vulcanize 打包,了解如何使用Yeoman 使用Polymer開發Web應用,元件慣例是一個html檔案存放,方便管理...

2014-10-19 ‧ 由 martyshu 分享
DAY 30

Polymer 30天全面解析

整理分享30天文章與範例,從入門、進階、範例等循序漸進方式介紹,讓開發者能一窺Polymer全貌、快速入門 = 一、入門篇 官網使用介紹 使用介紹有 30秒、...

2014-10-20 ‧ 由 martyshu 分享