Đề 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)
Thái độ và kiến thức của người hướng dẫn
Gabriel Llaurado - Allianz Technology
Course - Angular 10 for Developers
Machine Translated
Kiến thức của giảng viên.
Jeffry Gonzalez - Allianz Technology
Course - Angular 10 for Developers
Machine Translated
Chúng tôi bắt đầu từ nền tảng của Angular và TS, và chúng tôi tăng mức độ khó của các bài tập một cách tốt.
Daniel Zamorano Infante - Allianz Technology
Course - Angular 10 for Developers
Machine Translated
Ví dụ thực tế, bài tập và các nguyên tắc tốt nhất
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Course - Angular 10 for Developers
Machine Translated