Ext.js - Genel Bakış

Ext JS, tarayıcılar arası işlevselliğe sahip web uygulamaları oluşturmak için zengin kullanıcı arayüzü sağlayan popüler bir JavaScript çerçevesidir. Ext JS temelde masaüstü uygulamaları oluşturmak için kullanılır. IE6 +, FF, Chrome, Safari 6+, Opera 12+ vb. Gibi tüm modern tarayıcıları destekler. Sencha'nın bir başka ürünü olan Sencha Touch ise mobil uygulamalar için kullanılır.

Ext JS, MVC / MVVM mimarisine dayanmaktadır. Ext JS 6'nın en son sürümü, farklı platformlar için farklı koda sahip olmadan hem masaüstü hem de mobil uygulama için kullanılabilen tek bir platformdur.

Tarih

Ext JS 1.1

Ext JS'nin ilk sürümü 2006 yılında Jack Slocum tarafından geliştirilmiştir. YUI'nin bir uzantısı olan bir dizi yardımcı program sınıfıydı. Kütüphaneyi YUI-ext olarak adlandırdı.

Ext JS 2.0

Ext JS 2.0 sürümü 2007'de piyasaya sürüldü. Bu sürüm, sınırlı özelliklere sahip masaüstü uygulaması için yeni bir API belgesine sahipti. Bu sürüm, Ext JS'nin önceki sürümüyle geriye dönük uyumluluğa sahip değildir.

Ext JS 3.0

Ext JS sürüm 3.0, 2009'da piyasaya sürüldü. Bu sürüm, hız pahasına, grafik ve liste görünümü olarak yeni özellikler ekledi. Sürüm 2.0 ile geriye dönük uyumluluğa sahipti.

Ext JS 4.0

Ext JS 3'ün piyasaya sürülmesinden sonra, Ext JS geliştiricileri, hızı artırmak gibi büyük bir zorluk yaşadılar. Ext JS 4.0 sürümü 2011 yılında piyasaya sürüldü. Revize edilmiş bir yapıya sahipti, bunu MVC mimarisi ve hızlı bir uygulama izledi.

Ext JS 5.0

Ext JS sürüm 5.0, 2014 yılında piyasaya sürüldü. Bu sürümdeki en büyük değişiklik, MVC mimarisini MVVM mimarisine değiştirmekti. Dokunmatik cihazlarda masaüstü uygulamaları oluşturma, iki yönlü veri bağlama, duyarlı düzenler ve daha birçok özellik içerir.

Ext JS 6.0

Ext JS 6, Ext JS (masaüstü uygulaması için) ve Sencha Touch (mobil uygulama için) çerçevesini birleştirir.

Özellikleri

Ext JS'nin öne çıkan özellikleri aşağıdadır.

Izgaralar, özet ızgaralar, formlar, grafikler, ağaçlar gibi zengin kullanıcı arabirimi koleksiyonuna sahip özelleştirilebilir kullanıcı arabirimi pencere öğeleri.
Yeni sürümlerin eskisi ile kod uyumluluğu.
Esnek bir düzen yöneticisi, verilerin ve içeriğin birden çok tarayıcı, cihaz ve ekran boyutunda görüntülenmesini düzenlemeye yardımcı olur.
Gelişmiş veri paketi, UI widget'larını veri katmanından ayırır. Veri paketi, sıralama ve filtreleme gibi özellikleri etkinleştiren oldukça işlevsel modeller kullanarak istemci tarafında veri toplanmasına olanak tanır.
Protokolden bağımsızdır ve herhangi bir arka uç kaynaktan verilere erişebilir.
Özelleştirilebilir Temalar Ext JS widget'ları, platformlar arasında tutarlı olan çok sayıda kullanıma hazır temalarda mevcuttur.

Faydaları

Sencha Ext JS, işletme düzeyinde web uygulaması geliştirme için önde gelen standarttır. Ext JS, masaüstü ve tabletler için sağlam uygulamalar oluşturmak için gerekli araçları sağlar.

Hem modern hem de eski tarayıcılar için masaüstü bilgisayarlar, tabletler ve akıllı telefonlar arasında platformlar arası geliştirmeyi kolaylaştırır.
IDE eklentileri aracılığıyla kurumsal geliştirme ortamlarına entegre olarak geliştirme ekiplerinin üretkenliğini artırır.
Web uygulaması geliştirme maliyetini düşürür.
Ekiplere, etkileyici bir kullanıcı deneyimine sahip uygulamalar oluşturma gücü verir.
Kolayca güçlü bir kullanıcı arayüzü oluşturmak için bir dizi widget sunar.
MVC mimarisini izler, bu nedenle kod son derece okunabilir.

Sınırlamalar

Kitaplığın boyutu büyüktür, yaklaşık 500 KB, bu da ilk yükleme süresini daha fazla hale getirir ve uygulamayı yavaşlatır.
HTML, karmaşık ve hata ayıklamayı zorlaştıran etiketlerle doludur.
Genel kamu lisans politikasına göre, açık kaynak uygulamaları için ücretsiz, ancak ticari uygulamalar için ücretlidir.
Bazen basit şeyleri yüklemek için bile birkaç satır kodlama gerekir, bu da düz html veya JQuery'de daha basittir.
Ext JS uygulamaları geliştirmek için oldukça deneyimli bir geliştiriciye ihtiyacınız var.

Araçlar

Aşağıda, Ext JS uygulama geliştirme için esas olarak üretim düzeyinde kullanılan, Sencha tarafından sağlanan araçlar verilmiştir.

Sencha CMD

Sencha CMD, Ext JS kod küçültme, iskele ve üretim yapısı oluşturma özelliklerini sağlayan bir araçtır.

Sencha IDE Eklentileri

Sencha IDE eklentileri, Sencha çerçevelerini IntelliJ, WebStorm IDE'lerine entegre eder ve bu da kod tamamlama, kod incelemesi, kod gezintisi, kod oluşturma, kod yeniden düzenleme, şablon oluşturma, yazım denetimi vb. Gibi özellikler sağlayarak geliştiricinin üretkenliğini artırmaya yardımcı olur.

Sencha Müfettişi

Sencha Inspector, geliştirme sırasında hata ayıklayıcının herhangi bir sorunu gidermesine yardımcı olan bir hata ayıklama aracıdır.