LUMIFY WORK Lập trình góc 12

TẠI SAO NGHIÊN CỨU KHÓA NÀY

Khóa học Lập trình Angular 12 toàn diện này là sự kết hợp giữa học lý thuyết và thực hành trong phòng thí nghiệm bao gồm phần giới thiệu về Angular, tiếp theo là TypeScript, các thành phần, chỉ thị, dịch vụ, Máy khách HTTP, kiểm tra và gỡ lỗi.
Khóa học chứa rất nhiều thông tin hữu ích và hữu ích mà bạn có thể áp dụng ngay vào công việc của mình. Tìm hiểu các nguyên tắc cơ bản về phát triển Angular 12 cơ bản, chẳng hạn như các ứng dụng trình duyệt một trang, phản hồi webcác trang web và các ứng dụng di động lai.
Ghi chú: Chúng tôi cũng có thể cung cấp đào tạo về các phiên bản khác của Angular. Hãy liên hệ với chúng tôi để thực hiện một cuộc điều tra hoặc đăng ký quan tâm của bạn.

BẠN ĐANG HỌC ĐƯỢC GÌ
Sau khi hoàn thành khóa học này, bạn sẽ có thể:

• Phát triển các ứng dụng Angular một trang bằng cách sử dụng Typescript
• Thiết lập môi trường phát triển Angular hoàn chỉnh
• Tạo Thành phần, Chỉ thị, Dịch vụ, Đường ống, Biểu mẫu và Trình xác thực tùy chỉnh
• Xử lý các tác vụ truy xuất dữ liệu mạng nâng cao bằng cách sử dụng Đài quan sát Tiêu thụ dữ liệu từ REST web các dịch vụ sử dụng Angular HT TP Client Xử lý các kết nối dữ liệu đẩy bằng cách sử dụng WebGiao thức ổ cắm
• Làm việc với Angular Pipes để định dạng dữ liệu
• Sử dụng các tính năng của Bộ định tuyến thành phần góc nâng cao
• Kiểm tra và gỡ lỗi các ứng dụng Angular bằng các công cụ tích hợp sẵn.

MÔN HỌC

Chương 1. Giới thiệu Angular

• Angular là gì?
• Các tính năng trọng tâm của Angular Framework Các trường hợp sử dụng phù hợp
• Các khối xây dựng của một ứng dụng Angular Kiến trúc cơ bản của một ứng dụng Angular Cài đặt và sử dụng Angular
• Giải phẫu một ứng dụng góc đang chạy ứng dụng
• Xây dựng và triển khai ứng dụng Angular cho ứng dụng di động gốc
• Bản tóm tắt

Chương 2. Giới thiệu về TypeScript

• Ngôn ngữ lập trình để sử dụng với cú pháp Angular TypeScript
• Biên tập viên lập trình
• Hệ thống kiểu – Xác định biến
• Hệ thống kiểu – Xác định mảng
• Các kiểu nguyên thủy cơ bản
• Nhập vào hàm
• Suy luận kiểu
• Xác định lớp học
• Phương pháp lớp
• Kiểm soát khả năng hiển thị
• Trình xây dựng lớp
• Trình xây dựng lớp - Các trường chưa được khởi tạo ở dạng thay thế
• Giao diện
• Làm việc với các mô-đun ES6
• var vs let
• Chức năng mũi tên
• Hàm mũi tên Chuỗi mẫu cú pháp thu gọn
• Generics trong lớp
• Generics trong chức năng
• Bản tóm tắt

Chương 3. Thành phần

• Thành phần là gì?
• Một Example Thành phần
• Tạo một thành phần bằng CLI góc
• Lớp thành phần
• Trình trang trí @Component
• Đăng ký một thành phần vào mẫu thành phần mô-đun của nó
• Example: Mẫu HelloComponent
• Example: Lớp HelloComponent sử dụng một thành phần
• Chạy ứng dụng
• Phân cấp thành phần
• Thành phần gốc ứng dụng
• Khởi động File
• Móc vòng đời thành phần Example Móc vòng đời
• Kiểu CSS
• Bản tóm tắt

Chương 4. Mẫu thành phần

