Polymer is Google’s implementation of WebComponents for today’s browser. If you are not familiar with it, check out this nice tutorial by Pankaj Parashar. The main idea behind WebComponents is that we should be able to create our own web components (hence the name). A web component is just a custom HTML element with some styles and behavior attached to it. An example can be the following:
1 |
<my-video-player url="movie.mp4" width="250" height="150" auto-play> |
Polymer provides two sets of components one can use directly or build on:
- Core – basic elements, both visual and non-visual, that can help one built layouts, scaffolding, and user interaction
- Paper – these elements implement the material design philosophy of Google