Ext.js - Ikhtisar

Ext JS adalah kerangka kerja JavaScript populer yang menyediakan UI kaya untuk membangun aplikasi web dengan fungsionalitas lintas-browser. Ext JS pada dasarnya digunakan untuk membuat aplikasi desktop. Ini mendukung semua browser modern seperti IE6 +, FF, Chrome, Safari 6+, Opera 12+, dll. Sedangkan produk Sencha lainnya, Sencha Touch digunakan untuk aplikasi seluler.

Ext JS didasarkan pada arsitektur MVC / MVVM. Versi terbaru dari Ext JS 6 adalah platform tunggal, yang dapat digunakan untuk aplikasi desktop dan seluler tanpa kode yang berbeda untuk platform yang berbeda.

Sejarah

Ext JS 1.1

Versi pertama Ext JS dikembangkan oleh Jack Slocum pada tahun 2006. Ini adalah sekumpulan kelas utilitas, yang merupakan perpanjangan dari YUI. Dia menamakan perpustakaan itu sebagai YUI-ext.

Ext JS 2.0

Ext JS versi 2.0 dirilis pada tahun 2007. Versi ini memiliki dokumentasi API baru untuk aplikasi desktop dengan fitur terbatas. Versi ini tidak memiliki kompatibilitas mundur dengan versi Ext JS sebelumnya.

Ext JS 3.0

Ext JS versi 3.0 dirilis pada tahun 2009. Versi ini menambahkan fitur baru sebagai tampilan grafik dan daftar tetapi dengan mengorbankan kecepatan. Ini memiliki kompatibilitas mundur dengan versi 2.0.

Ext JS 4.0

Setelah rilis Ext JS 3, pengembang Ext JS memiliki tantangan besar untuk meningkatkan kecepatan. Ext JS versi 4.0 dirilis pada tahun 2011. Struktur lengkapnya telah direvisi, yang diikuti oleh arsitektur MVC dan aplikasi yang cepat.

Ext JS 5.0

Ext JS versi 5.0 dirilis pada tahun 2014. Perubahan besar dalam rilis ini adalah mengubah arsitektur MVC menjadi arsitektur MVVM. Ini mencakup kemampuan untuk membangun aplikasi desktop pada perangkat yang mendukung sentuhan, pengikatan data dua arah, tata letak responsif, dan banyak lagi fitur lainnya.

Ext JS 6.0

Ext JS 6 menggabungkan kerangka kerja Ext JS (untuk aplikasi desktop) dan Sencha Touch (untuk aplikasi seluler).

fitur

Berikut adalah fitur yang disorot dari Ext JS.

  • Widget UI yang dapat disesuaikan dengan koleksi UI yang kaya seperti kisi, kisi pivot, formulir, bagan, pohon.

  • Kompatibilitas kode dari versi baru dengan yang lebih lama.

  • Manajer tata letak yang fleksibel membantu mengatur tampilan data dan konten di berbagai browser, perangkat, dan ukuran layar.

  • Paket data lanjutan memisahkan widget UI dari lapisan data. Paket data memungkinkan pengumpulan data sisi klien menggunakan model yang sangat fungsional yang memungkinkan fitur seperti pengurutan dan pemfilteran.

  • Ini adalah protokol agnostik, dan dapat mengakses data dari sumber back-end mana pun.

  • Widget Ext JS Tema yang Dapat Disesuaikan tersedia dalam beberapa tema out-of-the-box yang konsisten di seluruh platform.

Manfaat

Sencha Ext JS adalah standar terdepan untuk pengembangan aplikasi web kelas bisnis. Ext JS menyediakan alat yang diperlukan untuk membangun aplikasi yang kuat untuk desktop dan tablet.

  • Merampingkan pengembangan lintas platform di desktop, tablet, dan smartphone - untuk browser modern dan lama.

  • Meningkatkan produktivitas tim pengembangan dengan mengintegrasikan ke dalam lingkungan pengembangan perusahaan melalui plugin IDE.

  • Mengurangi biaya pengembangan aplikasi web.

  • Memberdayakan tim untuk membuat aplikasi dengan pengalaman pengguna yang menarik.

  • Menawarkan sekumpulan widget untuk membuat UI yang kuat dengan mudah.

  • Mengikuti arsitektur MVC, maka kodenya sangat mudah dibaca.

Batasan

  • Ukuran pustaka yang besar, sekitar 500 KB, yang membuat waktu pemuatan awal lebih lama dan membuat aplikasi menjadi lambat.

  • HTML penuh dengan tag yang membuatnya rumit dan sulit untuk di-debug.

  • Menurut kebijakan lisensi publik umum, ini gratis untuk aplikasi open source tetapi berbayar untuk aplikasi komersial.

  • Terkadang untuk memuat bahkan hal-hal sederhana memerlukan beberapa baris pengkodean, yang lebih sederhana dalam html atau JQuery biasa.

  • Membutuhkan developer yang cukup berpengalaman untuk mengembangkan aplikasi Ext JS.

Alat

Berikut adalah alat yang disediakan oleh Sencha yang digunakan untuk pengembangan aplikasi Ext JS terutama di tingkat produksi.

Sencha CMD

Sencha CMD adalah alat yang menyediakan fitur minifikasi kode JS Ext, perancah, dan pembuatan pembuatan produksi.

Plugin Sencha IDE

Plugin Sencha IDE mengintegrasikan kerangka kerja Sencha ke dalam IntelliJ, WebStorm IDEs, yang membantu meningkatkan produktivitas pengembang dengan menyediakan fitur-fitur seperti penyelesaian kode, inspeksi kode, navigasi kode, pembuatan kode, pemfaktoran ulang kode, pembuatan templat, pemeriksaan ejaan, dll.

Inspektur Sencha

Sencha Inspector adalah alat debugging yang membantu debugger untuk men-debug masalah apa pun saat pengembangan.