JavaScript  »  Articoli  »  Ext.js 

Ext.js (http://extjs.com/) è un framework Javascript utile a realizzare GUI complesse per web application, ma non solo. Con Ext.js (da qui in avanti solo Ext) possiamo creare pagine con layout avanzati anche se non possediamo particolari competenze CSS; possiamo agganciare funzionalità AJAX di aggiornamento per le nostre interfacce; creare moduli wizard o textarea con testo enriched (formattato come lo formatterebbe un programma di videoscrittura); agganciare le nostre web application a ulteriori strumenti (MooTools, JQuery, Prototype, Google Gears e molti altri) in modo da avere rapidamente software decisamente vicini alle applicazioni desktop con cui lavoriamo quotidianamente.

L'elenco delle possibilità che ci apre la conoscenza di Ext potrebbe estendersi ben oltre le righe di questo articolo, pertanto lo scopo di queste pagine sarà ristretto a fornire una panoramica di tutte le potenzialità che questo tool ci offre. Cercherò di trasmettere l'entusiasmo che si prova nel completare in pochi semplici passi le prime interfacce applicative, andando ben oltre i consueti 'Hello World' d'esordio di un manuale, rendendo così i lettori capaci di leggere e interagire con le GUI Ext.

Creeremo insieme, in pochi minuti, una home completa per un prodotto o un sito, utilizzando Ext. Sfrutteremo poi lo stesso esempio per andare avanti nei prossimi articoli, in modo da arrivare a realizzare la nostra riserva applicativa personale. (ecco l'esempio).

Gli standard e la licenza

La programmazione delle pagine che utilizzano Ext segue gli standard ormai largamente diffusi nell'ambiente Web 2.0. Pertanto gli script Javascript seguono le tecniche dell'OOP (Object Oriented Programming), si fa largo uso di tecniche AJAX, di lettura e gestione DOM e di oggetti JSON. Ciò nonostante, per riuscire ad avere fin da subito risultati più che soddisfacenti, non è necessario avere delle profonde conoscenze di Javascript, ma basta procedere con una logica semplice nelle proprie interfacce. Una volta compresa la forma con cui vengono costruiti pannelli e finestre, si riuscirà facilmente a creare pagine e applicazioni complesse e pulite. Le conoscenze in ambito DHTML e CSS sono utili, ma non indispensabili, dato che Ext provvede da sé a collocare e gestire in maniera ordinata i diversi layer che compongono la nostra pagina.

Le varietà di GUI che possiamo realizzare è pressoché infinita, come abbiamo detto all'inizio di questo articolo. Possiamo comporre tra loro tutti gli elementi che siamo soliti utilizzare nelle applicazioni desktop, nessuno escluso, e forse qualcosa di più. Abbiamo: menu, tab, accordion, pannelli, finestre, form, griglie, barre di splitting, toolbar, slider, status bar, progress bar, message window, tree. Sfruttare layout, utilities sugli oggetti e molto altro ancora. Proseguendo nella lettura di questa introduzione a Ext, vedremo esempi che ci sorprenderanno per la loro semplicità e completezza.

Un tool indispensabile nella creazione di pagine HTML che sfruttano framework Javascript di ultima generazione è FireBug. Il codice che viene utilizzato negli script Ext è pulito, comprensibile e privo di eccezioni. Ext è (come MooTools e altri software simili) in grado di guidare il programmatore nella creazione di interfacce prive di errori che FireBug traccerebbe.

Un codice pulito, la ricchezza di interfacce proposte, la completa compatibilità con tutti i browser e con gran parte degli altri framework Javascript attualmente in distribuzione hanno reso Ext uno strumento adottato da grandi gruppi per fornire una rich client interface alle proprie componenti.

Altri articoli

Altre guide

Altre newsletter