del plugin non si butta via niente - angularjsday 2014 ancona @apasella
DESCRIPTION
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.TRANSCRIPT
![Page 1: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella](https://reader038.vdocument.in/reader038/viewer/2022100603/5594aaf11a28ab920e8b458c/html5/thumbnails/1.jpg)
Antonello Pasella
www.pasella.it
@APASELLA@1UPACADEMY
AngularJS Day 2014 – Ancona, 21 marzo
«kitten free presentation»
![Page 2: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella](https://reader038.vdocument.in/reader038/viewer/2022100603/5594aaf11a28ab920e8b458c/html5/thumbnails/2.jpg)
Inserire un barcode in una pagina PHP?
o altre 1000 librerie disponibili
![Page 3: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella](https://reader038.vdocument.in/reader038/viewer/2022100603/5594aaf11a28ab920e8b458c/html5/thumbnails/3.jpg)
Inserire 10.000 barcode in una pagina PHP?
Browser
Server
![Page 4: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella](https://reader038.vdocument.in/reader038/viewer/2022100603/5594aaf11a28ab920e8b458c/html5/thumbnails/4.jpg)
Inserire 10.000 barcode in una pagina PHP?
github.com/antonellopasella/jquery-barcode
• Genera BMP in JavaScript• Plugin solo per jQuery• Markup discutibile
![Page 5: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella](https://reader038.vdocument.in/reader038/viewer/2022100603/5594aaf11a28ab920e8b458c/html5/thumbnails/5.jpg)
jQuery Barcode
<div class=‘barcode’>1234567890</div>
<div class=‘barcode’><img src="data:image/bmp;base64,Qk…BAQ==" /></div>
![Page 6: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella](https://reader038.vdocument.in/reader038/viewer/2022100603/5594aaf11a28ab920e8b458c/html5/thumbnails/6.jpg)
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());
![Page 7: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella](https://reader038.vdocument.in/reader038/viewer/2022100603/5594aaf11a28ab920e8b458c/html5/thumbnails/7.jpg)
Angularize it
<img barcode codice=‘codice’ />
![Page 8: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella](https://reader038.vdocument.in/reader038/viewer/2022100603/5594aaf11a28ab920e8b458c/html5/thumbnails/8.jpg)
Riepilogo
• restrict• scope• element• scope.$watch
![Page 9: Del plugin non si butta via niente - Angularjsday 2014 Ancona @apasella](https://reader038.vdocument.in/reader038/viewer/2022100603/5594aaf11a28ab920e8b458c/html5/thumbnails/9.jpg)
?Antonello Pasella
www.pasella.it
AngularJS Day 2014 – Ancona, 21 marzo
@APASELLA@1UPACADEMY
http://www.github.com/antonellopasella