Angular Material - Angular Material Form - Angular Material Icon | Angular Too Fast

Angular Material - Angular Material Form - Angular Material Icon | Angular Quá Nhanh

0:09 Tổng quan về Angular Material
2:39 Cài đặt Angular Material
4:25 Angular Material Form
9:09 Angular Material Icon
12:31 Tổng kết

1. Angular Material là gì?

Năm 2014, Google phát minh ra một ngôn ngữ thiết kế được gọi là Material Design. Material Design là một công cụ hỗ trợ phần thiết kế cơ sở về thị giác và tương tác. Google loại bỏ JavaScript và viết lại code từ đầu, đặt lại tên là Angular vào năm 2016. Cuối cùng, Google dán Material Design vào Angular sử dụng Typescript và gọi nó là Angular Material

2. Lợi ích khi sử dụng Angular Material:

Chất lượng cao
Các thành phần được quốc tế hóa và có thể truy cập cho mọi người. Được thử nghiệm tốt để đảm bảo hiệu suất và độ tin cậy.

Các API đơn giản với hành vi nền tảng nhất quán.

Linh hoạt
Cung cấp các công cụ giúp nhà phát triển xây dựng các thành phần tùy chỉnh của riêng họ với các mẫu tương tác chung.

Có thể tùy chỉnh trong giới hạn của đặc điểm kỹ thuật Material Design.

Tương thích
Được xây dựng bởi nhóm Angular để tích hợp hoàn toàn với Angular.

Bắt đầu từ đầu hoặc thả vào các ứng dụng hiện có của bạn.

3. Các thành phần chính của Angular Material:
Angular Material Form: Bao gồm các Form control như: Input, lựa chọn, các thanh kéo, checkbox, v..v...
Angular Material Icon: mat-icon giúp bạn dễ dàng sử dụng các vector-based icons trong ứng dụng của mình
Các thành phần Layout: lưới, cards, lists, và tabs
Buttons: Các Mẫu Điều hướng - Side-Navy, Menus, và Toolbars
Bảng dữ liệu với phần tiêu đề: Models và Pop-Ups Indicator - spinner và progress bar

4. Cài đăt Angular Material
Truy cập cmd vào thư mục gốc của project và gõ câu lệnh sau
ng add @angular/material

Tiếp đến hãy thực hành Angular Material Form và Angular Material Icon.

…

5. Tổng kết
Về cơ bản thì Angular Material được sử dụng như vậy. Ngoài 2 thành phần(Angular Material Form, Angular Material Icon) mà chúng ta thực hành, Angular Material còn rất nhiều thành phần khác. Các thành phần đó là: select, checkbox, radio button, card, grid, list,... Bạn có thể tham khảo thêm về các Angular material tại link này:

Bài học về material trong Angular Material đến đây là kết thúc rồi. Hẹn gặp lại các bạn trong các bài hướng dẫn tiếp theo.

Đăng ký để không bỏ lỡ những video mới nhất:

#AngularQuaNhanh #QuaNhanh

Angular Material,Angular Material Form,Angular Material Icon,angular material form group,angular material icons,angular,angular 8,angular tutorial,angularjs,angular tutorial for beginners,learn angular,javascript,cr