• Mẫu
• Vị trí mẫu
• Cú pháp bộ ria mép {{ }}
• Đặt thuộc tính phần tử DOM
• Đặt văn bản nội dung phần tử
• Ràng buộc sự kiện
• Trình xử lý sự kiện biểu thức
• Ngăn chặn xử lý mặc định
• Chỉ thị thuộc tính
• Áp dụng kiểu bằng cách thay đổi lớp CSS
• Example: ngClass
• Áp dụng kiểu trực tiếp
• Chỉ thị về cấu trúc
• Mẫu thực thi có điều kiện
• Example: ngIf
• Vòng lặp bằng ngFor
• ngFor các biến cục bộ
• Thao tác với Bộ sưu tập Example – Xóa một mục
• Theo dõi mục với ngFor Hoán đổi các phần tử với ngSwitch Nhóm các phần tử
• Tóm tắt biến tham chiếu mẫu

Chương 5. Truyền thông giữa các thành phần

• Khái niệm cơ bản về giao tiếp
• Kiến trúc luồng dữ liệu
• Chuẩn bị cho trẻ nhận dữ liệu
• Gửi dữ liệu từ phụ huynh
• Thông tin thêm về việc đặt thuộc tính
• Sự kiện kích hoạt từ một thành phần
• @Output() Ví dụample – Thành phần con @Output() Example – Thành phần gốc
• Ràng buộc hai chiều đầy đủ
• Thiết lập liên kết dữ liệu hai chiều trong phần gốc
• Bản tóm tắt

Chương 6. Biểu mẫu hướng mẫu

• Biểu mẫu hướng mẫu
• Mô-đun nhập biểu mẫu
• Cách tiếp cận cơ bản
• Thiết lập biểu mẫu
• Nhận thông tin đầu vào của người dùng
• Bỏ qua thuộc tính ngForm
• Khởi tạo biểu mẫu
• Liên kết dữ liệu hai chiều
• Xác thực biểu mẫu
• Trình xác thực góc
• Hiển thị trạng thái xác thực bằng cách sử dụng các lớp Các loại đầu vào bổ sung
• Hộp kiểm
• Chọn các trường (Thả xuống)
• Tùy chọn hiển thị cho các trường Ngày chọn (Thả xuống)
• Nút radio
• Bản tóm tắt

Chương 7. Các dạng phản ứng

• Các hình thức phản ứng kết thúcview
• Các khối xây dựng
• Nhập mô-đun ReactiveForms
• Xây dựng một biểu mẫu
• Thiết kế mẫu
• Lấy giá trị đầu vào
• Khởi tạo các trường đầu vào
• Đặt giá trị biểu mẫu
• Đăng ký thay đổi đầu vào
• Xác thực
• Trình xác thực tích hợp
• Hiển thị lỗi xác thực
• Trình xác thực tùy chỉnh
• Sử dụng Trình xác thực tùy chỉnh
• Cung cấp cấu hình cho Trình xác thực tùy chỉnh
• FormArray – Tự động thêm đầu vào
• FormArray – Lớp thành phần
• FormArray – Mẫu
• FormArray – Giá trị
• Nhóm biểu mẫu phụ – Lớp thành phần
• Nhóm biểu mẫu phụ – Mẫu HTML
• Tại sao nên sử dụng Nhóm biểu mẫu phụ
• Bản tóm tắt

Chương 8. Dịch vụ và chèn phụ thuộc

• Dịch vụ là gì?
• Tạo một dịch vụ cơ bản
• Lớp dịch vụ
• Dependency Injection là gì?
• Tiêm một phiên bản dịch vụ
• Vòi phun
• Hệ thống phân cấp đầu phun
• Đăng ký một dịch vụ với Root Injector
• Đăng ký một dịch vụ với Injector của một thành phần
• Đăng ký một dịch vụ với một đầu phun mô-đun tính năng
• Đăng ký dịch vụ ở đâu?
• Tính năng chèn phụ thuộc vào các tạo phẩm khác cung cấp tính năng chèn phụ thuộc triển khai thay thế và @Host
• Tiêm phụ thuộc và @Optional
• Bản tóm tắt

Chương 9. Máy khách HTTP

• Máy khách HT TP góc cạnh
• Sử dụng HT TP Client – ​​Kết thúcview
• Nhập HttpClientModule
• Dịch vụ sử dụng HttpClient
• Thực hiện một yêu cầu NHẬN
• Một đối tượng quan sát được làm gì?
• Sử dụng dịch vụ trong một thành phần
• Xử lý lỗi thành phần máy khách PeopleService
• Tùy chỉnh đối tượng lỗi
• Thực hiện yêu cầu POST
• Thực hiện yêu cầu PUT
• Thực hiện yêu cầu XÓA

Chương 10. Đường ống và định dạng dữ liệu

• Ống là gì?
• Ống tích hợp
• Sử dụng các đường ống trong các đường ống chuỗi mẫu HTML
• Ống quốc tế hóa (i18n) Đang tải dữ liệu ngôn ngữ
• Ống ngày
• Số ống
• Ống tiền tệ
• Tạo một ống tùy chỉnh
• Ống tùy chỉnh Example
• Sử dụng ống tùy chỉnh
• Sử dụng ống với ngFor
• Ống lọc
• Loại ống: Tinh khiết và không tinh khiết
• Bản tóm tắt
• Ống tinh khiết Example
• Ống không tinh khiết Example
• Bản tóm tắt

Chương 11. Giới thiệu về ứng dụng trang đơn

• Ứng dụng một trang (SPA) truyền thống là gì Web Ứng dụng
• Quy trình làm việc SPA
• Ứng dụng một trang Advantages API lịch sử HTML5
• Thử thách SPA
• Triển khai Tóm tắt sử dụng góc của SPA

Chương 12. Bộ định tuyến thành phần góc

• Bộ định tuyến thành phần
• View Điều hướng
• API bộ định tuyến góc
• Tạo một ứng dụng hỗ trợ bộ định tuyến
• Lưu trữ các thành phần được định tuyến
• Điều hướng bằng các liên kết và nút
• Điều hướng theo chương trình
• Đi qua các thông số tuyến đường
• Điều hướng với các thông số tuyến đường
• Lấy các giá trị tham số tuyến đường
• Truy xuất tham số tuyến đường một cách đồng bộ
• Truy xuất tham số tuyến đường không đồng bộ
• Tham số truy vấn
• Cung cấp tham số truy vấn
• Truy xuất tham số truy vấn không đồng bộ
• Sự cố với Hướng dẫn sử dụng URL mục nhập và đánh dấu
• Bản tóm tắt

Chương 13. Máy khách HTTP nâng cao

• Tùy chọn yêu cầu
• Trả về một đối tượng HttpResponse
• Đặt tiêu đề yêu cầu
• Tạo vật thể quan sát mới
• Tạo một quan sát đơn giản
• Phương thức xây dựng có thể quan sát được
• Toán tử bản đồ và bộ lọc
• Toán tử FlatMap()
• Toán tử tap()
• Bộ kết hợp zip()
• Bộ nhớ đệm Phản hồi HT TP
• Thực hiện cuộc gọi HT TP tuần tự
• Thực hiện cuộc gọi song song
• Tùy chỉnh đối tượng lỗi bằng CatchError()
• Lỗi trong đường ống
• Phục hồi lỗi
• Bản tóm tắt

Chương 14. Mô-đun góc

• Tại sao mô-đun góc?
• Giải phẫu của một lớp mô-đun
• Thuộc tính @NgModule
• Mô-đun tính năng
• Exampcấu trúc module
• Tạo một mô-đun miền
• Tạo một cặp mô-đun định tuyến/định tuyến
• Tạo một mô-đun dịch vụ
• Tạo các mô-đun chung

Chương 15. Định tuyến nâng cao

• Mô-đun tính năng kích hoạt định tuyến
• Sử dụng Mô-đun tính năng
• Lười tải mô-đun tính năng
• Tạo liên kết cho các thành phần mô-đun tính năng
• Thông tin thêm về Lazy Loading
• Tải trước các mô-đun
• Tuyến đường mặc định
• Đường dẫn lộ trình ký tự đại diện
• chuyển hướng đến
• Tuyến đường con
• Xác định các tuyến đường con
• cho các tuyến đường con
• Liên kết cho các tuyến đường con
• Bảo vệ điều hướng
• Tạo triển khai bảo vệ
• Sử dụng Guard trong Route
• Bản tóm tắt

