Đề 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
Testimonials (4)
The trainer attitude and knowledge
Gabriel Llaurado - Allianz Technology
Course - Angular 10 for Developers
The knowledge of the instructure.
Jeffry Gonzalez - Allianz Technology
Course - Angular 10 for Developers
We started from the base of Angular and TS and we incremented the difficulty of the exercises in a good way
Daniel Zamorano Infante - Allianz Technology
Course - Angular 10 for Developers
Practical examples, exercises and best practices