Tìm hiểu về Dojo Toolkit

Ngày nay JavaScript là một thành phần rất quan trọng của một website. Nó giúp trang web có thêm tính tương tác, các tính năng trở nên sinh động và hấp dẫn người sử dụng hơn. Có nhiều framwork khác nhau như JQuery, ExtJS, Yahoo API, Prototype ... Bài viết này nhằm nghiên cứu về Dojo, một framework mạnh mẽ và cũng rất phổ biến .

Dojo Toolkit là một dự án mã nguồn mở bắt đầu được phát triển từ năm 2004. Nó cung cấp bộ công cụ giúp bạn có thể dễ ràng viết code: tạo hiệu ứng, biểu đồ, xử lý event, ajax, tương tác CSS, xử lý với DOM .... Và đặc biệt tính năng được xử lý mà không phụ thuộc vào trình duyệt.

Dojo bao gồm tập hợp các gói thư viện, bao gồm 1 số gói chính sau:

• Base package: đây là gói chứa những tính năng cơ bản nhất của framework toolkit như: hỗ trợ ajax, ảnh động, OOP ...
• Core: đây là phần cốt lõi nhất của Dojo. Các package khác không thể sử dụng nếu không tham chiếu đên module core này. Nó cung cấp cho bạn nhưng funtion để có thể thao tác được với DOM, CSS, ajax ...
• Dijit: là package chứa bộ wedgits hỗ trợ xây dựng giao diện như: chart, textbox, calendar box, drop-down, theme, slide show ...
• DojoX: đây là package chứa nhưng tính năng mở rộng như thao tác với đồ họa 2D, 3D, xử lý webpage offline, dynamic charting ....

=> Hướng dẫn cách cài đặt và cấu hình Dojo:

• Dojo tương đối dễ cài đặt, bạn chỉ cần chèn thêm thể script để import thêm dojo vào là được (import file dojo.js) Ví dụ: Đây là đoạn code import Dojo từ Google:

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.3/dojo/dojo.xd.js"> </script>

Còn đây là code sử dụng Dojo từ AOL:

<script type="text/javascript"  src="http://o.aolcdn.com/dojo/1.3
	/dojo/dojo.xd.js">
</script>

Hoặc bạn có thể download source code về và tích hợp trực tiếp vào project. Download Dojo tại https://dojotoolkit.org/download/ và làm theo hướng dẫn cơ bản để tích hợp vào website của bạn.

=> Hướng dẫn cấu hình:

• Một tính năng độc đáo của Dojo là nó cho phép bạn cấu hình cách thức mà bạn muốn nó hoạt động. Cụ thể bạn cấu hình thuộc tính djConfig trong thẻ script.

Ví dụ: <script type="text/javascript" src="/js/dojo/dojo.js" djConfig="isDebug:true, parseOnLoad:true"></script>

Hoặc có thể cấu hình giống như global variable, khai bao dạng sau:

<script type="text/javascript">
var djConfig = {isDebug:true, parseOnLoad:true};
</script>
<script type="text/javascript" src="/js/dojo/dojo.js"></script>

Bạn có thể vào https://dojotoolkit.org/documentation/tutorials/1.10/hello_dojo/index.html để bắt đầu học cách sử dụng dojo với các ví dụ đơn giản.