Giới Thiệu Khóa Học Angular Core Chuyên Sâu - Từ Cơ Bản Đến Nâng Cao (Angular 17) [Update Tháng 1-2024] [Mã - 6859 A]

Đã cập nhật lên Angular 17 (Signals, defer, @if @for): Tìm hiểu tất cả các tính năng nâng cao của Angular Core và các Common module.

Bạn sẽ học được gì?

• ✓ Code trong Github repository với các file ZIP có thể tải xuống cho mỗi phần.
• ✓ Hiểu các câu hỏi chính về Angular: Tại sao là Angular, lợi ích là gì?
• ✓ Biết cách xây dựng và tạo kiểu cho các Angular Component tùy chỉnh của riêng bạn.
• ✓ Tìm hiểu chi tiết tất cả các chức năng có sẵn trong Core Directives.
• ✓ Cảm thấy thoải mái với các chủ đề Trung cấp như Template Querying, Content Projection, Dynamic Templates, v.v.
• ✓ Có kiến ​​thức chuyên sâu về cách tạo Attribute và Structural Directives tùy chỉnh.
• ✓ Cảm thấy thoải mái với các chủ đề Nâng cao như View Encapsulation, Change Detection, Dependency Injection, Lifecycle Hooks, v.v.
• ✓ Tìm hiểu chi tiết về custom Modules, custom Pipes và Internationalization (i18n).
• ✓ Tìm hiểu tất cả về Angular Elements (Nâng cao).

Khóa học này sẽ cung cấp cho bạn một nền tảng vững chắc về Angular platform bằng cách cung cấp cho bạn một tour hướng dẫn chuyên sâu về tất cả các tính năng nâng cao có sẵn trong Angular Core và các Common module.

Đây là các module baseline mà từ đó tất cả các module khác trong hệ sinh thái Angular được xây dựng, vì vậy đây là phần của Angular mà bạn muốn tìm hiểu trước và càng chi tiết càng tốt.

Trong khóa học này, bạn sẽ có được một chuyến tham quan với hướng dẫn đầy đủ về tất cả các chức năng cơ bản và nâng cao có sẵn trong hai module thiết yếu Angular này (bao gồm cả Angular Elements).

Hướng dẫn này sẽ bao gồm mọi thứ, từ các tính năng thường được sử dụng nhất của Angular, cho đến các chủ đề nâng cao nhất của Angular Core, chẳng hạn như multiple modes của change detection, style isolation, dependency injection, content projection, internationalization, v.v.

Khóa học bắt đầu từ đầu, giả sử không có kiến ​​thức trước về Angular. Mỗi khái niệm chỉ được giới thiệu dựa trên các khái niệm trước đó, vì vậy không có tài liệu tham khảo chuyển tiếp để giúp ích cho quá trình học tập.

Mặc dù khóa học bắt đầu với các khái niệm cơ bản của Angular, nó sẽ nhanh chóng phát triển thành các chủ đề từ trung cấp đến nâng cao. Vì vậy, bất kể cấp độ Angular hiện tại của bạn là bao nhiêu, có một cái gì đó cho tất cả mọi người trong khóa học này!   

Để giúp bạn tận dụng tối đa tính năng của standalone components, bạn có sẵn phần đầy đủ về cách di chuyển ứng dụng hiện có sang standalone components và remove hoàn toàn NgModules khỏi ứng dụng của bạn.

Tổng quan về khóa học:

Khóa học này sẽ bắt đầu với phần giới thiệu nhanh và thực tế về Angular framework. Bạn sẽ thiết lập môi trường phát triển của mình và sử dụng Angular CLI, bạn sẽ nhanh chóng xây dựng một dự án Angular nhỏ từ đầu.

Sử dụng sân chơi ban đầu này, sau đó chúng ta sẽ trả lời một số câu hỏi phổ biến nhất về Angular: Tại sao là Angular, những ưu điểm chính và các tính năng chính của nó là gì? Chúng tôi sẽ giải đáp điều này bằng cách demo cơ chế hoạt động change detection như thế nào và giới thiệu một số cú pháp của Angular template.

