Danh Sách Thành Viên • Đỗ Văn Chương _ 1611061303 Nội Dung WHAT WHY HOW AngularJS gì? What??? Angularjs gì? ❖“ Dự án AngularJS năm 2009, lập trình viên Misko Hevery Google viết dự án kiểu “viết cho vui” Misko nhóm lúc tham gia vào dự án Google tên Google Feedback Với AngularJS, Misko rút ngắn số dòng code front-end từ 17000 dòng khoảng 1500 Vớ thành cơng đó, đội ngũ dự án Google Feedback định phát triển AngularJS theo hướng mã nguồn mở.” AngularJS gì? ❖AngularJS Javascript Framework mạnh thường sử dụng để xây dựng project Single Page Application (SPA) AngularJS cho phép xây dựng trình duyệt mà khơng cần phải thơng qua server, sử dụng mơ hình MVC Single Page Application gì? • Để giải thích thật dễ hiểu, bạn nhìn vào từ viết tắt tên gọi này, SPA Đọc đến đây, hẳn biết SPA khơng? Chính xác, SPA việc làm giảm stress cho thể, lưu thơng tuần hồn Tất thao tác nhân viên SPA tập trung người, nhằm giúp người sử dụng dịch vụ thoải mái Single-page Application vậy, trang web hay ứng dụng web, mà tất thao tác xử lý trang web diễn trang Với mục đích nâng cao trải nghiệm người dùng tốt hơn, hiệu hơn, thoải mái 1 Mơ hình MVC ❖Model - Là thành phần thấp mơ hình có nhiệm vụ trì liệu ❖View - Có nhiệm vụ hiển thị phần liệu đến người sử dụng ❖Controller - Là phần Code điều khiển tương tác Model View Mơ Hình MVC AngularJS Tại nên sử dụng AngularJS ? Why? Tại nên sử dụng AngularJS? AngularJS AngularJS phát triển Google mã nguồn mở viết theo mơ hình MVC AngularJS cho phép tạo ứng dụng cách đơn giản, code sạch, dễ dàng việc kiểm thử ❖Tương thích với hầu hết trình duyệt điện thoại thơng minh (iOS, Android) ❖AngularJS sử dụng chế data-binding tức model thay đổi view thay đổi theo ngược lại ❖Được tích cực phát triển cộng đồng mã nguồn mở (on GitHub) ❖ Extendable: khả mở rộng, có nghĩa dễ dàng thêm features cho người dùng ❖ Maintainable: ứng dụng viết angularJS dễ debug fix, điều có ý nghĩa làm việc với project lớn ❖ Testable: AngularJS hỗ trợ unit, end-to-end testing, điều thuận lợi cho việc fix debug trước đến tay ngườidùng ❖ Standardized: angularJS xây dựng dựa khả sẵn có trình duyệt nên cho phép tận dụng đặt tính ( HTML API…) cá công cụ phổ biến khác Sử dụng AngularJs nào? How ? AngularJS Expression • AngularJS expression viết dấu ngoặc kép: {{expression}} • AngularJS giải expression, trả kết xác nơi biểu thức viết Data Binding Data Binding AngularJs cách thức tự động đồng (synchronization) liệu Model View AngularJS Directives AngularJS có tập hợp thị xây dựng sẵn, cung cấp chức cho ứng dụng gọi directives Có thể tự định nghĩa directive Cú pháp: ng-something Module controller AngularJS Module định nghĩa application Modules phận chứa controllers cho ứng dụng AngularJS Controller kiểm soát liệu ứng dụng AngularJS Controller chứa module Scope Phạm vi phần ràng buộc HTML (View) JavaScript (Controller) Scope chứa thông tin liệu model Trong controller, liệu model truy cập qua đối tượng $scope AngulerJS Services Service hàm JavaScript có nhiệm vụ task định Nó làm cho chúng thành thực thể riêng rẽ dễ dàng việc bảo trì kiểm thử Controller gọi chúng cách đơn giản ... tác Model View Mơ Hình MVC AngularJS Tại nên sử dụng AngularJS ? Why? Tại nên sử dụng AngularJS? AngularJS AngularJS phát triển Google mã nguồn mở viết theo mơ hình MVC AngularJS cho phép tạo ứng... Với AngularJS, Misko rút ngắn số dòng code front-end từ 17000 dòng khoảng 1500 Vớ thành cơng đó, đội ngũ dự án Google Feedback định phát triển AngularJS theo hướng mã nguồn mở.” AngularJS gì? AngularJS. .. Standardized: angularJS xây dựng dựa khả sẵn có trình duyệt nên cho phép tận dụng đặt tính ( HTML API…) cá công cụ phổ biến khác Sử dụng AngularJs nào? How ? AngularJS Expression • AngularJS expression