building a single page application with polymer

Bart WoutersUX Designer

Paul van DamFront-end Developer

BUILDING AN APPLICATION WITH POLYMER.

What are we going to do?

How are we going to do it?

HUMAN WORK.Wearing out keyboards.

Filter manager options

Filter groups Filters per group

Change sortorder

Edit filter content

Add filter

Filter manager

NEW CMS.No biggie.

STANDARDIZED COMPONENTS.Sheldon style.

BUT HOW SHOULD WE DO THAT?

COMPONENTS.Don’t Repeat Yourself.

Polymer

WebComponents

HTML CSS JS

HTML

CSS

JS

HTML

CSS

JS

HTML

CSS

JS

POLYMER.Prepare for more code samples.

POLYMER UNBOXED.We’re in the library, sssssst.

Polyfill

Clean declarative syntax

Two-way data binding and property observation

Component library

COMMUNICATION.Hello world.

TOO MUCH COMMUNICATION.Bye world.

Model

Controller-view

Comp.

Comp. Comp.

Comp.

Comp. Comp.

Comp.

Comp. Comp.

API

Model

Controller-view

View

POINTS OF INTEREST.Dot dot dot.

Browser support

Requests

Two-way data binding

Version 0.8 is coming

Clean syntax

Features

Web Componentsfuture standard

INTERESTING.A little homework.

github.com/pcvandamcb/polymer-examplecoolblue-polymer-example.divshot.io

webcomponents.orgpolymer-project.org

github.com/polymer/vulcanizeaurelia.io

divshot.com

Bart Woutersb.wouters@coolblue.nl

Paul van Damp.vandam@coolblue.nl