3. Angular Overview

Cú pháp và cách sử dụng Promise?

Các cách xử lý bất đồng bộ trong Javascript?

Các kiểu dữ liệu trong TS?

2. Dò bài cũ

Angular Overview

Single-page application

5. Databinding trong component

4. Demo import bootstrap

3. Cách tạo project và tạo component

2. Các thành phần trong Component

1. Tổng quan về Angular

Nội dung chính

Tổng quan Angular

• Angular là một JavaScript framework dùng để viết giao diện web (Front-end), được phát triển bởi Google.
• Hỗ trợ kiểu dữ liệu tĩnh
• Hỗ trợ xây dựng các ứng dụng web động và tương tác với các API để lấy và lưu trữ dữ liệu

Kiến trúc của Angular

• Metadata là các thông tin mô tả về một thành phần hoặc một module trong ứng dụng.
• Các thông tin này được đặt trong các decorator.
• Decorator được sử dụng để thêm các metadata
• Decorator bắt đầu bằng @

Kiến trúc của Angular

• Components: Được xây dựng từ HTML, CSS và TypeScript
• Services: Là các lớp chuyên môn độc lập, được sử dụng để thực hiện các chức năng cụ thể trong ứng dụng.
• Modules: Là các gói code được tổ chức thành các đơn vị logic và chức năng riêng biệt

Các thành phần trong Component

2. Câu lệnh tạo component: ng g c ten_component

1. Câu lệnh tạo project Angular: ng new ten_project

Tạo project và tạo component

Databinding trong component

thanks!