Khi chúng ta làm 1 website nhỏ không sử dụng js đủ thứ thì việc tạo lên 1 mô hình MVC cho js là không cần thiết Nhưng khi làm 1 website lớn đòi hỏi sử dụng js đủ thứ thì việc dùng jquery và các thư viện js khác sẽ làm js trong ứng dụng của ta càng ngày càng nhìu và việc quản lý nó trở nên khó khăn hơn như việc viết các sự kiện DOM , Ajax và các hàm callbacks của Jquery … vào cùng 1 file thì file đó sẽ ngày càng to ra và sẽ gây khó khăn trong việc nâng cấp và sửa lỗi lúc nầy ta phải tạo lên cấu trúc js rõ ràng hơn cho ứng dụng của mình.
Trong bài hướng dẫn này mình sẽ dùng các thư viện sau :
Jquery :
To view links or images in this forum your post count must be 10 or greater. You currently have 0 posts.
Backbone js :
To view links or images in this forum your post count must be 10 or greater. You currently have 0 posts.
Underscorejs :
To view links or images in this forum your post count must be 10 or greater. You currently have 0 posts.
Requirejs :
To view links or images in this forum your post count must be 10 or greater. You currently have 0 posts.
Tại sao cần dùng Backbone.js?
Việc tạo ra các web apps single-page và các user interfaces phức tạp sẽ khó hơn khi chỉ dùng jquery .
vấn đề là khi dùng jquery để tạo ra 1 web apps sẽ viết các code js lồng vào nhau của các jquery callbacks và không có 1 structure cụ thể , Backbone.js hỗ trợ chúng ta tạo lên 1 cấu trúc application rõ ràng hơn theo MVC (Models – Collections- Views) .
Backbone.js tạo structure cho web applications bằng cách cung cấp models với các ràng buộc key-value và custom events, collections với rất nhiều API, views với khai báo xử lý các sự kiện và kết nối nó với toàn bộ các API qua RESTful JSON interface.
Tại sao cần dùng Underscorejs?
Underscore là một utility-belt library cho JavaScript cung cấp rất đủ thứ function hỗ trợ lập trình như map, select, invoke,forEach, map, reduce, filter, every, some,indexOf và còn là 1 template engine js mạnh mẽ giúp chúng ta làm việc với data json và html dễ dàng và nhanh hơn .
Tại sao cần dùng Requirejs?
Khi viết theo MVC thì tớ cần 1 cái loader dùng để load các lib , collections, models , views và Requirejs giúp chúng ta làm việc này . Requirejs giúp chúng ta chỉ load các file js cần dùng nên giúp cải thiện tốc độ load của ứng dụng .
/************************************************** **************/
Để kết hợp các lib trên thành 1 javascript Application Architecture thì chúng ta cần hiểu các công dụng và cách dùng từng lib nên mình sẽ giới thiệu chi tiết nhất không phải là không về từng lib trước khi chúng ta gộp nó lại thành một web apps cụ thể .
To view links or images in this forum your post count must be 10 or greater. You currently have 0 posts.
Phần 2 : Tìm hiểu về Require.js
Phần 3 : Tìm hiểu về Backbone.js
Phần 4 : JavaScript Application Architecture với Backbone.js
Phần 4 : tạo ra Single Page Website (Image Gallery)
0 nhận xét:
Đăng nhận xét