ݺߣ

ݺߣShare a Scribd company logo
A cura di Michele Maione
WUI con Google Polymer 1
LinuxDay Napoli 2016
Software architect presso Pianetasoft s.r.l.
mikymaione@hotmail.it
www.maionemiky.it
Google Polymer 1 è una libreria JavaScript open-
source, che permette la creazione di WUI (Web
User Interface) utilizzando il paradigma della
programmazione ad oggetti (web components).
La ricca componentistica inclusa nella libreria è
divisa in moduli, 8 per l'esattezza, che coprono
tutti gli ambiti dello sviluppo di WUI. C'è un intero
modulo di componenti visuali che segue i principi
del Material Design (di Google).
Google Polymer 1Google Polymer 1
Perché sono cosi forti:
● Scritta in: Javascript
● Versione attuale: 1.4.0 (marzo 2016)
● Versione beta: 2.0
● Licenza: 3-Clause BSD
InformazioniInformazioni
Perché sono cosi forti:
● Installare NodeJS
● Installare Git
● npm install -g bower
● npm install -g polymer-cli
● polymer init starter-kit
Installazione (sudo!)Installazione (sudo!)
Perché sono cosi forti:
● polymer serve --open
EsecuzioneEsecuzione
Perché sono cosi forti:EsecuzioneEsecuzione
Catologo onlineCatologo online
Material DesignMaterial Design
Perché sono cosi forti:
● bower install polymerelements/paper-elements
Come scaricare un modulo?Come scaricare un modulo?
Un web-component: interoUn web-component: intero
Un web-component: templateUn web-component: template
Un web-component: scriptUn web-component: script
Perché sono cosi forti:
Ok passiamo al codice!
Si ma...Si ma...
Perché sono cosi forti:
Domande?
FineFine

More Related Content

More from NaLUG (20)

PDF
Cyber Forensic
NaLUG
PDF
Digital Divide
NaLUG
PDF
Drupal
NaLUG
PDF
Digital Forensic
NaLUG
PDF
Open Source: strumento per l'e-democracy
NaLUG
ODP
OpenHardware : Arduino
NaLUG
PDF
Understanding Linux
NaLUG
PDF
Net Neutrality: HoBBIT
NaLUG
PDF
Opensource per un Sistema Informativo Territoriale
NaLUG
ODP
Knomos
NaLUG
PDF
App comunicazione comune di Napoli
NaLUG
ODP
BISmark : the broadband internet service benchmark
NaLUG
PDF
ClearOS
NaLUG
PDF
Security and hacking Engineering
NaLUG
PDF
Software libero at ENEA
NaLUG
ODP
Una nuova crittografia frattale: Crypt fna
NaLUG
PDF
ROS@Unina
NaLUG
PPTX
Python@Unina - Exercises
NaLUG
PPTX
Python@Unina - Theory
NaLUG
PDF
Linux@Unina
NaLUG
Cyber Forensic
NaLUG
Digital Divide
NaLUG
Drupal
NaLUG
Digital Forensic
NaLUG
Open Source: strumento per l'e-democracy
NaLUG
OpenHardware : Arduino
NaLUG
Understanding Linux
NaLUG
Net Neutrality: HoBBIT
NaLUG
Opensource per un Sistema Informativo Territoriale
NaLUG
Knomos
NaLUG
App comunicazione comune di Napoli
NaLUG
BISmark : the broadband internet service benchmark
NaLUG
ClearOS
NaLUG
Security and hacking Engineering
NaLUG
Software libero at ENEA
NaLUG
Una nuova crittografia frattale: Crypt fna
NaLUG
ROS@Unina
NaLUG
Python@Unina - Exercises
NaLUG
Python@Unina - Theory
NaLUG
Linux@Unina
NaLUG

Recently uploaded (8)

PDF
AIXMOOC 4.3 - Geopolitica dell'intelligenza artificiale (Alessandro Aresu)
Alessandro Bogliolo
PDF
AIXMOOC 6.1 - Non sono un robot (Dom Holdaway)
Alessandro Bogliolo
PDF
AIXMOOC 5.3 - L'essere umano di fronte all'I.A. (Cristiano Maria Bellei)
Alessandro Bogliolo
PDF
AIXMOOC 3.2 - Linguaggio e memoria (Manuela Berlingeri)
Alessandro Bogliolo
PDF
AIXMOOC 3.3 - Linguaggio e capacità cognitive (Gabriella Bottini)
Alessandro Bogliolo
PDF
AIXMOOC 2.6 - Come funzionano i Large Language Models
Alessandro Bogliolo
PDF
Sotto il letto, sopra il cloud: costruirsi un’infrastruttura da zero
Speck&Tech
PDF
Accessibilità ed equità digitale: un impegno, non una scelta
Commit University
AIXMOOC 4.3 - Geopolitica dell'intelligenza artificiale (Alessandro Aresu)
Alessandro Bogliolo
AIXMOOC 6.1 - Non sono un robot (Dom Holdaway)
Alessandro Bogliolo
AIXMOOC 5.3 - L'essere umano di fronte all'I.A. (Cristiano Maria Bellei)
Alessandro Bogliolo
AIXMOOC 3.2 - Linguaggio e memoria (Manuela Berlingeri)
Alessandro Bogliolo
AIXMOOC 3.3 - Linguaggio e capacità cognitive (Gabriella Bottini)
Alessandro Bogliolo
AIXMOOC 2.6 - Come funzionano i Large Language Models
Alessandro Bogliolo
Sotto il letto, sopra il cloud: costruirsi un’infrastruttura da zero
Speck&Tech
Accessibilità ed equità digitale: un impegno, non una scelta
Commit University
Ad

WUI con Google Polymer

  • 1. A cura di Michele Maione WUI con Google Polymer 1 LinuxDay Napoli 2016 Software architect presso Pianetasoft s.r.l. mikymaione@hotmail.it www.maionemiky.it
  • 2. Google Polymer 1 è una libreria JavaScript open- source, che permette la creazione di WUI (Web User Interface) utilizzando il paradigma della programmazione ad oggetti (web components). La ricca componentistica inclusa nella libreria è divisa in moduli, 8 per l'esattezza, che coprono tutti gli ambiti dello sviluppo di WUI. C'è un intero modulo di componenti visuali che segue i principi del Material Design (di Google). Google Polymer 1Google Polymer 1
  • 3. Perché sono cosi forti: ● Scritta in: Javascript ● Versione attuale: 1.4.0 (marzo 2016) ● Versione beta: 2.0 ● Licenza: 3-Clause BSD InformazioniInformazioni
  • 4. Perché sono cosi forti: ● Installare NodeJS ● Installare Git ● npm install -g bower ● npm install -g polymer-cli ● polymer init starter-kit Installazione (sudo!)Installazione (sudo!)
  • 5. Perché sono cosi forti: ● polymer serve --open EsecuzioneEsecuzione
  • 6. Perché sono cosi forti:EsecuzioneEsecuzione
  • 9. Perché sono cosi forti: ● bower install polymerelements/paper-elements Come scaricare un modulo?Come scaricare un modulo?
  • 10. Un web-component: interoUn web-component: intero
  • 11. Un web-component: templateUn web-component: template
  • 12. Un web-component: scriptUn web-component: script
  • 13. Perché sono cosi forti: Ok passiamo al codice! Si ma...Si ma...
  • 14. Perché sono cosi forti: Domande? FineFine