Tuesday, August 25, 2020

Học Angular 7 từ A đến Z

 Xin chào mọi người hôm nay mình sẽ giới thiệu cho các bạn một trong những bài học Angular 7 từ A đến Z, các bạn có thể nghiên cứu và thực hiện cho một cách nhuần nhuyễn nhất có thể.

Giới thiệu về Angular

Angular là một Framework được phát triển bởi google để xây dựng các Single Page Application (SPA) bằng JavaScript , HTML, CSS và TypeScript. Angular cung cấp các tính năng tích hợp cho animation , http service, materials và có các tính năng như auto-complete , navigation , toolbar , menus ,… Code được viết bằng TypeScript , biên dịch thành JavaScript và hiển thị giống nhau trong trình duyệt. Các bài hướng dẫn về angular này sẽ giúp bạn tìm hiểu và sử dụng Angular 7.

Học Angular 7 từ A đến Z

Các phiên bản Angular

Angular được ra đời rất lâu, ở phiên bản đầu tiên được sử dụng Javascript là chủ yếu nên nó có tên gọi AngularJS, với sự cộng đồng mạng sử dụng nên Angular được sử dụng rộng rãi và nó thường xuyên được cập nhất.

  1. AngularJS
  2. Angular 2
  3. Angular 4
  4. Angular 5
  5. Angular 6
  6. Angular 7
  7. Angular 8
  8. Angular 9.

 AngularJS

Phiên bản đầu tiên của Angular có tên gọi là AngularJS đươc bắt đầu từ 2009 và ra mắt vào 20/10/2010  bởi nhân viên tại google, khi đó Angular js được phát triển theo mộ hình MVC (Model View Controller)
Trong đó:
Model:  là trung tâm thể hiện hành vi của ứng dụng và xử lý dữ liệu
View: Hiện thị những thông tin mà model tạo ra
Controller: Đóng vai trò trung tâm nằm giữa model và view để xử lý logic

Angular 2

Angular 2 được ra mắt vào tháng 3/2015 có tên là Angular 2, với phiên bản này ra đời nhằm thay thế Angularjs với những kiến thức và khái niệm mới,nhắm đơn giản hoá và tối ưu được quá trình phát triển và sử dụng framework Angular thay đổi hoàn toàn so vơi angular js, thay thế Controlles và $scope bằng component và directives.
Angular 2 đươc xây dưng bằng ngôn ngữ typescript nó chạy nhanh hơn angularjs và hỗ trợ đa trinh duyệt, cấu trúc chương trinh đơn giản hơn.

Angular 4

Ra mắt vào tháng 3/2017 đây là một phiên bản nâng cấp từ Angular 2 nên kiến trúc không thay đổi nhiều ngoài việc giảm thiểu code được tạo ra từ đó giảm kích thước tệp được đóng gói xuống 60%, đẩy nhanh quá trình phát triển ứng dụng.

Angular 5

Đã được phát hành vào ngày 1 tháng 11 năm 2017 với mục tiêu thay đổi về tốc độ và kích thước nên nó nhanh hơn và nhỏ hơn angular 4. Các tính năng mới so với angular 4:
  • Sử dụng HTTPClient thay vì sử dụng HTTP : bởi vì nó nhanh, an toàn và hiệu quả hơn.
  • Với phiên bản Angular 5 mặc định sử dụng RxJs 5.5
  • Multiple export aliases : Một component có thể được xuất bằng nhiều bí danh (aliases) để giảm bớt quá trình di chuyển.
  • Internationalized Pipes for Number, Date, and Currency: Các pipe mới được giới thiệu để tiêu chuẩn hóa tốt hơn.
  • Tối ưu hóa build production bằng việc sử dụng công cụ build optimizer được tích hợp sẵn vào trong CLI. Công cụ này tối ưu tree shark và loại bỏ code dư thừa.
  • Cải thiện tốc độ biên dịch bằng việc dùng TypeScript transforms, giờ đây khi build sẽ sử dụng lệnh “ng serve –aot”. AOT sẽ cải thiện performace khi load page và nó được dùng để deploy app lên production

Angular 6

Được phát hành vào ngày 4 tháng 5 năm 2018 với những thay đổi so với Angular 5:
  • Cập nhật CLI, command line interface: thêm 1 số lệnh mới như ng-update để chuyển từ version trước sang version hiện tại; ng-add để thêm các tính năng của ứng dụng để trở thành một ứng dụng web tiến bộ.
  • Angular Element: Cho phép các component của Angular được triển khai dưới dạng component web, sau đó có thể được sử dụng trong bất kỳ trang HTML nào một cách dễ dàng.
  • Multiple Validators: cho phép nhiều Validators được áp dụng trên form builder.
  • Tree-shakeable providers: giúp loại bỏ mã code chết.
  • Sử dụng RxJS 6 với syntax thay đổi.

Angular 7

Được phát hành vào 18 tháng 10 năm 2018 với những thay đổi như:
  • Support TypeScript 3.1
  • ScrollingModule: Để scroll load dữ liệu.
  • Drag and Drop: Chúng ta có thể dễ dàng thêm tính năng kéo và thả vào một mục
  • Angular 7.0 đã cập nhật RxJS 6.3

Angular 8

Được phát hành vào tháng 3 và 4 năm 2019 với những thay đổi như:
  • Support TypeScript 3.4

Angular 9

  • Support TypeScript 3.7

Những bài học trong Angular

  1. Giới thiệu về Angular
  2. Hướng dẫn cài đặt Angular 7
  3. Tạo dự án trong Angular 7
  4. Hướng dẫn công cụ lập trình Angular 7
  5. Tìm hiểu Components Angular 7
  6. Tìm hiểu Modules Angular 7
  7. Tìm hiều Data Binding Angular 7
  8. Tìm hiểu event binding Angular 7
  9. Tìm hiểu Templates Angular 7
  10. Tìm hiểu Directives Angular 7
  11. Tìm hiểu Pipes Angular 7
  12. Tìm hiểu Routing Angular 7
  13. Tìm hiểu Services Angular 7
  14. Tìm hiểu Http Client Angular 7
  15. Tìm hiểu CLI Prompts Angular 7
  16. Tìm hiểu Forms Angular 7
  17. Tìm hiểu Materials Angular 7
  18. Tìm hiểu Animations Angular 7
  19. Tìm hiểu Testing & Building project Angular 7

No comments:

Post a Comment