Langsung ke konten utama

Perkenalan EXTJS 7.0.0

Buat kita para developer, calon developer atau yang sedang belajar pemrograman web perlu tau nih. Ada framework javascript yang menurut saya bagus dan mudah dalam pengembangannya. Saya berkenalan dengan framework ini tahun 2016 di PT. Gosantha Global. Kala itu sedang beralih profesi dari IT Support ke Web Programmer / Developer. Bisa dibayangkan ya,.. Dari yang jarang menulis baris program alias ngoding jadi bakal berjibaku dengan kode-kode. Yap! Seperti yang tertulis di judul, namanya framework EXTJS.


Framework extjs cocok untuk pembuatan aplikasi satu halaman (Single Page Application disingkat SPA). Sudah tau kan apa itu SPA? Secara sederhana, ketika kita mengakses/menggunakan aplikasi ini di browser, lalu kita klik suatu menu/tombol, halaman web tidak berpindah (tidak refresh), hanya tampilannya saja yang berubah. Contohnya seperti gmail dan link berikut:

Contoh Admin Dashboard menggunakan EXTJS 7.0.0

https://examples.sencha.com/extjs/7.0.0/examples/admin-dashboard/

Kitchen Sink : Komponen dan Fitur EXTJS 7.0.0

https://examples.sencha.com/extjs/7.0.0/examples/kitchensink/#all


Cus, dilihat-lihat dulu ya admin dashboard sama kitchen sink-nya.



Gimana? Tertarik mau membuat aplikasi dengan EXTJS?


Jika tertarik mari kita lanjutkan perkenalannya. 😊

P: Susah gak bang?

J: Gampang! Yang penting mau belajar. Langkah demi langkah kita bahas di blog ini.

P: Udah ngikutin kok masih bingung?

J: Sabar.... Dibaca ulang secara seksama, ditelaah, action. 

Di blog ada kolom komentar. Silahkan isi pertanyaan / permasalahan yang dihadapi.

Kalau mau sekedar ninggal jejak, juga boleh... haha

P: Extjs itu gratis apa berbayar? Saya baca di webnya ada keterangan trial, commercial, sama GPL.

J: Iya memang ada yang gratis dan berbayar. Extjs GRATIS dengan lisensi GPLv3. Yang perlu dipahami lisensi GPL-nya itu. https://www.linux.or.id/bagaimana-menghasilkan-uang-dengan-lisensi-gpl.html

Extjs gratis yang bisa diunduh versi 7.0.0 , 6.2.0 sama 4.2.0 satu lagi versi CE. Yang nantinya kita pake yang biasa, bukan CE.

Kalau skala perusahaan besar atau memang mau jadi pro developer extjs ya beli. Ada beberapa keuntungan, seperti full support dari sencha, tools development agar lebih produktif dan kelangsungan hidup extjs itu sendiri.

Related article: https://www.sencha.com/products/extjs/communityedition/

P: Apa bedanya yang versi gratis biasa dengan yang CE?

J: Belum pernah saya explore lebih jauh. Sudah terbiasa dengan yang versi biasa. 😁

P: Di tutorial kenapa pakai EXTJS 7.0.0?

J: Biar gak ketinggalan jaman bray, bro, sis.... Secara tampilan juga lebih menarik yang 7.0.0 udah support tema Material (ala google). Semisal udah bisa EXTJS 7.0.0, di tempat kerja pakai versi di bawahnya, tetep bisa kok. Berapapun versinya, gak jadi masalah.



Mungkin itu dulu ya perkenalannya. Silahkan tinggalkan komentar / berkomentar di bawah kalau masih ada yang perlu ditanyakan.

Terima kasih.



Referensi lain:

https://github.com/abenhamdine/awesome-extjs

Komentar

Postingan populer dari blog ini

Download EXTJS 7.0.0 GPL

 Silahkan kunjungi laman berikut: https://www.sencha.com/legal/gpl/ Silahkan isi form yang berada di sisi kanan,  mulai dari nama, email sampai negara. Select Sencha Product : pastikan EXT JS Lalu klik tombol GET SDK . Cek email masuk dari Sencha. Di email tersebut ada link Download. Klik aja.  Selesai! Langkah-langkah di atas adalah cara yang disarankan untuk mengunduh resource sdk extjs. 😊 Berikut direct link download, jika sudah tidak bisa mengunduh EXTJS versi 7.0.0, karena secara default link downloadnya auto pointing ke versi extjs yang terbaru. ext-7.0.0-gpl.zip Versi Lama lainnya: ext-6.2.0-gpl.zip ext-4.2.0-gpl.zip Note: Link download extjs 7.0.0 Link download extjs 6.2.0 Link download extjs 4.2.0

Membuat Aplikasi Login dengan EXTJS 7.0.0 (Part 1)

Sebelum memulai pembuatan aplikasi login dengan framework Extjs 7.0.0 pastikan sudah menyelesaikan tugas-tugas berikut ini: Download SDK EXTJS 7.0.0 Install Sencha Cmd Sudah saya buatkan tutorial instalasi masing-masing sistem operasi (OS), tinggal ikuti saja. Jika masih menemukan kesulitan, silahkan bertanya di kolom komentar. PERSIAPAN Buat folder baru dengan nama: ProjectExtJS , lokasi bebas. Sebagai contoh saya membuat di /Users/gosantha/ProjectExtJS . Untuk pengguna windows, misal di drive D:\ProjectExtJS Buat folder baru lagi di dalamnya dengan nama: sdk_extjs   Pindahkan file  ext-7.0.0-gpl.zip  (SDK EXTJS 7.0.0) yang sudah di download ke folder sdk_extjs Ekstrak file  ext-7.0.0-gpl.zip    Kurang lebih seperti ini struktur folder projectnya. BUAT APLIKASI Buka Terminal (Linux/Mac) atau Command Prompt (Windows) Masuk ke folder  ProjectExtJS  dengan perintah cd ke_path_ProjectExtJS contoh punya saya: cd /Users/gosantha/ProjectExtJS contoh ...

Membuat Aplikasi Login dengan EXTJS 7.0.0 (Part 2)

 Kita lanjut serial tutorial membuat Aplikasi Login dengan EXTJS 7.0.0. Tutorial ini merupakan lanjutan dari part 1. Jadi harus diikuti secara berurutan ya. A. GUNAKAN TEXT EDITOR PILIHANMU Bagi yang belum tahu apa itu Text Editor, secara sederhana di dunia pemrograman namanya aplikasi buat ngoding. Diantaranya: Sublime Text  (Sublime) Visual Studio Code  (VS Code) Atom Notepad++ DLL. Yang terpenting adalah saat ngoding dengan text editor tersebut mudah, nyaman dan bisa produktif. Kalau saya sendiri biasa pakai Sublime Text untuk project dengan Extjs atau php. Visual Studio Code untuk project android dengan Flutter. Pokoknya pilih yang cocok aja sama kebiasaanmu. B. PAHAMI AREA BERMAIN -> FOLDER APP  Penampakan struktur folder MantapApp dibuka dengan Sublime Text Silahkan buka folder MantapApp dengan Text Editor (Sublime/VS Code/sejenisnya).  Di dalamnya ada banyak folder dan file. Pastilah ya... Nah, fokus kita ada di folder app . Kita nantinya bakal berma...