Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Đề cương khóa học
Giới thiệu
- Angular là gì?
- Angular so với React và Vue
- Tổng quan về 17 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 17 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 (Components)
- Hiểu vai trò của các thành phần trong Angular 17
- 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 (inputs) và đầu ra (outputs)
- Sử dụng các hook vòng đời của thành phần
Chỉ thị (Directives)
- 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
Pipes
- Hiểu mục đích của pipes trong Angular 17
- Tạo và sử dụng các pipes tích hợp như date, currency, json, v.v.
- Tạo và sử dụng các pipes tùy chỉnh
Dịch vụ (Services)
- Hiểu vai trò của các dịch vụ trong Angular 17
- 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 providers
Modules
- Hiểu vai trò của modules trong Angular 17
- Tạo và sử dụng modules
- Nhập và xuất modules
Liên kết dữ liệu (Data Binding)
- 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 template
Định tuyến (Routing)
- Hiểu vai trò của định tuyến trong Angular 17
- 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
Forms
- Hiểu sự khác biệt giữa forms dựa trên template và forms phản ứng
- Tạo và xác thực forms bằng cách sử dụng form controls, form groups, form arrays, 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
HTTP Client
- Hiểu vai trò của HTTP client trong Angular 17
- 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 observables để xử lý các luồng dữ liệu không đồng bộ
- Sử dụng interceptors để sửa đổi hoặc xử lý các yêu cầu hoặc phản hồi HTTP
Kiểm soát luồng khai báo mới
- Giải thích cú pháp khối kiểm soát template mới và cách nó đơn giản hóa các tác vụ phổ biến như hiển thị có điều kiện, lặp và xử lý các bộ sưu tập trống
- Cung cấp các ví dụ về cách sử dụng các khối mới, chẳng hạn như @if, @else, @switch, @case, @default, @for và @empty
- So sánh cú pháp mới với cú pháp trước đây, chẳng hạn như *ngIf, *ngSwitch và *ngFor
- Đề cập đến cách các khối kiểm soát mới hỗ trợ các ứng dụng không có vùng với tín hiệu
Các khối tải chậm (Deferred Loading Blocks)
- Giải thích khái niệm tải chậm và cách nó có thể cải thiện hiệu suất và trải nghiệm người dùng của các ứng dụng web
- Giới thiệu khối điều khiển @defer mới cho phép tải chậm nội dung của khối và các phụ thuộc của nó
- Cung cấp các ví dụ về cách sử dụng khối @defer cho các tình huống khác nhau, chẳng hạn như tải các thành phần, chỉ thị, pipes, hoạt ảnh và kiểu dáng
- Đề cập đến cách khối @defer hoạt động với API chuyển tiếp chế độ xem mới
API chuyển tiếp chế độ xem (View Transitions API)
- Giải thích mục đích và lợi ích của API chuyển tiếp chế độ xem, cho phép các nhà phát triển tùy chỉnh hoạt ảnh và chuyển tiếp giữa các chế độ xem
- Giới thiệu chỉ thị withViewTransitions mới cho phép sử dụng API chuyển tiếp chế độ xem
- Cung cấp các ví dụ về cách sử dụng chỉ thị withViewTransitions với các loại chuyển tiếp khác nhau, chẳng hạn như fade, slide, zoom và flip
- Đề cập đến cách API chuyển tiếp chế độ xem hoạt động với bộ định tuyến Angular và lịch sử trình duyệt
Các tính năng và cải tiến khác
- Tóm tắt ngắn gọn một số tính năng và cải tiến khác mà Angular 17 cung cấp, chẳng hạn như:
- Hỗ trợ chuyển @Component.styles dưới dạng chuỗi
- Mã hoạt ảnh của Angular có thể tải chậm
- Hỗ trợ TypeScript 5.2
- API tín hiệu lõi hiện đã ổn định
- Hỗ trợ v16 của Node.js đã bị xóa và phiên bản hỗ trợ tối thiểu là v18.13.0
- Esbuild sẽ là trình tạo mặc định và máy chủ phát triển mặc định sẽ sử dụng Vite
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 17 để 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ải tiến mới của Angular 17
28 Hours
Testimonials (2)
I mostly liked the training flow; she went through the topic, and at the end of the topic, she had well-defined practice sessions for us. She was able to guide us promptly with the issues we faced in the practice sessions.
Rabin Byanjankar - Lument
Course - Angular 17
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.
