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!