http://vietjack.com/angularjs/index.jsp Copyright © vietjack.com Tổng quan AngularJS AngularJS gì? AngularJS khung (framework) ứng dụng web mã nguồn mở Nó phát triển lần đầu năm 2009 Misko Hevery Adam Abrons Hiện trì Google Phiên 1.3.14 Định nghĩa AngularJS đưa thức sau: AngularJS khung cấu trúc cho ứng dụng trang web động Nó cho phép bạn sử dụng HTML ngôn ngữ mẫu cho phép bạn mở rộng cú pháp HTML để diễn đạt thành phần ứng dụng bạn cách rõ ràng súc tích Hai tính cốt lõi: Data binding – Liên kết liệu vàDependency injection – Sự tiêm vật phụ thuộc AngularJS loại bỏ phần lớn code mà bạn thường phải viết Nó xảy tất trình duyệt, làm cho trở thành đối tác lý tưởng cơng nghệ Server Các tính chung AngularJS khung phát triển mạnh mẽ dựa JavaScript để tạo ứng dụng RICH Internet Application (RIA) AngularJS cung cấp cho lập trình viên tùy chọn để viết ứng dụng client-side mơ hình MVC (Model View Controller) cách rõ ràng Các ứng dụng viết AngularJS tương thích với nhiều phiên trình duyệt web AngularJS tự động xử lý mã JavaScript để phù hợp với trình duyệt AngularJS có mã nguồn mở, miễn phí hồn tồn, sử dụng hàng ngàn lập trình viên giới Nó hoạt động giấy phép Apache License version 2.0 Nhìn chung, AngularJS framework để tạo ứng dụng lớn, hiệu cao giữ cho chúng dễ dàng bảo dưỡng (maintain) Các tính cốt lõi Dưới tính cốt lõi AngularJS: Data-binding: Nó tự động đồng hóa liệu thành phần model view http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/angularjs/index.jsp Copyright © vietjack.com Scope: Là đối tượng hướng đến model, hoạt động cầu nối giữacontroller view Controller: Đây tính AngularJS mà giới hạn tới scopecụ thể Services: AngularJS hoạt động với vài dịch vụ (service) có sẵn , ví dụ $http để tạo XMLHttpRequests Nó singleton object mà khởi tạo lần ứng dụng Filters: Nó lựa chọn tập item từ mảng trả mảng Directives: Directive marker phần tử DOM (như phần tử, thuộc tính, css nhiều thế) Nó dùng để tạo thẻ HTML riêng phục vụ mục đích riêng AngularJS có directives có sẵn ngBind,ngModel… Templates:Là rendered view với thông tin từ controller model Nó sử dụng file riêng rẽ (ví dụ index.jsp) nhiều view với trang sử dụng “partials” Routing: Là khái niệm chuyển dịch qua lại view Model View Whatever: MVC mô hình thiết kế để phân chia ứng dụng thành nhiều phần khác (gọi Model, View Controller), phần sử dụng với nhiệm vụ định AngularJS không triển khai MVC theo cách truyền thống, mà gắn liên với Model-View-ViewModel Nhóm phát triển AngularJS đặt tên vui cho mơ hình Model View Whatever Deep Linking: Cho phép bạn mã hóa trạng thái ứng dụng địa URL để bookmark Các ứng dụng phục hồi lại từ địa URL với trạng thái Dependency Injection: AngularJS có sẵn hệ thống dependency injectionđể giúp lập trình viên tạo ứng dụng dễ phát triển, dễ hiểu kiểm tra Khái niệm Biểu đồ mô tả thành phần quan trọng AngularJS mà đề cập cụ thể chương http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/angularjs/index.jsp Copyright © vietjack.com Ưu điểm AngularJS AngularJS cung cấp khả tạo Single Page Application rõ ràng theo cách dễ bảo dưỡng (maintain) AngularJS cung cấp khả Data binding tới HTML đưa tới người dùng cảm giác linh hoạt, thân thiện AngularJS code dễ dàng unit test AngularJS sử dụng dependency injection AngularJS cung cấp khả tái sử dụng component Với AngularJS, lập trình viên viết code hơn, với nhiều chức Với AngularJS, view thành phần trang HTML thuần, controllerđược viết JavaScript với trình xử lý nghiệp vụ http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/angularjs/index.jsp Copyright © vietjack.com Và tất cả, ứng dụng AngularJS chạy hết trình duyệt web, tảng Android iOs Nhược điểm AngularJS Mặc dù AngularJS kể đến nhiều ưu điểm, đến thời điểm này, có số điểm yếu sau: Khơng an tồn : Là JavaScript framework, ứng dụng viết AngularJS khơng an tồn Phải có tính bảo mật xác thực phía server giúp ứng dụng trở nên an toàn Nếu ứng dụng AngularJS bị vơ hiệu hóa JavaScript phía người dùng bạn nhìn trang bản, khơng thấy thêm Các thành phần AngularJS AngularJS framework chia thành ba phần sau: ng-app : directive định nghĩa liên kết ứng dụng AngularJS tới HTML ng-model : directive bind giá trị liệu ứng dụng AngularJS đến điều khiển đầu vào HTML ng-bind : directive bind liệu ứng dụng AngularJS đến thẻ HTML http://vietjack.com/ Trang chia sẻ học online miễn phí Page ... online miễn phí Page http://vietjack.com /angularjs/ index.jsp Copyright © vietjack.com Và tất cả, ứng dụng AngularJS chạy hết trình duyệt web, tảng Android iOs Nhược điểm AngularJS Mặc dù AngularJS. .. thành phần AngularJS AngularJS framework chia thành ba phần sau: ng-app : directive định nghĩa liên kết ứng dụng AngularJS tới HTML ng-model : directive bind giá trị liệu ứng dụng AngularJS. .. tồn : Là JavaScript framework, ứng dụng viết AngularJS khơng an tồn Phải có tính bảo mật xác thực phía server giúp ứng dụng trở nên an toàn Nếu ứng dụng AngularJS bị vơ hiệu hóa JavaScript phía