Học Angular : giới thiệu Angular

Khóa Học Angular

Tổng quan Angular :

Trong loạt bài này tôi và các bạn sẽ tìm hiểu các kiến thức căn bản nhất của Angular, mỗi bài sẽ đi tìm hiểu một chủ đề, trong mỗi bài sẽ có các ví dụ minh họa và demo trực tiếp trên live editor nên rất dễ để học. Hy chúng ta sẽ thành công khi xong loạt serie này.

1 Angular js là gì :

giới thiệu về Angular

Angular là một bộ Javascript Framework rất mạnh và thường được sử dụng để xây dựng project Single Page Application (SPA).

Nó hoạt động dựa trên các thuộc tính mở rộng HTML (các atributes theo quy tắc của Angular). Đây là một Framework mã nguồn mở hoàn toàn miễn phí và được hàng ngàn các lập trình viên trên thế giới ưa chuộng và sử dụng.

Framework này được thế hệ Web 2.0 phát triển khá mạnh ở nước ngoài, tuy nhiên ở Việt Nam thì vẫn chưa thông dụng lắm.

2. Những ai cần nắm bắt AngularJS

Về thành phần đối tượng học serie AngularJS căn bản đến nâng cao này là những bạn muốn đi theo nghề lập trình web nói chung và những bạn muốn sử dụng AngularJS để làm dự án nói riêng. Mình cam đoan rằng sau khi hoàn thành bạn có thể tự mình làm ứng dụng Angular căn bản, hay thậm chí là ứng dụng Angular nâng cao nếu như bạn có tâm huyết tìm hiểu đến cùng.


Hy vọng rằng sau loạt serie này bạn sẽ tự mình nghiên cứu thêm nhé, vì bản chất học lập trình không thể nào trình bày full được mà chỉ ở mức basic, chỉ đường cho bạn đi thôi.
3. Bạn cần chuẩn bị những kiến thức gì để học khóa học AngularJS
Bài viết được đăng tại niit-ict hà nội.

Để học được Angular thì bạn phải có kiến thức cơ bản về javascript, biết cách xử lý object, string, … Hay thậm chí nếu như bạn biết chuyên sâu Javascript thì đó là một lợi thế rất nhiều. Vì bản chất Angular hoạt động dạng Single Page, sử dụng dạng API để lấy dữ liệu, vì vậy bạn phải biết các kỹ thuật xử lý DHTML, Ajax. Nếu như bạn chưa biết các công nghệ kỹ thuật đó thì hãy dừng này tại đây nhé, vì serie này bạn chưa đủ trình độ để tìm hiểu nó.

4. Các đặc tính của AngularJS

AngularJS là một Framework phát triển dựa trên Javascript để tạo các ứng dụng web phong phú
AngularJS thường dùng để phát triển frontend (giao diện khách hàng) thông qua các API để gọi data, sử dụng mô hình MVC rất mạnh mẽ

Mã nguồn AngularJS tự động fix với các trình duyệt khác nhau nên bạn không cần phải lo vấn đề tương thích trình duyệt

Angular là mã nguồn mở, hoàn toàn miễn phí và được phát triển bởi hàng ngàn các lập trình viên trên thế giới.

Chung quy lại có thể hiểu khi làm việc với AngularJS giống như là đang làm việc với Ajax, sử dụng cơ chế bind data, hoạt động theo mô hình MVC và sử dụng service để tương tác với dữ liệu từ server. Để rõ hơn thì chúng ta tìm hiểu các tính năng cốt lõi của nó nhé.

5. Các tính năng code lõi của AngularJS

Sau đây là các tính năng cốt lõi quan trọng trong 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ống 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àn
g.