Slide 1

Slide 1 text

From Components to App

Slide 2

Slide 2 text

Maurizio Mangione @granze

Slide 3

Slide 3 text

What’s this talk about?

Slide 4

Slide 4 text

Web Components

Slide 5

Slide 5 text

What’s the status of WC today? http://jonrimmer.github.io/are-we-componentized-yet

Slide 6

Slide 6 text

What is Polymer?

Slide 7

Slide 7 text

- Easy to start with - Declarative - Production ready

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

More elements...

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

Installing an element > bower install flip-clock

Slide 12

Slide 12 text

Importing and using an element

Slide 13

Slide 13 text

https://github.com/Granze/flip-clock

Slide 14

Slide 14 text

Create your first element

Slide 15

Slide 15 text

Element

Slide 16

Slide 16 text

...and now?

Slide 17

Slide 17 text

A Polymer based app

Slide 18

Slide 18 text

The Wrapper (Auto-binding templates)

Slide 19

Slide 19 text

Binding from the “outside”

Slide 20

Slide 20 text

Routing with page.js

Slide 21

Slide 21 text

Routing with page.js

Slide 22

Slide 22 text

Elements

Slide 23

Slide 23 text

Web component tester Mocha, Chai, Sinon and more...

Slide 24

Slide 24 text

http://go.shr.lc/1NtSwki

Slide 25

Slide 25 text

Polyserve Web server for using bower components locally

Slide 26

Slide 26 text

Polybuild Vulcanize, Crisper, Polyclean

Slide 27

Slide 27 text

Polylint Atom && Sublime Text packages available

Slide 28

Slide 28 text

Polydev Chrome DevTools extension

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

Polymer starter kit

Slide 31

Slide 31 text

- Offline support - Complete build chain - Responsive app layout

Slide 32

Slide 32 text

Deploy your App with ease

Slide 33

Slide 33 text

Firebase deploy > npm i -g firebase-tools > firebase init > firebase deploy 1 2 3

Slide 34

Slide 34 text

https://github.com/Granze/awesome-polymer

Slide 35

Slide 35 text

Get in touch @granze Thanks!