Chương 16. Kiểm tra đơn vị các ứng dụng góc cạnh

• Kiểm tra đơn vị các tạo phẩm góc cạnh
• Công cụ kiểm tra
• Các bước kiểm tra điển hình
• Kết quả kiểm tra
• Phòng thử nghiệm Jasmine
• Thông số kỹ thuật của Jasmine (Kiểm tra đơn vị)
• Kỳ vọng (Khẳng định)
• Máy diêm
• Examptập tin sử dụng Matcher
• Sử dụng thuộc tính not
• Thiết lập và phân tách trong Unit Test Suites
• Examptập tin của các hàm beforeEach và afterEach
• Mô-đun kiểm tra góc
• Exampmô-đun kiểm tra góc
• Kiểm thử một dịch vụ
• Tiêm một phiên bản dịch vụ
• Kiểm tra một phương pháp đồng bộ
• Kiểm tra một phương pháp không đồng bộ
• Sử dụng máy khách Mock HT TP
• Cung cấp phản hồi soạn sẵn
• Kiểm tra một thành phần
• Mô-đun kiểm tra thành phần
• Tạo một instance thành phần
• Lớp ComponentFixture
• Kiểm tra thành phần cơ bản
• Lớp phần tử gỡ lỗi
• Mô phỏng tương tác người dùng
• Bản tóm tắt

Chương 17. Gỡ lỗi

• Quaview gỡ lỗi góc
• Viewnhập mã TypeScript trong trình gỡ lỗi
• Sử dụng từ khóa trình gỡ lỗi
• Gỡ lỗi đăng nhập
• Công cụ phát triển góc là gì?
• Sử dụng Công cụ phát triển góc
• Angular DevTools – Cấu trúc thành phần
• Angular DevTools – Thực thi phát hiện thay đổi
• Bắt lỗi cú pháp
• Bản tóm tắt

Bài tập thí nghiệm

• Lab 1. Giới thiệu về Angular
• Lab 2. Giới thiệu về TypeScript
• Lab 3. Giới thiệu về các thành phần
• Lab 4. Mẫu thành phần
• Lab 5. Tạo Thành phần Thư viện Ảnh
• Lab 6. Biểu mẫu hướng mẫu
• Lab 7. Tạo biểu mẫu chỉnh sửa
• Lab 8. Dạng phản ứng
• Lab 9. Phát triển dịch vụ
• Lab 10. Phát triển ứng dụng khách HT TP
• Phòng thí nghiệm 11. Sử dụng ống
• Lab 12. Ứng dụng một trang cơ bản bằng Router Lab 13. Xây dựng một ứng dụng một trang (SPA)
• Lab 14. Máy khách HT TP nâng cao
• Phòng thí nghiệm 15. Sử dụng Bootstrap góc
• Lab 16. Tải mô-đun lười biếng
• Lab 17. Định tuyến nâng cao
• Phòng thí nghiệm 18. Kiểm tra đơn vị
• Phòng thí nghiệm 19. Gỡ lỗi các ứng dụng góc

KHOA HỌC NAY DANH CHO AI?
Khóa học này nhắm đến bất kỳ ai cần tìm hiểu các nguyên tắc cơ bản về phát triển Angular 12 và áp dụng nó để tạo web các ứng dụng ngay lập tức. Chúng tôi cũng có thể cung cấp và tùy chỉnh khóa đào tạo này cho các nhóm lớn hơn – tiết kiệm thời gian, tiền bạc và nguồn lực cho tổ chức của bạn.

QUYỀN SỞ H PRU
Web Cần có kinh nghiệm phát triển bằng HTML, CSS và JavaScript để tận dụng tối đa khóa học Angular này. Kiến thức về DOM của trình duyệt cũng rất hữu ích. Không bắt buộc phải có kinh nghiệm về Angular trước đó với AngularJS hoặc bất kỳ phiên bản Angular nào.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Tài liệu / Tài nguyên

LUMIFY WORK Lập trình góc 12 [tập tin pdf] Hướng dẫn sử dụng Góc 12 Lập trình, Góc, 12 Lập trình, Lập trình

Tài liệu tham khảo

• Hướng dẫn sử dụng