Polymer
Everything is an Element
What is Polymer?
- Framework for creating custom elements
-
Takes advantage of polyfills for emerging web standards
-
Debuted at Google I/O 2013
What Polymer is NOT
- AngularJS
- X-Tag
- Just another JS library
Web Component Model
An attempt to modularize the web
-
Templates
-
Decorators
-
Custom Elements
-
Shadow DOM
-
Imports
Web Component Model
An attempt to modularize the web
-
Templates
-
Decorators
-
Custom Elements
-
Shadow DOM
-
Imports
Templates
Chunks of markup that can be activated for later use
Decorators
Let CSS affect markup changes
Custom Elements
Let authors define their own elements
Shadow DOM
Encapsulates a DOM subtree
Shadow DOM
Can be seen in the current video tag
A single tag gives play button, volume control, video stream, etc
Import
Standardize importing of different file types
Layers of Polymer
Example
Polymer-UI-breadcrumbs
Example
Polymer-UI-breadcrumbs
Community Elements
Polymer
By Diego Barahona
