Đề 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)
Huấn luyện kiên nhẫn và phương pháp luận
Danilo Jo - CEDSIF, IP - Ministry of Finance
Course - Angular 12
Machine Translated
Kinh nghiệm và sự kiên nhẫn của người hướng dẫn.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Course - Angular 12
Machine Translated
Tôi thích phong cách giảng dạy
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Course - Angular 12
Machine Translated
Ống dẫn Tuyến đường Đầu vào dữ liệu Dịch vụ Note: Some terms like "Pipe", "Routing", and "Data Binding" have specific meanings in programming or software contexts. In Vietnamese, these are often left untranslated or use the English term directly to maintain clarity within the technical community. However, for a more natural translation that might be used in less technical settings, I've provided translations that convey the general meaning. If you prefer to keep them in English, please let me know.
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Course - Angular 12
Machine Translated