Đề 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
 28 Hours

Number of participants


Price per participant

Testimonials (5)

Provisional Upcoming Courses (Require 5+ participants)

Related Categories