Polymer from components to app

210a2116d2266c84d155f1d8a14f31ef?s=47 FEVR
November 26, 2015

Polymer from components to app

Polymer è una libreria che permette di creare Web Components in maniera semplice e dichiarativa.

Questo talk non vuole essere la solita introduzione, ma un approccio pragmatico su cosa sono i Web Components, come possono essere usati per creare componenti riutilizzabili e come assemblarli per sviluppare un'intera applicazione.

210a2116d2266c84d155f1d8a14f31ef?s=128

FEVR

November 26, 2015
Tweet

Transcript

  1. From Components to App

  2. Maurizio Mangione @granze

  3. What’s this talk about?

  4. Web Components

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

  6. What is Polymer?

  7. - Easy to start with - Declarative - Production ready

  8. None
  9. More elements...

  10. None
  11. Installing an element > bower install flip-clock

  12. Importing and using an element

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

  14. Create your first element

  15. <hello-world> Element

  16. ...and now?

  17. A Polymer based app

  18. The Wrapper (Auto-binding templates)

  19. Binding from the “outside”

  20. Routing with page.js

  21. Routing with page.js

  22. Elements

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

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

  25. Polyserve Web server for using bower components locally

  26. Polybuild Vulcanize, Crisper, Polyclean

  27. Polylint Atom && Sublime Text packages available

  28. Polydev Chrome DevTools extension

  29. None
  30. Polymer starter kit

  31. - Offline support - Complete build chain - Responsive app

    layout
  32. Deploy your App with ease

  33. Firebase deploy > npm i -g firebase-tools > firebase init

    > firebase deploy 1 2 3
  34. https://github.com/Granze/awesome-polymer

  35. Get in touch @granze Thanks!