Đề cương khóa học

Giới thiệu

  • Angular là gì?
  • Những điểm mới trong Angular 11?

Tổng quan về Typescript và ES6 JavaScript

  • TypeScript Cú pháp
  • Sử dụng trình biên dịch TypeScript
  • Thiết lập Angular 11 và Typescript

Tổng quan về các thành phần của Angular 11

  • Angular CLI
  • Các thành phần (Components)
  • Chỉ thị (Directives)
  • Đầu vào và Đầu ra (Inputs and Outputs)
  • Liên kết dữ liệu và Nội suy (Data Binding and Interpolation)
  • Liên kết sự kiện (Event Binding)
  • Mô hình hóa dữ liệu (Data Modelling)
  • Bootstrapping
  • Webpack thử nghiệm

Tạo ứng dụng Angular đầu tiên

  • Lập kế hoạch ứng dụng
  • Thiết lập dự án Angular
  • Tạo giao diện thân thiện với thiết bị di động bằng Bootstrap 4 và Sass

Tạo một thành phần (Component)

  • Hiểu vòng đời của thành phần
  • Luồng dữ liệu
  • Sử dụng mẫu và kiểu dáng
  • Chiếu nội dung
  • Làm việc với AppModule
  • Làm việc với các thành phần tùy chỉnh
  • Sử dụng View Encapsulation
  • Triển khai Lifecycle Hooks
  • Sử dụng ViewChildren và ContentChildren

Liên kết dữ liệu trong Angular 11

  • Hiểu Property và Event Binding
  • Liên kết và gán bí danh cho các thuộc tính tùy chỉnh
  • Liên kết và gán bí danh cho các sự kiện tùy chỉnh

Làm việc với các chỉ thị (Directives)

  • Các chỉ thị tích hợp sẵn
  • Chỉ thị tùy chỉnh

Angular 11 Dịch vụ

  • Tạo một Logging Service
  • Tạo một Data Service

Sử dụng Dependency Injection và Providers

  • Injectors, Provider và Tokens
  • Cấu hình Dependency Injection
  • Cấu hình Provider của bạn
  • Tiêm dịch vụ vào Components, Directives và Services

Chuyển trang bằng Routing

  • Hiểu các phương pháp điều hướng khác nhau
  • Chiến lược định tuyến
  • Thiết lập Routes
  • Cấu hình và tải Routes
  • Sử dụng Parameters trong Routes
  • Tạo Nested Routes
  • Sử dụng Redirect và Wildcard Routes
  • Hiểu Route Guards

Sử dụng RxJS để tạo và làm việc với Observables trong Angular

  • Tổng quan về Observables
  • Tổng quan về RxJS
  • Xây dựng & Sử dụng Observables trong Angular

Tạo Forms để nhập liệu của người dùng

  • Sử dụng Template Driven Forms
  • Sử dụng Reactive Forms
  • Tạo xác thực tùy chỉnh
  • Xác thực, lọc và làm sạch dữ liệu biểu mẫu

Sử dụng Pipes

  • Chuyển đổi đầu ra
  • Pipes tích hợp sẵn
  • Async Pipe
  • Pipes tùy chỉnh

Thực hiện các cuộc gọi đến các HTTP APIs bên ngoài

  • Gửi yêu cầu

Kiểm tra ứng dụng Angular 10

  • Sử dụng Jasmine cho unit testing
  • Sử dụng Protractor cho end-to-end testing

Gỡ lỗi ứng dụng

  • Hiểu các thông báo lỗi trong Angular
  • Sử dụng Sourcemaps để gỡ lỗi mã trong trình duyệt
  • Đọc chẩn đoán trình biên dịch TypeScript
  • Sử dụng Augury

Tối ưu hóa ứng dụng Angular 11

  • Tái cấu trúc mã
  • Giảm kích thước bundle và loại bỏ dead-code

Angular 11 Bảo mật

  • Xác thực hoạt động như thế nào
  • Sử dụng xác thực JWT
  • Những gì nên và không nên viết trong Angular

Triển khai ứng dụng Angular 11 lên Production

  • Triển khai lên IIS, Apache, Nginx, v.v.

Angular 11 Các phương pháp hay nhất

Khắc phục sự cố

Tóm tắt và Kết luận

Requirements

  • Làm quen với kiến thức cơ bản về HTML, CSS và JavaScript

Đối tượng

  • Nhà phát triển
 28 Hours

Number of participants


Price per participant

Testimonials (5)

Provisional Upcoming Courses (Require 5+ participants)

Related Categories