Ext.js - przegląd

Ext JS to popularna platforma JavaScript, która zapewnia bogaty interfejs użytkownika do tworzenia aplikacji internetowych z funkcjonalnością wielu przeglądarek. Ext JS jest zasadniczo używany do tworzenia aplikacji komputerowych. Obsługuje wszystkie współczesne przeglądarki, takie jak IE6 +, FF, Chrome, Safari 6+, Opera 12+, itp. Z kolei inny produkt Senchy, Sencha Touch jest używany w aplikacjach mobilnych.

Ext JS jest oparty na architekturze MVC / MVVM. Najnowsza wersja Ext JS 6 to pojedyncza platforma, która może być używana zarówno do aplikacji stacjonarnej, jak i mobilnej bez konieczności posiadania innego kodu dla różnych platform.

Historia

Ext JS 1.1

Pierwsza wersja Ext JS została opracowana przez Jacka Slocuma w 2006 roku. Był to zestaw klas użytkowych, będący rozszerzeniem YUI. Nazwał bibliotekę YUI-ext.

Ext JS 2.0

Ext JS w wersji 2.0 został wydany w 2007 roku. Ta wersja miała nową dokumentację API dla aplikacji desktopowej z ograniczonymi funkcjami. Ta wersja nie ma wstecznej kompatybilności z poprzednią wersją Ext JS.

Ext JS 3.0

Ext JS wersja 3.0 została wydana w 2009 roku. W tej wersji dodano nowe funkcje, takie jak widok wykresów i listy, ale kosztem szybkości. Miał wsteczną kompatybilność z wersją 2.0.

Ext JS 4.0

Po wydaniu Ext JS 3 twórcy Ext JS stanęli przed głównym wyzwaniem, jakim było zwiększenie szybkości. Ext JS w wersji 4.0 został wydany w 2011 roku. Miał całkowicie zmienioną strukturę, po której nastąpiła architektura MVC i szybka aplikacja.

Ext JS 5.0

Ext JS w wersji 5.0 został wydany w 2014 roku. Główną zmianą w tym wydaniu była zmiana architektury MVC na architekturę MVVM. Obejmuje możliwość tworzenia aplikacji komputerowych na urządzeniach z obsługą dotykową, dwukierunkowe wiązanie danych, responsywne układy i wiele innych funkcji.

Ext JS 6.0

Ext JS 6 łączy framework Ext JS (dla aplikacji komputerowej) i Sencha Touch (dla aplikacji mobilnej).

funkcje

Poniżej przedstawiono wyróżnione funkcje Ext JS.

Konfigurowalne widżety interfejsu użytkownika z kolekcją bogatych interfejsów użytkownika, takich jak siatki, siatki przestawne, formularze, wykresy, drzewa.
Zgodność kodu nowych wersji ze starszą.
Elastyczny menedżer układu pomaga organizować wyświetlanie danych i treści w wielu przeglądarkach, urządzeniach i rozmiarach ekranu.
Pakiet danych Advance oddziela widżety interfejsu użytkownika od warstwy danych. Pakiet danych umożliwia gromadzenie danych po stronie klienta przy użyciu wysoce funkcjonalnych modeli, które umożliwiają takie funkcje, jak sortowanie i filtrowanie.
Jest niezależny od protokołu i może uzyskiwać dostęp do danych z dowolnego źródła zaplecza.
Konfigurowalne motywy Widżety Ext JS są dostępne w wielu gotowych motywach, które są spójne na różnych platformach.

Korzyści

Sencha Ext JS to wiodący standard tworzenia aplikacji internetowych na poziomie biznesowym. Ext JS zapewnia narzędzia niezbędne do tworzenia solidnych aplikacji na komputery stacjonarne i tablety.

Usprawnia tworzenie aplikacji na różne platformy na komputerach stacjonarnych, tabletach i smartfonach - zarówno w przypadku nowoczesnych, jak i starszych przeglądarek.
Zwiększa produktywność zespołów programistycznych poprzez integrację ze środowiskami programistycznymi przedsiębiorstwa za pośrednictwem wtyczek IDE.
Zmniejsza koszty tworzenia aplikacji internetowych.
Umożliwia zespołom tworzenie aplikacji z atrakcyjnym interfejsem użytkownika.
Oferuje zestaw widżetów do łatwego tworzenia potężnego interfejsu użytkownika.
Jest zgodny z architekturą MVC, dzięki czemu kod jest bardzo czytelny.

Ograniczenia

Biblioteka ma duży rozmiar, około 500 KB, co wydłuża początkowy czas ładowania i spowalnia aplikację.
HTML jest pełen tagów, co czyni go złożonym i trudnym do debugowania.
Zgodnie z ogólną polityką licencji publicznych jest on bezpłatny dla aplikacji typu open source, ale płatny w przypadku zastosowań komercyjnych.
Czasami do załadowania nawet prostych rzeczy potrzeba kilku wierszy kodu, co jest prostsze w zwykłym html lub JQuery.
Potrzebujesz dość doświadczonego programisty do tworzenia aplikacji Ext JS.

Przybory

Poniżej znajdują się narzędzia dostarczone przez firmę Sencha służące do tworzenia aplikacji Ext JS, głównie na poziomie produkcyjnym.

Sencha CMD

Sencha CMD to narzędzie, które zapewnia funkcje minifikacji kodu Ext JS, tworzenia szkieletów i generowania kompilacji produkcyjnej.

Wtyczki Sencha IDE

Wtyczki Sencha IDE integrują ramy Sencha z IntelliJ, WebStorm IDE, co pomaga w zwiększeniu produktywności programisty, zapewniając funkcje takie jak uzupełnianie kodu, inspekcja kodu, nawigacja po kodzie, generowanie kodu, refaktoryzacja kodu, tworzenie szablonów, sprawdzanie pisowni itp.

Inspektor Sencha

Sencha Inspector to narzędzie do debugowania, które pomaga debugerowi debugować każdy problem podczas programowania.