Đề 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
Testimonials (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Course - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Course - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Course - Angular 12
Pipe Routing Data Biding Services