Le librerie e i framework Ja­va­Script più co­no­sciu­ti

Ja­va­Script (ab­bre­via­to JS) è un lin­guag­gio di scripting orientato agli oggetti che permette di vi­sua­liz­za­re i contenuti dinamici HTML nel browser, ma viene anche uti­liz­za­to per la pro­gram­ma­zio­ne fun­zio­na­le e pro­ce­du­ra­le. Ja­va­Script è composto da oggetti pre­de­fi­ni­ti (elementi con spe­ci­fi­che proprietà o metodi e funzioni) che con­sen­to­no l’accesso ad una pagina, anche se risultano complessi da usare. Molti comandi utili sono ormai stati raccolti in diverse librerie Ja­va­Script (in inglese “Ja­va­Script Libraries”) e framework, cioè degli strumenti che fa­ci­li­ta­no il lavoro di pro­gram­ma­zio­ne. Vi pre­sen­tia­mo quelli più co­no­sciu­ti.

No­no­stan­te vengano spesso usati come sinonimi, i termini “libreria“ e “framework“ hanno in realtà si­gni­fi­ca­ti diversi. Nei paragrafi seguenti vi spie­ghia­mo meglio in cosa con­si­sta­no le loro dif­fe­ren­ze.

Nel campo della pro­gram­ma­zio­ne una libreria è so­stan­zial­men­te una libreria di programmi, in­di­pen­den­te­men­te da quali comprenda. Le librerie con­ten­go­no sempre dei sot­to­pro­gram­mi che hanno delle funzioni per fa­ci­li­ta­re il lavoro di pro­gram­ma­zio­ne. Al contrario di un framework, una libreria viene svi­lup­pa­ta per un uso specifico e possiede per questo delle funzioni adatte al software di ri­fe­ri­men­to. Ad esempio si utilizza la libreria Ja­va­Script D3.js per la vi­sua­liz­za­zio­ne dei dati, così da poter rea­liz­za­re sia piccole tabelle, diagrammi e sta­ti­sti­che che rap­pre­sen­ta­zio­ni grafiche complesse (com­pren­si­ve di ani­ma­zio­ni e altre pos­si­bi­li­tà di in­te­ra­zio­ne). Le librerie sono sempre integrate in un software che è in grado di accedere alle funzioni di cui ha bisogno, quando ne­ces­sa­rio. Per questo fun­zio­na­no solo all’interno di un programma e non possono essere eseguite in maniera autonoma.

Anche un framework (tra­du­ci­bi­le come “in­te­la­ia­tu­ra“ o “struttura”) non è un programma autonomo, ma appare piuttosto come un tipo par­ti­co­la­re di libreria standard (composta da una col­le­zio­ne di classi e funzioni). Un framework si presenta come la struttura di base di un’ap­pli­ca­zio­ne e determina il processo di sviluppo. Esistono precisi modelli con diverse funzioni (spesso sotto forma di più librerie) e si uti­liz­za­no per lo sviluppo di nuovi programmi autonomi. Un esempio al riguardo è il framework Zend per PHP, uti­liz­za­to nel software per l’e-commerce di Magento e dallo strumento di analisi Piwik.

Un’altra dif­fe­ren­za tra framework e libreria consiste nel controllo. Nelle librerie i pro­gram­ma­to­ri accedono al codice at­tra­ver­so un’in­ter­fac­cia di pro­gram­ma­zio­ne, invece i framework eseguono un’in­ver­sio­ne di controllo (in inglese “Inversion of Control”): il codice viene inserito in strutture pre­de­fi­ni­te del framework e ri­chia­ma­to quando richiesto. In sintesi si può dire che le librerie vengono uti­liz­za­te dal programma, mentre un framework gli dà istru­zio­ni.

Ja­va­Script è so­stan­zial­men­te un lin­guag­gio di pro­gram­ma­zio­ne semplice, par­ti­co­lar­men­te adatto per essere uti­liz­za­to dal browser. Delle com­pli­ca­zio­ni sorgono al momento di uti­liz­za­re un’in­ter­fac­cia per il sito, cioè il DOM (Document Object Model) che si appoggia ai framework e alle librerie Ja­va­Script, volte ad agevolare il compito degli svi­lup­pa­to­ri. Nei prossimi paragrafi vi pre­sen­tia­mo le esten­sio­ni Ja­va­Script di­spo­ni­bi­li gra­tui­ta­men­te.

Le librerie Ja­va­Script sono dei codici riu­ti­liz­za­bi­li at­tra­ver­so i quali vengono assegnate proprietà e funzioni spe­ci­fi­che per un sito. La libreria Ja­va­Script più famosa è jQuery, che offre molte funzioni utili, ma ve ne sono anche altre.

jQuery

La libreria completa jQuery è quella più uti­liz­za­ta e co­no­sciu­ta, dal momento che il codice può essere scritto per tutti i browser e vengono creati molti plug-in. La libreria open source è una com­po­nen­te es­sen­zia­le di molti CMS come WordPress, Drupal o Joomla!. jQuery serve a sem­pli­fi­ca­re la gestione degli elementi DOM e presenta diverse funzioni per questo scopo: con i selettori del CSS3 si possono se­le­zio­na­re fa­cil­men­te e ma­ni­po­la­re gli elementi del sito. Inoltre questa libreria è par­ti­co­lar­men­te ap­prez­za­ta perché permette di integrare richieste Ajax, cioè delle richieste HTTP dove non è ne­ces­sa­rio ri­ca­ri­ca­re la pagina.

Esistono senza dubbio più librerie che framework Ja­va­Script. In par­ti­co­la­re questi ultimi sono mag­gior­men­te adatti per ap­pli­ca­zio­ni web complesse, quindi af­fi­dan­do­si ai concetti e ai comandi del framework scelto, gli svi­lup­pa­to­ri lavorano in modo molto più efficace.

AngularJS

Questo framework creato da Google dispone della più grande community tra i framework Ja­va­Script. Ana­lo­ga­men­te al suo con­cor­ren­te prin­ci­pa­le, la libreria React di Facebook, AngularJS serve per rea­liz­za­re Single Page Ap­pli­ca­tion, cioè web app co­sti­tui­te solo da un documento HTML. Grazie al modello MVVM (Model View ViewModel) possono essere svi­lup­pa­te delle ap­pli­ca­zio­ni che intendono rea­liz­za­re un’in­te­ra­zio­ne con gli utenti. AngularJS è un’ap­pli­ca­zio­ne lato client, che si basa su jQuery Lite, una variante compatta della famosa libreria Ja­va­Script jQuery. Una curiosità: i pro­dut­to­ri del framework Ja­va­Script lo clas­si­fi­ca­no piuttosto (in maniera semi-seria) come MVW, cioè Model-View-Whatever.

Framework e librerie possono essere dei validi aiuti per al­leg­ge­ri­re il lavoro con Ja­va­Script, anche se quelli pre­sen­ta­ti qui sono solo una selezione tra i molti strumenti di­spo­ni­bi­li. Per in­for­mar­si sugli altri framework, librerie e plug-in Ja­va­Script, si consiglia di con­sul­ta­re GitHub e il sito www.ja­va­scrip­ting.com, dove potete trovare le esten­sio­ni Ja­va­Script più adatte ai diversi scopi.