Ext.js - Übersicht

Ext JS ist ein beliebtes JavaScript-Framework, das eine umfangreiche Benutzeroberfläche zum Erstellen von Webanwendungen mit browserübergreifenden Funktionen bietet. Ext JS wird grundsätzlich zum Erstellen von Desktopanwendungen verwendet. Es unterstützt alle modernen Browser wie IE6 +, FF, Chrome, Safari 6+, Opera 12+ usw. Während Sencha Touch ein weiteres Produkt von Sencha ist, wird es für mobile Anwendungen verwendet.

Ext JS basiert auf der MVC / MVVM-Architektur. Die neueste Version von Ext JS 6 ist eine einzelne Plattform, die sowohl für Desktop- als auch für mobile Anwendungen verwendet werden kann, ohne dass für verschiedene Plattformen unterschiedlicher Code vorhanden ist.

Geschichte

Ext JS 1.1

Die erste Version von Ext JS wurde 2006 von Jack Slocum entwickelt. Es handelte sich um eine Reihe von Dienstprogrammklassen, die eine Erweiterung von YUI darstellen. Er nannte die Bibliothek YUI-ext.

Ext JS 2.0

Ext JS Version 2.0 wurde 2007 veröffentlicht. Diese Version hatte eine neue API-Dokumentation für Desktop-Anwendungen mit eingeschränkten Funktionen. Diese Version ist nicht abwärtskompatibel mit der vorherigen Version von Ext JS.

Ext JS 3.0

Ext JS Version 3.0 wurde 2009 veröffentlicht. Diese Version fügte neue Funktionen als Diagramm- und Listenansicht hinzu, jedoch auf Kosten der Geschwindigkeit. Es war abwärtskompatibel mit Version 2.0.

Ext JS 4.0

Nach der Veröffentlichung von Ext JS 3 hatten die Entwickler von Ext JS die größte Herausforderung, die Geschwindigkeit zu erhöhen. Ext JS Version 4.0 wurde 2011 veröffentlicht. Es hatte die komplett überarbeitete Struktur, gefolgt von MVC-Architektur und einer schnellen Anwendung.

Ext JS 5.0

Ext JS Version 5.0 wurde 2014 veröffentlicht. Die wichtigste Änderung in dieser Version bestand darin, die MVC-Architektur in MVVM-Architektur zu ändern. Es bietet die Möglichkeit, Desktop-Apps auf Touch-fähigen Geräten zu erstellen, bidirektionale Datenbindung, reaktionsschnelle Layouts und viele weitere Funktionen.

Ext JS 6.0

Ext JS 6 führt das Framework Ext JS (für Desktop-Anwendungen) und Sencha Touch (für mobile Anwendungen) zusammen.

Eigenschaften

Im Folgenden sind die hervorgehobenen Funktionen von Ext JS aufgeführt.

  • Anpassbare Benutzeroberflächen-Widgets mit einer Sammlung umfangreicher Benutzeroberflächen wie Raster, Pivot-Raster, Formulare, Diagramme und Bäume.

  • Code-Kompatibilität neuer Versionen mit der älteren.

  • Ein flexibler Layout-Manager hilft bei der Organisation der Anzeige von Daten und Inhalten über mehrere Browser, Geräte und Bildschirmgrößen hinweg.

  • Das erweiterte Datenpaket entkoppelt die UI-Widgets von der Datenschicht. Das Datenpaket ermöglicht die clientseitige Erfassung von Daten mithilfe hochfunktionaler Modelle, die Funktionen wie Sortieren und Filtern ermöglichen.

  • Es ist protokollunabhängig und kann auf Daten von jeder Back-End-Quelle zugreifen.

  • Anpassbare Designs Ext JS-Widgets sind in mehreren sofort einsatzbereiten Designs verfügbar, die plattformübergreifend konsistent sind.

Leistungen

Sencha Ext JS ist der führende Standard für die Entwicklung von Webanwendungen für Unternehmen. Ext JS bietet die Tools, die zum Erstellen robuster Anwendungen für Desktop und Tablet erforderlich sind.

  • Optimiert die plattformübergreifende Entwicklung auf Desktops, Tablets und Smartphones - sowohl für moderne als auch für ältere Browser.

  • Steigert die Produktivität von Entwicklungsteams durch die Integration in Unternehmensentwicklungsumgebungen über IDE-Plugins.

  • Reduziert die Kosten für die Entwicklung von Webanwendungen.

  • Ermöglicht den Teams, Apps mit einer überzeugenden Benutzererfahrung zu erstellen.

  • Bietet eine Reihe von Widgets, um auf einfache Weise eine leistungsstarke Benutzeroberfläche zu erstellen.

  • Folgt der MVC-Architektur, daher ist der Code gut lesbar.

Einschränkungen

  • Die Bibliothek ist mit rund 500 KB groß, was die anfängliche Ladezeit verlängert und die Anwendung verlangsamt.

  • HTML ist voll von Tags, die das Debuggen komplex und schwierig machen.

  • Gemäß den allgemeinen Richtlinien für öffentliche Lizenzen ist es für Open Source-Anwendungen kostenlos, für kommerzielle Anwendungen jedoch kostenpflichtig.

  • Manchmal erfordern zum Laden selbst einfacher Dinge nur wenige Codierungszeilen, was in einfachem HTML oder JQuery einfacher ist.

  • Benötigen Sie ziemlich erfahrene Entwickler für die Entwicklung von Ext JS-Anwendungen.

Werkzeuge

Im Folgenden sind die von Sencha bereitgestellten Tools aufgeführt, die für die Entwicklung von Ext JS-Anwendungen hauptsächlich auf Produktionsebene verwendet werden.

Sencha CMD

Sencha CMD ist ein Tool, das die Funktionen der Minimierung von Ext JS-Code, des Gerüsts und der Generierung von Produktionsbuilds bietet.

Sencha IDE Plugins

Sencha IDE-Plugins integrieren Sencha-Frameworks in IntelliJ, WebStorm IDEs, die zur Verbesserung der Produktivität des Entwicklers beitragen, indem sie Funktionen wie Code-Vervollständigung, Code-Inspektion, Code-Navigation, Code-Generierung, Code-Refactoring, Vorlagenerstellung, Rechtschreibprüfung usw. bereitstellen.

Sencha Inspector

Sencha Inspector ist ein Debugging-Tool, mit dem der Debugger Probleme während der Entwicklung debuggen kann.