C’est quoi un polymer?
Polymer est une librairie qui utilise les dernières technologies web permettant de créer des éléments HTML personnalisés.
Polymer est donc une grosse molécule composée de plusieurs sous-éléments personnalisés : Template, Html importé, éléments personnalisés…
Comment créer un nouvel élément?
Les éléments (, ,
Par exemple, on peut créer un bouton pour une application complète, réutilisable et encapsulé qui peut fonctionner aussi sur le mobile.
Template sans le Polymer
### Template utilisant le Polymer1. Créer l’élément personnalisé
#### 2.Instancier le nouveau élément # Les attributs et les propriétés d’un élémentOn peut créer un nouvel élément en utilisant les attributs suivants :
- name : le nom d’un custom élément et c’est obligatoire comme attribut
- attributes : servant à publier les propriétés
- extends : utilisé pour hériter d’autres éléments
- noscript : utilisé pour les éléments simples qui n’ont pas besoin d’appeler Polymer()
- constructeur : le constructeur permet aux utilisateurs de créer des instances d’un élément à l’aide de l’opérateur new (par exemple var tagName = new TagName ())
Exemple:
On peut ajouter des propriétés et des méthodes au prototype ainsi des scripts et feuilles de styles externes.Exemple:
On peut déclarer les propriétés internes ou externes de l’élément.**Interne de l’élément **
Pour déclarer des propriétés en interne d’un élément, on utilise du data-binding.
Exemple:
### Externe de l’élémentOn doit configurer les attributs, lorsqu’on veut déclarer les propriétés externes de l’élément.
Exemple:
# API Polymer**Polymer elements **
Les Polymer elements sont des éléments non visuels qu’on peut utiliser pour toutes les couches.
Exemple:
Layout
Services/libs
Données
Comportement et interaction
Polymer UI elements
Les Polymer UI elements sont des éléments visuels destinés surtout pour la partie présentation comme : créer un menu, gérer les pages, afficher la météo, etc.
Exemple: