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

Giới thiệu

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

Tổng quan về Typescript và ES6 JavaScript

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

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

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

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 Component (Thành phần)

  • Hiểu vòng đời của Component
  • Luồng dữ liệu
  • Sử dụng Templates và Styles
  • Projecting Content (Chiếu nội dung)
  • Làm việc với AppModule
  • Làm việc với Custom Components (Thành phần tùy chỉnh)
  • Sử dụng View Encapsulation (Đóng gói View)
  • Triển khai Lifecycle Hooks (Móc vòng đời)
  • Sử dụng ViewChildren và ContentChildren

Data Binding (Liên kết dữ liệu) trong Angular 10

  • Hiểu Property và Event Binding
  • Liên kết và gán Alias cho Custom Properties (Thuộc tính tùy chỉnh)
  • Liên kết và gán Alias cho Custom Events (Sự kiện tùy chỉnh)

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

  • Built-in Directives (Chỉ thị tích hợp)
  • Custom Directives (Chỉ thị tùy chỉnh)

Angular 10 Services (Dịch vụ)

  • Tạo Logging Service (Dịch vụ ghi nhật ký)
  • Tạo Data Service (Dịch vụ dữ liệu)

Sử dụng Dependency Injection (Tiêm phụ thuộc) và Providers (Nhà cung cấp)

  • Injectors, Provider, và Tokens (Mã thông báo)
  • Cấu hình Dependency Injection
  • Cấu hình Provider của bạn
  • Tiêm Services vào Components, Directives, và Services

Chuyển đổi trang bằng Routing (Định tuyến)

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

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 (Biểu mẫu) để nhập liệu của người dùng

  • Sử dụng Template Driven Forms
  • Sử dụng Reactive Forms
  • Tạo validation (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 (Ống dẫn)

  • Biến đổi output (đầu ra)
  • Built-in Pipes (Ống dẫn tích hợp)
  • Async Pipe
  • Custom Pipes (Ống dẫn tùy chỉnh)

Thực hiện các cuộc gọi đến External HTTP APIs

  • Gửi requests (yêu cầu)

Sử dụng Angular Modules

Testing (Kiểm thử) ứng dụng Angular 10

  • Sử dụng Jasmine cho unit testing (kiểm thử đơn vị)
  • Sử dụng Protractor cho end-to-end testing (kiểm thử tích hợp)

Debugging (Gỡ lỗi) ứng dụng

  • Hiểu Error Messages (Thông báo lỗi) trong Angular
  • Sử dụng Sourcemaps để Debug Code trong Browser
  • Đọc TypeScript Compilor diagnostics (chẩn đoán trình biên dịch)
  • Sử dụng Augury

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

  • Reworking (Tái cấu trúc) code
  • Giảm bundle size (kích thước gói) và loại bỏ dead-code (code chết)

Angular 10 Security (Bảo mật)

  • Cách authentication (xác thực) hoạt động
  • Sử dụng JWT authentication
  • Những gì nên và không nên viết trong Angular

Deploy (Triển khai) ứng dụng Angular 10 lên Production

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

Angular 10 Best Practices (Thực hành tốt nhất)

Troubleshooting (Khắc phục sự cố)

Summary (Tóm tắt) và Conclusion (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 (4)

Provisional Upcoming Courses (Require 5+ participants)

Related Categories