NỘI DUNG BÀI VIẾT
Hiện nay, có rất nhiều Framework JavaScript được sử dụng để xây dựng các ứng dụng Web và giao diện người dùng và trong số đó không thể không nhắc tới AngularJS – một Framework siêu mạnh mẽ. Vậy AngularJS là gì? Nó có những tính năng gì? Ưu, nhược điểm ra sao? Hãy cùng mình tìm hiểu qua bài viết này!
AngularJS là gì?
AngularJS là một Framework JavaScript mã nguồn mở được sử dụng để xây dựng các ứng dụng web. Ban đầu nó được phát triển vào năm 2009 bởi Misko Hevery và Adam Abrons. Nó hiện được duy trì bởi Google.
Định nghĩa về AngularJS theo tài liệu chính thức của nó như sau:
AngularJS là một framework có cấu trúc cho các ứng dụng web động. Nó cho phép bạn sử dụng HTML như là ngôn ngữ mẫu và cho phép bạn mở rộng cú pháp của HTML để diễn đạt các thành phần ứng dụng của bạn một cách rõ ràng và súc tích.
Hai tính năng cốt lõi: Data binding và Dependency injection của AngularJS loại bỏ phần lớn code mà bạn thường phải viết. Nó xảy ra trong tất cả các trình duyệt, làm cho nó trở thành đối tác lý tưởng của bất kỳ công nghệ Server nào.
Do có sự hỗ trợ tuyệt đối của Google và một cộng đồng rộng lớn, nên Framework này luôn được cập nhật. Ngoài ra, nó luôn kết hợp các xu hướng phát triển mới nhất trên thị trường.
Đặc trưng của AngularJS
Angular có các tính năng chính sau đây khiến nó trở thành một trong những Framework mạnh mẽ trên thị trường.
- MVC – Framewok này được xây dựng dựa trên khuôn mẫu nổi tiếng MVC (Model-View-Controller). Đây là một mẫu thiết kế được sử dụng trong hầu hết các ứng dụng web ngày nay. Mô hình này dựa trên việc chia lớp logic nghiệp vụ, lớp dữ liệu và lớp trình bày thành các phần riêng biệt. Việc phân chia thành các phần khác nhau được thực hiện để mỗi phần có thể được quản lý dễ dàng hơn.
- Data Model Binding – Bạn không cần phải viết mã đặc biệt để liên kết dữ liệu với HTML controls. Điều này có thể được thực hiện bởi Angular chỉ bằng cách thêm một vài đoạn mã.
- Viết ít code hơn – Khi thực hiện thao tác DOM, cần phải viết nhiều JavaScript để thiết kế bất kỳ ứng dụng nào. Nhưng với AngularJS, bạn sẽ ngạc nhiên với số lượng code ít hơn bạn cần viết để thao tác DOM.
- Có sẵn Unit Testing -Các nhà thiết kế tại Google không chỉ phát triển AngularJS mà còn phát triển một khung kiểm thử có tên “Karma” giúp thiết kế các Unit Testing cho các ứng dụng AngularJS.
Các tính năng cơ bản của AngularJS
- Data-binding: (liên kết dữ liệu) tự động đồng bộ dữ liệu giữa model và view
- Scope: (Phạm vi) Đây là những đối tượng kết nối giữa Controller và View
- Controller: Đây là những hàm javascript xử lý kết hợp với bộ điều khiển Scope
- Service: Như tôi đề cập ở trên, AngularJS sử dụng các API được xây dựng từ các web service (PHP, ASP) để thao tác với DB.
- Filters: Bộ lọc lọc ra các thành phẩn của một mảng và trả về mảng mới
- Directives: đánh dấu vào các yếu tố của DOM, nghĩa là sẽ tạo ra các thẻ HTML tùy chỉnh
- Templates: hiển thị thông tin từ controller, đây là một thành phần của views
- Routing: chuyển đổi giữa các action trong controller
- MVC: Mô hình chia thành phần riêng biệt thành Model, View, Controller. Đây là một mô hình khá hay nhưng trong Angular thì nó được chế biến lại một chút gần giốn với MVVM (Model View View Model)
- Deep Linking: Liên kết sâu, cho phép bạn mã hóa trạng thái của ứng dụng trong các URL để nó có thể đánh dấu được với công cụ tìm kiếm.
- Dependency Injection: Angular giúp các nhà phát triển tạo ứng dụng dễ dàng hơn để phát triển, hiểu và thử nghiệm dễ dàng.
Kiến trúc AngularJS
AngularJS tuân theo kiến trúc MVC, sơ đồ của khung MVC như hình dưới đây.
- Controller đại diện cho lớp có logic nghiệp vụ. Sự kiện người dùng kích hoạt các chức năng được lưu trữ bên trong bộ điều khiển của bạn. Các sự kiện người dùng là một phần của controller.
- Views được sử dụng để đại diện cho lớp trình bày được cung cấp cho người dùng.
- Model được sử dụng để đại diện cho dữ liệu của bạn. Dữ liệu trong mô hình của bạn có thể đơn giản như chỉ có các khai báo nguyên thủy. Ví dụ: nếu bạn đang duy trì ứng dụng dành cho sinh viên, mô hình dữ liệu của bạn có thể chỉ có id và tên sinh viên. Hoặc nó cũng có thể trở nên phức tạp nếu một mô hình dữ liệu có cấu trúc nếu bạn đang duy trì đơn đăng ký quyền sở hữu ô tô, bạn có thể có các cấu trúc để xác định chính chiếc xe đó về dung tích động cơ, chỗ ngồi, v.v.
Ưu điểm của AngularJS
- Cung cấp khả năng tạo ra các Single Page Aplication dễ dàng và dễ bảo trì.
- Cung cấp khả năng data binding tới HTML, khiến cho người dùng cảm giác linh hoạt, thân thiện.
- Dễ dàng Unit test
- Dễ dàng tái sử dụng component
- Giúp lập trình viên viết code ít hơn với nhiều chức năng hơn.
- Chạy được trên các loại trình duyệt, trên cả PC lẫn mobile.
Nhược điểm của AngularJS
- Không an toàn : được phát triển từ javascript cho nên ứng dụng được viết bởi AngularJS không an toàn. Nên có sự bảo mật và xác thực phía server sẽ giúp ứng dụng trở nên an toàn hơn.
- Nếu người dùng ứng dụng của bạn tắt JavaScript, thì sẽ không có gì được hiển thị, ngoại trừ trang cơ bản.
Kết luận
Qua loạt lý thuyết này bạn sẽ thấy AngularJS tuy là một Framework mạnh mẽ nhưng để master được nó thì có rất nhiều thứ ta cần phải học và sẽ cực nhọc đấy nhé. Chúc các bạn thành công1
Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây.
Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.
TỔNG HỢP TÀI LIỆU HỌC LẬP TRÌNH CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦU
KHOÁ HỌC BOOTCAMP JAVA/PHP/.NET TRỞ THÀNH LẬP TRÌNH VIÊN TRONG 5-6 THÁNG
