Le librerie e i framework JavaScript più conosciuti

JavaScript (abbreviato JS) è un linguaggio di scripting orientato agli oggetti che permette di visualizzare i contenuti dinamici HTML nel browser, ma viene anche utilizzato per la programmazione funzionale e procedurale. JavaScript è composto da oggetti predefiniti (elementi con specifiche proprietà o metodi e funzioni) che consentono l’accesso ad una pagina, anche se risultano complessi da usare. Molti comandi utili sono ormai stati raccolti in diverse librerie JavaScript (in inglese “JavaScript Libraries”) e framework, cioè degli strumenti che facilitano il lavoro di programmazione. Vi presentiamo quelli più conosciuti.

Nonostante vengano spesso usati come sinonimi, i termini “libreria“ e “framework“ hanno in realtà significati diversi. Nei paragrafi seguenti vi spieghiamo meglio in cosa consistano le loro differenze.

Nel campo della programmazione una libreria è sostanzialmente una libreria di programmi, indipendentemente da quali comprenda. Le librerie contengono sempre dei sottoprogrammi che hanno delle funzioni per facilitare il lavoro di programmazione. Al contrario di un framework, una libreria viene sviluppata per un uso specifico e possiede per questo delle funzioni adatte al software di riferimento. Ad esempio si utilizza la libreria JavaScript D3.js per la visualizzazione dei dati, così da poter realizzare sia piccole tabelle, diagrammi e statistiche che rappresentazioni grafiche complesse (comprensive di animazioni e altre possibilità di interazione). Le librerie sono sempre integrate in un software che è in grado di accedere alle funzioni di cui ha bisogno, quando necessario. Per questo funzionano solo all’interno di un programma e non possono essere eseguite in maniera autonoma.

Anche un framework (traducibile come “intelaiatura“ o “struttura”) non è un programma autonomo, ma appare piuttosto come un tipo particolare di libreria standard (composta da una collezione di classi e funzioni). Un framework si presenta come la struttura di base di un’applicazione e determina il processo di sviluppo. Esistono precisi modelli con diverse funzioni (spesso sotto forma di più librerie) e si utilizzano per lo sviluppo di nuovi programmi autonomi. Un esempio al riguardo è il framework Zend per PHP, utilizzato nel software per l’e-commerce di Magento e dallo strumento di analisi Piwik.

Un’altra differenza tra framework e libreria consiste nel controllo. Nelle librerie i programmatori accedono al codice attraverso un’interfaccia di programmazione, invece i framework eseguono un’inversione di controllo (in inglese “Inversion of Control”): il codice viene inserito in strutture predefinite del framework e richiamato quando richiesto. In sintesi si può dire che le librerie vengono utilizzate dal programma, mentre un framework gli dà istruzioni.

JavaScript è sostanzialmente un linguaggio di programmazione semplice, particolarmente adatto per essere utilizzato dal browser. Delle complicazioni sorgono al momento di utilizzare un’interfaccia per il sito, cioè il DOM (Document Object Model) che si appoggia ai framework e alle librerie JavaScript, volte ad agevolare il compito degli sviluppatori. Nei prossimi paragrafi vi presentiamo le estensioni JavaScript disponibili gratuitamente.

Le librerie JavaScript sono dei codici riutilizzabili attraverso i quali vengono assegnate proprietà e funzioni specifiche per un sito. La libreria JavaScript più famosa è jQuery, che offre molte funzioni utili, ma ve ne sono anche altre.

jQuery

La libreria completa jQuery è quella più utilizzata e conosciuta, dal momento che il codice può essere scritto per tutti i browser e vengono creati molti plug-in. La libreria open source è una componente essenziale di molti CMS come WordPress, Drupal o Joomla!. jQuery serve a semplificare la gestione degli elementi DOM e presenta diverse funzioni per questo scopo: con i selettori del CSS3 si possono selezionare facilmente e manipolare gli elementi del sito. Inoltre questa libreria è particolarmente apprezzata perché permette di integrare richieste Ajax, cioè delle richieste HTTP dove non è necessario ricaricare la pagina.

Esistono senza dubbio più librerie che framework JavaScript. In particolare questi ultimi sono maggiormente adatti per applicazioni web complesse, quindi affidandosi ai concetti e ai comandi del framework scelto, gli sviluppatori lavorano in modo molto più efficace.

AngularJS

Questo framework creato da Google dispone della più grande community tra i framework JavaScript. Analogamente al suo concorrente principale, la libreria React di Facebook, AngularJS serve per realizzare Single Page Application, cioè web app costituite solo da un documento HTML. Grazie al modello MVVM (Model View ViewModel) possono essere sviluppate delle applicazioni che intendono realizzare un’interazione con gli utenti. AngularJS è un’applicazione lato client, che si basa su jQuery Lite, una variante compatta della famosa libreria JavaScript jQuery. Una curiosità: i produttori del framework JavaScript lo classificano piuttosto (in maniera semi-seria) come MVW, cioè Model-View-Whatever.

Framework e librerie possono essere dei validi aiuti per alleggerire il lavoro con JavaScript, anche se quelli presentati qui sono solo una selezione tra i molti strumenti disponibili. Per informarsi sugli altri framework, librerie e plug-in JavaScript, si consiglia di consultare GitHub e il sito www.javascripting.com, dove potete trovare le estensioni JavaScript più adatte ai diversi scopi.