Introduzione al toolkit Dojo, Parte 1: Configurazione, core e widget

reWeb 2.0 ha portato con sé la necessità di sviluppare un ampio codice di infrastruttura JavaScript sul lato client, qualcosa che pochi sviluppatori Java si vedevano fare cinque anni fa. Il toolkit Dojo open source si distingue dalle altre librerie JavaScript con funzionalità che vanno ben oltre la semplificazione dell'accesso DOM. In questa prima metà della sua introduzione a Dojo, Sunil Patil introduce le funzionalità di base del toolkit, ti aiuta a configurare il tuo ambiente di sviluppo e debug e ti mostra come utilizzare il mojo di Dojo nei tuoi progetti di sviluppo Ajax. Livello: intermedio

Nel mondo Web 1.0, l'architettura comune delle applicazioni Java richiedeva l'implementazione della logica del flusso di lavoro e dell'applicazione con Java EE sul lato server. Gli sviluppatori di applicazioni Web in genere utilizzavano JavaScript solo per la convalida dell'input e per visualizzare i messaggi di errore agli utenti. Di conseguenza, la maggior parte delle applicazioni Web 1.0 utilizzava un qualche tipo di framework MVC (Model-View-Controller) - come Struts, JavaServer Faces (JSF) o Spring MVC - sul lato server, ma poche avevano bisogno di un framework JavaScript per client- programmazione laterale.

Il Web 2.0 ha inaugurato un modello di programmazione molto diverso, in cui gran parte del flusso dell'applicazione e della logica aziendale viene sviluppata utilizzando JavaScript sul lato client. Usiamo comunemente codice JavaScript per attività come:

  • Effettuare richieste asincrone sul lato server
  • Manipolazione DOM (Document Object Model) e logica di gestione degli eventi che funziona su più browser
  • Internazionalizzazione
  • Registrazione

Puoi scrivere e gestire questo codice dell'infrastruttura da solo o prendere la via meno dolorosa dell'utilizzo di una libreria JavaScript. Una delle voci più capaci in questo spazio è il toolkit Dojo, un framework JavaScript open source che puoi utilizzare per creare applicazioni gratuite o commerciali. Questo articolo ti introduce alle funzionalità principali di Dojo e alla libreria di widget; guida l'utente attraverso l'installazione e la configurazione di un ambiente di sviluppo e debug JavaScript (utilizzando Dojo e Firebug); e ti consente di iniziare a creare un'applicazione di esempio utilizzando Dojo. Imparerai anche il supporto di Dojo per la programmazione orientata agli oggetti in JavaScript (che si basa su concetti familiari come classi, costruttori ed ereditarietà) e otterrai una rapida introduzione ai moduli Dojo.

Dojo a colpo d'occhio

Al momento sono disponibili alcuni framework JavaScript commerciali e open source, inclusi Prototype, EXTJS, YUI e jQuery. Mentre la maggior parte dei framework JavaScript si concentra sulla semplificazione dell'accesso DOM, si potrebbe sostenere che Dojo sia una soluzione one-stop. Ecco alcune delle cose che Dojo fa per te:

  • Introduce il concetto di classi, costruttori ed ereditarietà in JavaScript, consentendo di creare codice JavaScript orientato agli oggetti.
  • Consente di creare codice più gestibile suddividendo il codice in moduli.
  • Semplifica la programmazione Ajax fornendo il codice dell'infrastruttura per effettuare richieste asincrone utilizzando un XMLHttpRequestcodice di manipolazione DOM compatibile con più browser.

Come framework, Dojo ha tre componenti principali:

  • Il core Dojo fornisce funzionalità di base come la possibilità di effettuare chiamate a metodi remoti, manipolare nodi DOM e manipolare fogli di stile a cascata (CSS). Il core Dojo supporta anche funzionalità di animazione e funzionalità di trascinamento della selezione.
  • Dijit è la libreria di widget di Dojo, costruita sopra il nucleo di Dojo. Dijit fornisce widget accessibili basati su modelli, non solo per il semplice controllo dei moduli, ma anche widget avanzati come il controllo del calendario, i menu, le barre degli strumenti, le barre di avanzamento, i grafici e i grafici.
  • DojoX è un contenitore per lo sviluppo di estensioni al toolkit Dojo. Agisce come un incubatore di nuove idee e un banco di prova per aggiunte sperimentali al toolkit principale, nonché un archivio per estensioni più stabili e mature.

La storia di Dojo

Alex Russell, David Schontzler e Dylan Schieman hanno iniziato a lavorare sul framework Dojo nel 2004 mentre lavoravano per Informatica. Successivamente molti altri sviluppatori hanno iniziato a contribuire a Dojo. Nel 2005 è stata costituita la fondazione Dojo per ospitare il codice e gestire i diritti di proprietà intellettuale. Finora sono state rilasciate otto versioni principali e il framework è stato scaricato più di 1 milione di volte. Aziende come IBM, AOL, Sun, SitePen, Blogline, Google, Nextweb e altre contribuiscono al framework Dojo.

Configurazione dell'ambiente di sviluppo

Prima di poter iniziare a sviluppare l'applicazione Dojo di esempio di questo articolo, è necessario configurare l'ambiente di sviluppo e debug in modo da poter provare rapidamente le modifiche dell'applicazione ed eseguire il debug dei problemi in caso di errori. La configurazione di un ambiente di sviluppo per un framework JavaScript come Dojo è leggermente diversa dal farlo per i framework Java SE o EE. È necessario prima installare il framework Dojo nella propria applicazione Web e quindi configurare l'ambiente di debug nel browser.