Ogni volta che una nuova tecnologia arriva all'orizzonte le principali resistenze sono dovute al fatto che, spesso, occorre cambiare completamente tutti i propri strumenti di lavoro. AngularJS permette di continuare a utilizzare la maggior parte dei plugin (magari anche con proprie dipendenze) ai quali siamo abituati semplicemente creando delle direttive per contenerli.

1. Antonello Pasella
www.pasella.it
@APASELLA
@1UPACADEMY AngularJS Day 2014 – Ancona, 21 marzo
«kitten free presentation»

2. Inserire un barcode in
una pagina PHP?
o altre 1000 librerie disponibili

3. Inserire 10.000 barcode
in una pagina PHP?
Browser
Server

4. Inserire 10.000 barcode
in una pagina PHP?
github.com/antonellopasella/jquery-barcode
• Genera BMP in JavaScript
• Plugin solo per jQuery
• Markup discutibile

5. jQuery Barcode
<div class=‘barcode’>
1234567890
</div>
<div class=‘barcode’>
<img src="data:image/bmp;base64,Qk…BAQ==" />
</div>

6. Let’s go crash!!!
console.log("inizio", new Date());
for(i = 0; i < 1000; i++){
$('.barcode:eq(0)')
.clone()
.appendTo('body')
.html( i );
}
console.log("inizio plugin", new Date());
$('.barcode').barcode({code:'code39'});
console.log("FINE", new Date());

7. Angularize it
<img barcode codice=‘codice’ />

8. Riepilogo
• restrict
• scope
• element
• scope.$watch

9. ?
Antonello Pasella
www.pasella.it
AngularJS Day 2014 – Ancona, 21 marzo
@APASELLA
@1UPACADEMY
http://www.github.com/antonellopasella