Ext.js - Panoramica

Ext JS è un popolare framework JavaScript che fornisce una ricca interfaccia utente per la creazione di applicazioni web con funzionalità cross-browser. Ext JS è fondamentalmente utilizzato per creare applicazioni desktop. Supporta tutti i browser moderni come IE6 +, FF, Chrome, Safari 6+, Opera 12+, ecc. Mentre un altro prodotto di Sencha, Sencha Touch viene utilizzato per le applicazioni mobili.

Ext JS si basa sull'architettura MVC / MVVM. L'ultima versione di Ext JS 6 è un'unica piattaforma, che può essere utilizzata sia per applicazioni desktop che mobili senza avere codice diverso per piattaforma diversa.

Storia

Ext JS 1.1

La prima versione di Ext JS è stata sviluppata da Jack Slocum nel 2006. Era un insieme di classi di utilità, che è un'estensione di YUI. Ha chiamato la biblioteca come YUI-ext.

Ext JS 2.0

La versione 2.0 di Ext JS è stata rilasciata nel 2007. Questa versione aveva una nuova documentazione API per l'applicazione desktop con funzionalità limitate. Questa versione non è compatibile con le versioni precedenti di Ext JS.

Ext JS 3.0

La versione 3.0 di Ext JS è stata rilasciata nel 2009. Questa versione ha aggiunto nuove funzionalità come visualizzazione grafico e elenco, ma a scapito della velocità. Aveva la retrocompatibilità con la versione 2.0.

Ext JS 4.0

Dopo il rilascio di Ext JS 3, gli sviluppatori di Ext JS hanno dovuto affrontare la sfida principale di aumentare la velocità. La versione 4.0 di Ext JS è stata rilasciata nel 2011. Aveva la struttura completamente rivista, seguita dall'architettura MVC e da un'applicazione veloce.

Ext JS 5.0

La versione 5.0 di Ext JS è stata rilasciata nel 2014. La modifica principale in questa versione è stata la modifica dell'architettura MVC in architettura MVVM. Include la possibilità di creare app desktop su dispositivi abilitati al tocco, data binding bidirezionale, layout reattivi e molte altre funzionalità.

Ext JS 6.0

Ext JS 6 unisce il framework Ext JS (per applicazione desktop) e Sencha Touch (per applicazione mobile).

Caratteristiche

Di seguito sono riportate le caratteristiche evidenziate di Ext JS.

  • Widget dell'interfaccia utente personalizzabili con raccolta di un'interfaccia utente ricca come griglie, griglie pivot, moduli, grafici, alberi.

  • Compatibilità del codice delle nuove versioni con quella precedente.

  • Un gestore di layout flessibile aiuta a organizzare la visualizzazione di dati e contenuti su più browser, dispositivi e dimensioni dello schermo.

  • Il pacchetto dati avanzato separa i widget dell'interfaccia utente dal livello dati. Il pacchetto di dati consente la raccolta di dati sul lato client utilizzando modelli altamente funzionali che abilitano funzionalità come l'ordinamento e il filtro.

  • È indipendente dal protocollo e può accedere ai dati da qualsiasi fonte di back-end.

  • Temi personalizzabili I widget Ext JS sono disponibili in più temi pronti all'uso che sono coerenti tra le piattaforme.

Benefici

Sencha Ext JS è lo standard principale per lo sviluppo di applicazioni web di livello aziendale. Ext JS fornisce gli strumenti necessari per creare robuste applicazioni per desktop e tablet.

  • Semplifica lo sviluppo multipiattaforma su desktop, tablet e smartphone, sia per i browser moderni che per quelli legacy.

  • Aumenta la produttività dei team di sviluppo integrandosi negli ambienti di sviluppo aziendale tramite plug-in IDE.

  • Riduce il costo dello sviluppo di applicazioni web.

  • Consente ai team di creare app con un'esperienza utente avvincente.

  • Offre una serie di widget per creare facilmente un'interfaccia utente potente.

  • Segue l'architettura MVC, quindi il codice è altamente leggibile.

Limitazioni

  • La dimensione della libreria è grande, circa 500 KB, il che aumenta il tempo di caricamento iniziale e rallenta l'applicazione.

  • L'HTML è pieno di tag che lo rendono complesso e difficile da eseguire il debug.

  • Secondo la politica di licenza pubblica generale, è gratuito per le applicazioni open source ma a pagamento per le applicazioni commerciali.

  • A volte per caricare anche cose semplici richiedono poche righe di codice, che è più semplice in puro html o JQuery.

  • Hai bisogno di uno sviluppatore abbastanza esperto per lo sviluppo di applicazioni Ext JS.

Utensili

Di seguito sono riportati gli strumenti forniti da Sencha utilizzati per lo sviluppo di applicazioni Ext JS principalmente a livello di produzione.

Sencha CMD

Sencha CMD è uno strumento che fornisce le funzionalità di minimizzazione del codice Ext JS, scaffolding e generazione di build di produzione.

Plugin IDE Sencha

I plugin Sencha IDE integrano i framework Sencha in IntelliJ, IDE WebStorm, che aiuta a migliorare la produttività dello sviluppatore fornendo funzionalità come il completamento del codice, l'ispezione del codice, la navigazione del codice, la generazione del codice, il refactoring del codice, la creazione di modelli, il controllo ortografico, ecc.

Ispettore Sencha

Sencha Inspector è uno strumento di debug che aiuta il debugger a eseguire il debug di qualsiasi problema durante lo sviluppo.