Google Polymer.js training course

Course Agenda

Web Components

Introduction to Web Components

Templates

Shadow DOM

Custom elements

HTML imports

Styles and selectors

Material Design

What is Material Design?

Material Design – to the moon and back!

Other tools

Introduction to Polymer

What is Polymer?

Downloading the code

Working with Polymer

Registering elements

Declaring element properties

Property change observers

Local Polymer DOM elements

Data binding in Polymer

Behaviors in Polymer

Mixins in Polymer

Polymer Elements

App elements

Iron elements

Paper elements

Google web components

Gold elements

Neon elements

Platinum elements

Molecules

First Application with Polymer

Meet P O L Y

Setups

Starting with the app development

P O L Y – the app page (home.html)

Polymer Designer Tool and Polymer Starter Kit

Polymer Designer Tool

The right-hand side panel

The top panel

Polymer Starter Kit

Working with Polymer.dart

What is Dart?

Installing Dart

Structuring an application

Using custom elements in Dart

Creating custom elements in Dart

Building an app

Tools