Sau đó, chúng tôi sẽ trình bày từng tính năng của Angular Core và Common modules, bao gồm:

• ✓ Custom components với @Component.
• ✓ Components @Input và @Output, event Emitters.
• ✓ Control flow syntax: @if, @for, @switch.
• ✓ ngFor.
• ✓ ngIf.
• ✓ ngClass.
• ✓ ngStyle.
• ✓ ngSwitch.
• ✓ @defer - Partial template loading.
• ✓ Observables.
• ✓ Built-In Pipes.
• ✓ Async Pipe.
• ✓ Custom Pipes.
• ✓ @Injectable và Custom Services.
• ✓ Lifecycle Hooks (ngOnInit, ngOnDestroy, v.v.).
• ✓ HTTP Client - GET POST PUT DELETE.
• ✓ @ViewChild và AfterViewInit.
• ✓ @ViewChildren.
• ✓ ng-content và Component Projection.
• ✓ @ContentChild và AfterContentInit.
• ✓ @ContentChildren.
• ✓ ng-template & ng-container.
• ✓ ngTemplateOutlet.
• ✓ AfterContentChecked và AfterViewChecked.
• ✓ ngDoCheck.
• ✓ Normal Change Detection.
• ✓ @Attribute.
• ✓ OnPush Change Detection.
• ✓ Custom Change Detection.
• ✓ View Encapsulation modes.
• ✓ @Directive.
• ✓ @Host.
• ✓ @HostListener.
• ✓ @HostBinding.
• ✓ Structural Directives.
• ✓ @Inject.
• ✓ @Optional.
• ✓ @Self.
• ✓ @SkipSelf.
• ✓ Hierarchical Injector.
• ✓ Custom Pipe.
• ✓ @NgModule.
• ✓ host, host-context, v.v.
• ✓ @NgPlural và other i18n features.
• ✓ Angular Elements.
• ✓ Angular Standalone Components.
• ✓ Angular Signals.

Bạn sẽ học được gì trong khóa học này?

Khóa học này sẽ cung cấp cho bạn kiến ​​thức thực tế nâng cao về Angular framework. Sau khi tham gia khóa học này, bạn sẽ cảm thấy rất thoải mái khi xây dựng các ứng dụng Angular, vì bạn sẽ có hiểu biết chi tiết về mọi thứ được tạo sẵn bởi các core module của Angular framework.

Mục lục:

• ✓ 01 - Giới thiệu.
• ✓ 02 - Angular Components, Core Directives và Pipes.
• ✓ 03 - Angular Local Template Querying chuyên sâu.
• ✓ 04 - Angular Content Projection chuyên sâu.
• ✓ 05 - Angular Templates chuyên sâu.
• ✓ 06 - Angular Directives chuyên sâu.
• ✓ 07 - Angular View Encapsulation chuyên sâu.
• ✓ 08 - Angular Injectable Services chuyên sâu.
• ✓ 09 - Angular Dependency Injection chuyên sâu.
• ✓ 10 - Angular Change Detection chuyên sâu.
• ✓ 11 - Angular Lifecycle Hooks chuyên sâu.
• ✓ 12 - Angular Modules chuyên sâu.
• ✓ 13 - Angular Pipes chuyên sâu.
• ✓ 14 - Angular Internationalization (i18n) chuyên sâu.
• ✓ 15 - Angular Elements chuyên sâu.
• ✓ 16 - Angular Standalone Components chuyên sâu.
• ✓ 17 - Angular 17 @defer - Partial Template Loading.
• ✓ 18 - Angular 17 Signals chuyên sâu.
• ✓ 19 - Kết luận & Thưởng.

Khóa học này dành cho ai?

• ✓ Các Developer đang tìm cách đạt được một số nền tảng vững chắc về Angular framework.