Cyber Coding Course

師其意,不泥其跡

就是要不一樣,CCC IM beta採用Laravel+Polymer 2.0開發版上線中

什麼是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嗎?可以看看下方的影片(還滿有趣的)。

作者: Devin Yang