什麼是Webcomponents?

Web元素是一組Web平台API，允許您創建新的自定義，可重複使用的 封裝 的HTML標籤，
以在網頁和Web應用程式中使用。
基於Web元素標準的自定義組件和小部件將在現今瀏覽器中運行，
並可與任何使用HTML的JavaScript庫或框架一起使用。

Polymer則使用Webcomponents的標準，但提供更多的功能給我們，
包函了資料綁定，元素繼承..等。
這裡雖然這個聊天室還沒用到元素繼承，但期待未來有機會用到，這個新功能。
但我已漸漸感覺出Polymer 2.0帶來的威力囉。

就如Polymer官網說的我感覺到了：
「 Unlock the Power of Web Components. Polymer is a JavaScript library that helps you create custom reusable HTML elements, and use them to build performant, maintainable apps.」

可再用(reuseable)

我在自己訂義的 <ccc-code> 中去使用了別人開發好的 prism-element 中的 prism-demo ，
節省掉了一些時間。
相信PHP Laravel的開發者，都知道composer，
透過Packagist有大量的PHP套件可以供我們使用，

那Polymer呢，有嗎?
底下就是Polymer的積木堆了，寫網頁就像組積木:
https://www.webcomponents.org/

CCC IM目前為Beta開發階段，如果您想試用，非常歡迎由CCC官網的社群中點入，
您可以隨意創建頻道，如果碰到什麼狀況有問題，可以試著重載看看。

下圖的CCC IM及是透過
<ccc-chat-area></ccc-caht-area>
<ccc-chat-submit></ccc-chat-submit>
兩個主要自訂元素主成的..需要時，可以任意的調整位子，
所以訪客的畫面我就是拿掉了 <ccc-chat-submit></ccc-chat-submit> 發送留言的自訂原素，

未來電子白版就取名叫 <ccc-whiteboard> ，我都想好啦:p 。


有興趣了解Polymer 2.0嗎？可以看看下方的影片(還滿有趣的）。