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

Giới thiệu

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

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 12 và Typescript

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

  • 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
  • Experimental Webpack

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

  • Lập kế hoạch cho ứ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

  • 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 trong Angular 12

  • Hiểu Property và Event Binding
  • Liên kết và gán bí danh cho Custom Properties
  • Liên kết và gán bí danh cho Custom Events

Làm việc với Directives

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

Angular 12 Services

  • Tạo Logging Service
  • Tạo 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 Services 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 Routing
  • Thiết lập Routes
  • Cấu hình và tải Routes
  • Sử dụng Parameters trong Routes
  • Tạo Nested Routes (Routes lồng nhau)
  • 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ận đầu vào 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 form

Sử dụng Pipes

  • Biến đổi output
  • Built-in Pipes (Pipes tích hợp)
  • Async Pipe
  • Custom Pipes (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 requests

Kiểm tra ứng dụng Angular 12

  • Sử dụng Jasmine cho unit testing
  • Khám phá Protractor alternatives 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 code trong trình duyệt
  • Đọc TypeScript Compilor diagnostics
  • Sử dụng Augury để gỡ lỗi bên trong trình duyệt

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

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

Angular 12 Security

  • Cách 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

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

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

Angular 12 Best Practices

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
  • Lập trình viên
 28 Hours

Number of participants


Price per participant

Testimonials (4)

Provisional Upcoming Courses (Require 5+ participants)

Related Categories