Polymer Sweeter Web Components

Phonegap Mobile App Development
18 aprile 2017
Realtime Apps con AngularJS e Firebase
18 aprile 2017
Frontend Development

Polymer Sweeter Web Components

I WebComponents sono una realtà e ci permettono di creare i nostri elementi html riutilizzabili, ma per creare WebComponents complessi e pieni di funzionalità utilizzare JS Vanilla richiede molto lavoro. Polymer è una libreria che ci dà una struttura per come costruire web components e web application “zuccherando” il tutto con molte funzionalità (2-way databinding, templating, etc…) e utili componenti preconfezionati per noi. Con i paper-element possiamo quindi, in pochissimo tempo, avere bellissime applicazioni Material Design.


 

Prerequisiti

Il partecipante dovrà avere delle basi di HTML e Javascript. La Chrome App Chrome Dev Editor installata o il proprio editor preferito e bower.

 

Obiettivi formativi

In questo corso verranno fornite le basi per poter utilizzare Polymer nel creare nuove applicazioni e webcomponents, oltre che a fornire una base per poter analizzare i webcomponents offerti da Google e poter imparare di più dal loro funzionamento.

 

Programma

  • Tecnologie che compongono i WebComponents
  • Come Polymer estende e semplifica l’utilizzo dei WebComponents
    • struttura
    • templating esteso
    • 2way databinding
    • semplificazione gestione eventi
    • layout attributes
  • Esercizio guidato: un semplice WebComponent con Polymer
  • Overview e analisi di alcuni core-elements e paper-elements
  • Esercizio guidato: una semplice app
  • Polymer webcomponents avanzati
  • Google Web Components
  • Sample Apps
  • Tooling e best practices
  • Vulcanize
  • YO Polymer