Đề 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)
Tôi thích rằng khóa đào tạo tập trung hơn vào mặt thực hành.
Mihaela - Ness
Course - NgRx
Machine Translated
Các chủ đề được thảo luận, nhiều ví dụ mã nguồn trực tiếp, thái độ của giảng viên đối với nhóm học viên
Weronika - ATOS PGS sp. z o.o.
Course - Reactive Programming with Angular RxJS
Machine Translated
Tôi thích các trò đùa của bạn
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
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
Phân tích từng bước một. Giải thích mỗi dòng mã. Mọi vấn đề tôi gặp phải trong khóa học đều được giải quyết thành công và Łukasz đã giải thích nguyên nhân cho tôi. Tôi cũng rất thích những thực hành tốt được trình bày. Trước đây, tôi chưa bao giờ bị thuyết phục bởi phong cách TDD - tôi đơn giản không thấy nó hữu ích và xứng đáng với thời gian. Łukasz chỉ ra nhiều lợi ích của TDD, hoàn toàn thay đổi quan điểm của tôi.
Michal Uscinski - Devapo Sp. z o. o.
Course - Testing Angular Applications
Machine Translated