Il 2014 sarà l’anno dei Web Components! Cosa sono?
Questa nuova tecnologia, le cui specifiche sono state definite in un draft del W3C a giugno 2013, permetterà l’utilizzo di Widget nella creazione delle applicazioni Web.
Il component model dei Web Components è composto da:
- Templates
- Decorators
- Custom Elements
- Shadow DOM
- Imports
I Templates permettono di inserire nella pagina delle porzioni di codice HTML che vengono “ignorate” dal browser fino a che un comando non copia o sposta il contenuto del template all’interno del documento HTML.
I Decorators sono delle entità che alterano l’aspetto degli elementi a cui sono applicati mediante la proprietà CSS decorator. I Decorator possono anche aggiungere degli event handler agli elementi a cui sono applicati.
I Custom Elements sono elementi DOM definibili dall’autore che possono avere uno stato ed dei comportamenti associati.
Lo Shadow DOM è un insieme di nodi che può essere associato agli elementi del DOM ma non appaiono come children. Però quando un elemento ha uno Shadow DOM come child, i suoi nodi sono ignorati a favore di quello dello Shadow DOM.
Infine le Import specification definiscono la modalità in cui Custom Elements e Decorators possono essere incorporati in un documento HTML.
… restate connessi ….