Polymer Working Samples for 1.0

The sample shows how to works Polymer 1.0. Many samples output their log to console. the console should be opened to watch the logs. The sample list according to Polymer 1.0 Primer content

Basic Custom Element sugaring

• Custom element constructor
• Custom element registration
• Bespoke constructor support
• Basic lifecycle callbacks
• Native HTML element extension
• Property configuration
• Attribute deserialization to property
• Static attributes on host
• Behaviors mixins

Template stamped into "local DOM" and tree lifecycle

• Template stamping into local DOM
• Scoped styling
• DOM re-distribution
• DOM API
• Configuring default values
• Bottom-up callback after configuration

Node marshaling and events

• Local node marshalling
• Event listener setup
• Annotated event listener setup
• Gesture event support
• Gesture event
• Gesture event with listener

• Property change callbacks
• Multiple-property observation
• Path observation
• Deep path observation
• Array observation

Data binding

• Annotated property binding
• Property change notification
  • Property change notification and Two-way binding
  • Property change notification and owo-way binding (downward) with square bracket
  • Property change notification and one-way binding (downward) with notify
  • Property change notification and one-way binding upward
  • Custom notify event and binding to native elements
• Binding to structured data
• Path change notification
• Array mutation
• Declarative attribute binding
• Binding to native element attributes

Advanced property configuration

• Reflecting properties to attributes
• Computed properties
• Annotated computed properties
• Read-only properties

Advanced styling features

• Cross-scope styling
• Custom CSS properties
• Custom CSS properties with @apply
• External stylesheets

Settings, utility functions, and layering

• General polymer settings
• Utility Functions
• Polymer feature layers

Helper Custom Elements

• Template repeater
• Array selector
• Conditional template
• Self-binding template
• Custom element for document styling - x-style