Đề cương khóa học
Giới thiệu
- Angular là gì?
- Những điểm mới trong Angular 11?
Tổng quan về Typescript và ES6 JavaScript
- TypeScript Cú pháp
- Sử dụng trình biên dịch TypeScript
- Thiết lập Angular 11 và Typescript
Tổng quan về các thành phần của Angular 11
- Angular CLI
- Các thành phần (Components)
- Chỉ thị (Directives)
- Đầu vào và Đầu ra (Inputs and Outputs)
- Liên kết dữ liệu và Nội suy (Data Binding and Interpolation)
- Liên kết sự kiện (Event Binding)
- Mô hình hóa dữ liệu (Data Modelling)
- Bootstrapping
- Webpack thử nghiệm
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 thành phần (Component)
- Hiểu vòng đời của thành phần
- Luồng dữ liệu
- Sử dụng mẫu và kiểu dáng
- Chiếu nội dung
- Làm việc với AppModule
- Làm việc với các thành phần tùy chỉnh
- Sử dụng View Encapsulation
- Triển khai Lifecycle Hooks
- Sử dụng ViewChildren và ContentChildren
Liên kết dữ liệu trong Angular 11
- Hiểu Property và Event Binding
- Liên kết và gán bí danh cho các thuộc tính tùy chỉnh
- Liên kết và gán bí danh cho các sự kiện tùy chỉnh
Làm việc với các chỉ thị (Directives)
- Các chỉ thị tích hợp sẵn
- Chỉ thị tùy chỉnh
Angular 11 Dịch vụ
- Tạo một Logging Service
- Tạo một 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 dịch vụ 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 định tuyến
- Thiết lập Routes
- Cấu hình và tải Routes
- Sử dụng Parameters trong Routes
- Tạo Nested Routes
- 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ập liệu 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 biểu mẫu
Sử dụng Pipes
- Chuyển đổi đầu ra
- Pipes tích hợp sẵn
- Async Pipe
- 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 yêu cầu
Kiểm tra ứng dụng Angular 10
- Sử dụng Jasmine cho unit testing
- Sử dụng Protractor 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 mã trong trình duyệt
- Đọc chẩn đoán trình biên dịch TypeScript
- Sử dụng Augury
Tối ưu hóa ứng dụng Angular 11
- Tái cấu trúc mã
- Giảm kích thước bundle và loại bỏ dead-code
Angular 11 Bảo mật
- Xác thực hoạt động như thế nào
- Sử dụng xác thực JWT
- Những gì nên và không nên viết trong Angular
Triển khai ứng dụng Angular 11 lên Production
- Triển khai lên IIS, Apache, Nginx, v.v.
Angular 11 Các phương pháp hay nhất
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
Testimonials (5)
It was very interactive and informative. The trainer was very patient with us when we didn't understand something and ensured no one was left behind throughout the training.
Daniel - INIT Innovations in Transportation Ltd.
Course - Angular 17
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Course - Angular 14
I liked your jokes
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Course - Angular 10 for Developers
Pipe Routing Data Biding Services