Đề cương khóa học
Giới thiệu
- Angular là gì?
- Angular so với React và Vue
- Tổng quan về 16 tính năng và kiến trúc của Angular
- Thiết lập Môi trường Phát triển
Bắt đầu
- Tạo một dự án Angular 16 mới bằng Angular CLI
- Khám phá cấu trúc và các tệp của dự án
- Chạy và phục vụ ứng dụng
- Hiển thị dữ liệu bằng cách sử dụng nội suy và biểu thức
Các thành phần
- Hiểu vai trò của các thành phần trong Angular 16
- Tạo và sử dụng các thành phần
- Truyền dữ liệu giữa các thành phần bằng cách sử dụng đầu vào và đầu ra
- Sử dụng các hook vòng đời của thành phần
Chỉ thị
- Hiểu sự khác biệt giữa các chỉ thị cấu trúc và thuộc tính
- Tạo và sử dụng các chỉ thị tích hợp như ngIf, ngFor, ngSwitch, v.v.
- Tạo và sử dụng các chỉ thị tùy chỉnh
Ống dẫn
- Hiểu mục đích của các ống dẫn trong Angular 16
- Tạo và sử dụng các ống dẫn tích hợp như ngày tháng, tiền tệ, json, v.v.
- Tạo và sử dụng các ống dẫn tùy chỉnh
Dịch vụ
- Hiểu vai trò của các dịch vụ trong Angular 16
- Tạo và sử dụng các dịch vụ
- Tiêm các phụ thuộc bằng cách sử dụng các nhà cung cấp
Mô-đun
- Hiểu vai trò của các mô-đun trong Angular 16
- Tạo và sử dụng các mô-đun
- Nhập và xuất các mô-đun
Liên kết dữ liệu
- Hiểu sự khác biệt giữa liên kết dữ liệu một chiều và hai chiều
- Tạo và sử dụng liên kết thuộc tính, liên kết sự kiện và cú pháp banana-in-a-box
- Sử dụng các biến tham chiếu mẫu
Định tuyến
- Hiểu vai trò của định tuyến trong Angular 16
- Tạo và cấu hình các tuyến đường
- Điều hướng giữa các tuyến đường bằng cách sử dụng routerLink và router.navigate
- Sử dụng các tham số tuyến đường, tham số truy vấn và các đoạn
Biểu mẫu
- Hiểu sự khác biệt giữa biểu mẫu dựa trên mẫu và biểu mẫu phản ứng
- Tạo và xác thực biểu mẫu bằng cách sử dụng các điều khiển biểu mẫu, nhóm biểu mẫu, mảng biểu mẫu, v.v.
- Sử dụng các trình xác thực tích hợp như required, minLength, maxLength, v.v.
- Tạo và sử dụng các trình xác thực tùy chỉnh
Khách hàng HTTP
- Hiểu vai trò của khách hàng HTTP trong Angular 16
- Tạo và sử dụng các yêu cầu HTTP để giao tiếp với các dịch vụ backend
- Sử dụng các observable để xử lý các luồng dữ liệu không đồng bộ
- Sử dụng các interceptor để sửa đổi hoặc xử lý các yêu cầu hoặc phản hồi HTTP
Gỡ lỗi
- Hiểu các lỗi và lỗi phổ biến trong các ứng dụng Angular 16
- Sử dụng Chrome DevTools để kiểm tra các phần tử, nguồn, mạng, bảng điều khiển, v.v.
- Sử dụng các điểm dừng, biểu thức theo dõi, ngăn xếp cuộc gọi, v.v. để gỡ lỗi mã
Kiểm tra
- Hiểu tầm quan trọng của việc kiểm tra trong các ứng dụng Angular 16
- Sử dụng Jest làm framework kiểm tra thay thế
- Sử dụng Karma làm trình chạy kiểm tra cho các bài kiểm tra đơn vị
- Sử dụng Protractor làm công cụ kiểm tra đầu cuối
Tóm tắt và Các bước tiếp theo
Requirements
- Sự hiểu biết về HTML, CSS và JavaScript
- Kinh nghiệm với TypeScript và RxJS
- Kinh nghiệm phát triển web
Đối tượng
- Các nhà phát triển muốn tìm hiểu cách sử dụng Angular 16 để tạo các ứng dụng web động và đáp ứng
- Các nhà phát triển muốn nâng cao kỹ năng từ các phiên bản trước của Angular
- Các lập trình viên muốn khám phá các tính năng và cập nhật mới của Angular 16
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