Pengantar toolkit Dojo, Bagian 1: Penyiapan, inti, dan widget

reWeb 2.0 telah membawa serta kebutuhan untuk mengembangkan kode infrastruktur JavaScript yang ekstensif di sisi klien, sesuatu yang hanya dilakukan oleh beberapa pengembang Java lima tahun lalu. Toolkit Open source Dojo membedakan dirinya dari pustaka JavaScript lainnya dengan kemampuan yang jauh melampaui penyederhanaan akses DOM. Dalam paruh pertama pengantar Dojo ini, Sunil Patil memperkenalkan fitur-fitur dasar toolkit, membantu Anda mengatur lingkungan pengembangan dan debugging, dan menunjukkan kepada Anda bagaimana membuat mojo Dojo bekerja dalam proyek pengembangan Ajax Anda. Level: Menengah

Di dunia Web 1.0, arsitektur aplikasi Java yang umum dipanggil untuk mengimplementasikan logika aliran bisnis dan aplikasi dengan Java EE di sisi server. Pengembang aplikasi web biasanya menggunakan JavaScript hanya untuk validasi input dan untuk menampilkan pesan kesalahan kepada pengguna. Oleh karena itu, sebagian besar aplikasi Web 1.0 menggunakan beberapa jenis kerangka Model-View-Controller (MVC) - seperti Struts, JavaServer Faces (JSF), atau Spring MVC - di sisi server, tetapi hanya sedikit yang membutuhkan kerangka kerja JavaScript untuk klien- pemrograman sampingan.

Web 2.0 telah mengantarkan model pemrograman yang sangat berbeda, di mana banyak aliran aplikasi dan logika bisnis dikembangkan menggunakan JavaScript di sisi klien. Kami biasanya menggunakan kode JavaScript untuk tugas-tugas seperti:

  • Membuat permintaan asinkron ke sisi server
  • Manipulasi model objek dokumen (DOM) dan logika penanganan peristiwa yang berfungsi di beberapa browser
  • Penginternasionalan
  • Logging

Anda dapat menulis dan memelihara kode infrastruktur ini sendiri atau mengambil jalan yang tidak terlalu sulit dengan menggunakan pustaka JavaScript. Salah satu entri yang lebih mampu di ruang ini adalah Dojo toolkit, kerangka kerja JavaScript sumber terbuka yang dapat Anda gunakan untuk membuat aplikasi gratis atau komersial. Artikel ini memperkenalkan Anda pada fitur inti dan pustaka widget Dojo; memandu Anda dalam menginstal dan menyiapkan pengembangan JavaScript dan lingkungan debugging (menggunakan Dojo dan Firebug); dan membantu Anda mulai membuat aplikasi sampel menggunakan Dojo. Anda juga akan belajar tentang dukungan Dojo untuk pemrograman berorientasi objek dalam JavaScript (yang didasarkan pada konsep yang sudah dikenal seperti kelas, konstruktor, dan pewarisan), dan mendapatkan pengenalan singkat tentang modul Dojo.

Sekilas tentang Dojo

Saat ini ada beberapa kerangka kerja JavaScript open source dan komersial yang tersedia, termasuk Prototipe, EXTJS, YUI, dan jQuery. Sementara sebagian besar kerangka kerja JavaScript berfokus pada penyederhanaan akses DOM, dapat dikatakan bahwa Dojo adalah solusi satu atap. Inilah beberapa hal yang dilakukan Dojo untuk Anda:

  • Memperkenalkan konsep kelas, konstruktor, dan warisan dalam JavaScript, memungkinkan Anda membuat kode JavaScript berorientasi objek.
  • Memungkinkan Anda membuat kode yang lebih mudah dikelola dengan memecah kode Anda menjadi modul.
  • Menyederhanakan pemrograman Ajax dengan menyediakan kode infrastruktur untuk membuat permintaan asinkron menggunakan XMLHttpRequestdan kode manipulasi DOM yang kompatibel dengan lintas browser.

Sebagai kerangka kerja, Dojo memiliki tiga komponen utama:

  • Inti Dojo menyediakan fungsionalitas inti seperti kemampuan untuk melakukan panggilan metode jarak jauh, memanipulasi simpul DOM, dan memanipulasi Cascading Style Sheets (CSS). Inti Dojo juga mendukung fitur animasi dan fungsionalitas seret dan lepas.
  • Dijit adalah pustaka widget Dojo, dibangun di atas inti Dojo. Dijit menyediakan widget berbasis templat yang dapat diakses, tidak hanya untuk kontrol formulir sederhana tetapi juga widget tingkat lanjut seperti kontrol kalender, menu, bilah alat, bilah kemajuan, bagan, dan grafik.
  • DojoX adalah wadah untuk mengembangkan ekstensi ke toolkit Dojo. Bertindak sebagai inkubator untuk ide-ide baru dan testbed untuk tambahan eksperimental ke toolkit utama, serta tempat penyimpanan untuk ekstensi yang lebih stabil dan matang.

Sejarah Dojo

Alex Russell, David Schontzler, dan Dylan Schieman mulai mengerjakan kerangka Dojo pada tahun 2004 saat bekerja untuk Informatica. Belakangan banyak pengembang lain mulai berkontribusi pada Dojo. Pada tahun 2005, Yayasan Dojo dibentuk untuk menampung kode dan mengelola hak kekayaan intelektual. Sejauh ini, delapan rilis utama telah dikeluarkan, dan frameworknya telah diunduh lebih dari 1 juta kali. Perusahaan seperti IBM, AOL, Sun, SitePen, Blogline, Google, Nextweb, dan lainnya berkontribusi pada kerangka Dojo.

Menyiapkan lingkungan pengembangan Anda

Sebelum Anda dapat mulai mengembangkan aplikasi contoh Dojo artikel ini, Anda perlu menyiapkan lingkungan pengembangan dan debug sehingga Anda dapat mencoba perubahan aplikasi dengan cepat dan men-debug masalah jika terjadi kesalahan. Menyiapkan lingkungan pengembangan untuk kerangka kerja JavaScript seperti Dojo sedikit berbeda dengan melakukannya untuk kerangka kerja Java SE atau EE. Anda harus terlebih dahulu menginstal kerangka Dojo di aplikasi Web Anda dan kemudian menyiapkan lingkungan debugging di browser.