1. 前端也要”
AngularJS + PolymerJS 實作分享
硬
”起來
by Po-Ying Chen

2. 硬
前端也要”
AngularJS + PolymerJS 實作分享
”起來
by Po-Ying Chen

5. 8 個！！！

6. 8 個！！！
怎麼沒前端？

7. AngularJS + PolymerJS
打造 iloveck101 前端版本！

10. 快硬起來！！
by 徐敏倚

11. poying/iloveck101

12. 為什麼要並⽤用 PolymerJS, AngularJS︖？!
⽽而且要怎麼要怎麼
分⼯工︖？

13. PolymerJS

14. 1. Custom Elements!
2. Shadow DOM!
3. HTML Imports!
4. Pointer Events!
5. Object. observe()

15. 範例中的 trackstart, trackend, track!
就是基於 PointerEvents
Polymer/PointerGestures

16. 以及⽬目前還 不是很好⽤用 的 Data-binding

17. 很多地⽅方 不像 AngularJS 這樣完整

18. PolymerJS 是個強⼤大、︑先進的 “View”

19. 我們可以拿 PolymerJS 替代 部分 Directive

20. AngularJS

21. Scope, Controller, Service…

22. 豐富的
第三⽅方 module

23. ui-router

24. ⾃自⼰己處理真的很悲劇...
polymerjs-tw/polymer-simple-router

25. PolymerJS / AngularJS 稍微整理

26. 1. 複雜的 Template 部分丟給 AngularJS!
2. 需要相互溝通的地⽅方也交給 AngularJS!
3. 可以元件化的部分盡量包成 Custom Element!
4. Custom Element 裡處理掉低階 Eevent, API

27. AngularJS 是
⽔水泥
PolymerJS 是
磚塊

28. 兩邊處理的事情都更為單純
雙贏！

29. 砌牆 吧！

30. 測試

31. <link rel=“import”>
插入 HTML 時機需要注意！

32. 快點給我
結束！！
by 徐敏倚