Polymer

Watch User Created Playlist (10)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Iterate over a Collection with Polymer's dom-repeate

P

Execute Custom Events in Polymer

P

Create Event Listeners in Polymer Elements

P

Observe Property Changes on a Custom Polymer Element

P

Data Bind Two Polymer Elements

P

Understand Declared Property Basics in Polymer

P

Extend Native HTML Elements with Polymer

P

Use Lifecycle Callbacks On Custom Polymer Elements

P

Style Custom Elements in Polymer

P

Create a Custom Element using Polymer

js tutorial about Iterate over a Collection with Polymer's dom-repeate

Iterate over a Collection with Polymer's dom-repeate

2:49 js PRO

In this lesson we'll use the "dom-repeat" helper method in our custom element to iterate over a collection and use the built in model instantiation to update items in our collection.

js tutorial about Execute Custom Events in Polymer

Execute Custom Events in Polymer

3:08 js PRO

We can utilize the "fire" method from within our custom element to execute a custom event. In this lesson we'll create a custom event and pass useful data along with the event to the consumer of our element.

js tutorial about Create Event Listeners in Polymer Elements

Create Event Listeners in Polymer Elements

1:32 js PRO

In this lesson we'll look at creating event listeners in our custom element using the listeners object as well as annotated event listeners.

js tutorial about Observe Property Changes on a Custom Polymer Element

Observe Property Changes on a Custom Polymer Element

1:57 js PRO

Custom element property changes can be observed by specifying an observer method which will be executed whenever a change occurs and receive both the new value and old value.

js tutorial about Data Bind Two Polymer Elements

Data Bind Two Polymer Elements

5:12 js PRO

Polymer provides us a variety of data-binding configurations. In this lesson we'll look at configuring Two-way, One-way-down and One-way-up data binding.

js tutorial about Understand Declared Property Basics in Polymer

Understand Declared Property Basics in Polymer

4:31 js PRO

We can declare properties on our custom element which serve as a public api configurable by any user from markup.

js tutorial about Extend Native HTML Elements with Polymer

Extend Native HTML Elements with Polymer

3:11 js PRO

Polymer allows us to extend a native HTML elements UI or functionality. In this lesson we'll use a button as our custom element basis and add new UI and functionality to it that can be added to any button in our application.

js tutorial about Use Lifecycle Callbacks On Custom Polymer Elements

Use Lifecycle Callbacks On Custom Polymer Elements

5:49 js PRO

In this lesson we'll look at the lifecycle callbacks (Created, Ready, Attached, Detached, and attributeChanged) available to us in Polymer and how to use each one.

js tutorial about Style Custom Elements in Polymer

Style Custom Elements in Polymer

5:55 js PRO

In this lesson we'll look at how to isolate the style of our custom element, use the ":host" selector, and create css variables in order to theme our element.

js tutorial about Create a Custom Element using Polymer

Create a Custom Element using Polymer

4:20 js

In this lesson we'll install Polymer using bower and explore creating our first custom element. We will use the dom-module to create our first Element and add an event listener to watch for the keyup event.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?