Đề cương khóa học
Giới thiệu
- Angular là gì?
- Angular so với React và Vue
- Tổng quan về 16 tính năng và kiến trúc của Angular
- Thiết lập Môi trường Phát triển
Bắt đầu
- Tạo một dự án Angular 16 mới bằng Angular CLI
- Khám phá cấu trúc và các tệp của dự án
- Chạy và phục vụ ứng dụng
- Hiển thị dữ liệu bằng cách sử dụng nội suy và biểu thức
Các thành phần
- Hiểu vai trò của các thành phần trong Angular 16
- Tạo và sử dụng các thành phần
- Truyền dữ liệu giữa các thành phần bằng cách sử dụng đầu vào và đầu ra
- Sử dụng các hook vòng đời của thành phần
Chỉ thị
- Hiểu sự khác biệt giữa các chỉ thị cấu trúc và thuộc tính
- Tạo và sử dụng các chỉ thị tích hợp như ngIf, ngFor, ngSwitch, v.v.
- Tạo và sử dụng các chỉ thị tùy chỉnh
Ống dẫn
- Hiểu mục đích của các ống dẫn trong Angular 16
- Tạo và sử dụng các ống dẫn tích hợp như ngày tháng, tiền tệ, json, v.v.
- Tạo và sử dụng các ống dẫn tùy chỉnh
Dịch vụ
- Hiểu vai trò của các dịch vụ trong Angular 16
- Tạo và sử dụng các dịch vụ
- Tiêm các phụ thuộc bằng cách sử dụng các nhà cung cấp
Mô-đun
- Hiểu vai trò của các mô-đun trong Angular 16
- Tạo và sử dụng các mô-đun
- Nhập và xuất các mô-đun
Liên kết dữ liệu
- Hiểu sự khác biệt giữa liên kết dữ liệu một chiều và hai chiều
- Tạo và sử dụng liên kết thuộc tính, liên kết sự kiện và cú pháp banana-in-a-box
- Sử dụng các biến tham chiếu mẫu
Định tuyến
- Hiểu vai trò của định tuyến trong Angular 16
- Tạo và cấu hình các tuyến đường
- Điều hướng giữa các tuyến đường bằng cách sử dụng routerLink và router.navigate
- Sử dụng các tham số tuyến đường, tham số truy vấn và các đoạn
Biểu mẫu
- Hiểu sự khác biệt giữa biểu mẫu dựa trên mẫu và biểu mẫu phản ứng
- Tạo và xác thực biểu mẫu bằng cách sử dụng các điều khiển biểu mẫu, nhóm biểu mẫu, mảng biểu mẫu, v.v.
- Sử dụng các trình xác thực tích hợp như required, minLength, maxLength, v.v.
- Tạo và sử dụng các trình xác thực tùy chỉnh
Khách hàng HTTP
- Hiểu vai trò của khách hàng HTTP trong Angular 16
- Tạo và sử dụng các yêu cầu HTTP để giao tiếp với các dịch vụ backend
- Sử dụng các observable để xử lý các luồng dữ liệu không đồng bộ
- Sử dụng các interceptor để sửa đổi hoặc xử lý các yêu cầu hoặc phản hồi HTTP
Gỡ lỗi
- Hiểu các lỗi và lỗi phổ biến trong các ứng dụng Angular 16
- Sử dụng Chrome DevTools để kiểm tra các phần tử, nguồn, mạng, bảng điều khiển, v.v.
- Sử dụng các điểm dừng, biểu thức theo dõi, ngăn xếp cuộc gọi, v.v. để gỡ lỗi mã
Kiểm tra
- Hiểu tầm quan trọng của việc kiểm tra trong các ứng dụng Angular 16
- Sử dụng Jest làm framework kiểm tra thay thế
- Sử dụng Karma làm trình chạy kiểm tra cho các bài kiểm tra đơn vị
- Sử dụng Protractor làm công cụ kiểm tra đầu cuối
Tóm tắt và Các bước tiếp theo
Requirements
- Sự hiểu biết về HTML, CSS và JavaScript
- Kinh nghiệm với TypeScript và RxJS
- Kinh nghiệm phát triển web
Đối tượng
- Các nhà phát triển muốn tìm hiểu cách sử dụng Angular 16 để tạo các ứng dụng web động và đáp ứng
- Các nhà phát triển muốn nâng cao kỹ năng từ các phiên bản trước của Angular
- Các lập trình viên muốn khám phá các tính năng và cập nhật mới của Angular 16
Testimonials (5)
It was very interactive and informative. The trainer was very patient with us when we didn't understand something and ensured no one was left behind throughout the training.
Daniel - INIT Innovations in Transportation Ltd.
Course - Angular 17
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Course - Angular 14
I liked your jokes
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Course - Angular 10 for Developers
Pipe Routing Data Biding Services