Angular

Angular

FRONTEND

Framework frontend toàn diện do Google phát triển với TypeScript là ngôn ngữ chính. Kiến trúc module dựa trên component, Dependency Injection native, RxJS cho lập trình phản ứng và CLI mạnh mẽ để xây dựng ứng dụng web có khả năng mở rộng và bảo trì.

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

TypeScript nghiêm ngặt với decorator và kiểu nâng cao (@Component, @Injectable)

Kiến trúc module với NgModule và lazy loading

Dependency Injection phân cấp với provider và scope

RxJS cho lập trình phản ứng (Observable, Operator, Subject)

Cú pháp template mạnh mẽ (data binding, directive, pipe)

Form mạnh mẽ (Template-driven và Reactive Forms với validation)

Router nâng cao với guard, resolver, lazy loading và preloading

HttpClient với interceptor, cache và xử lý lỗi

Signal cho quản lý trạng thái phản ứng (Angular 16+)

Kiểm thử toàn diện (Jasmine, Karma, TestBed, mock, E2E với Cypress)

Chủ đề chính cần nắm vững

Những khái niệm quan trọng nhất để hiểu công nghệ này và thành công trong phỏng vấn

1

TypeScript: decorator, kiểu nâng cao, interface, generic

2

Component: template, style, lifecycle hook, ViewChild, ContentChild

3

Data binding: interpolation, property binding, event binding, two-way binding

4

Directive: structural (*ngIf, *ngFor, *ngSwitch), attribute (ngClass, ngStyle), tùy chỉnh

5

Pipe: tích hợp (date, async, json), pipe tùy chỉnh, pure vs impure

6

Service và Dependency Injection: provider, DI phân cấp, injection token

7

RxJS: Observable, Operator (map, filter, switchMap, mergeMap), Subject, unsubscribe

8

Form: Template-driven vs Reactive, FormControl, FormGroup, validator, async validator

9

Routing: route, RouterLink, RouterOutlet, guard (CanActivate, CanDeactivate), resolver

10

HttpClient: GET/POST/PUT/DELETE, interceptor, xử lý lỗi, logic thử lại

11

Change Detection: chiến lược (Default, OnPush), zone, kích hoạt thủ công

12

NgModule: import, export, declaration, provider, lazy loading

13

Signal: signal(), computed(), effect(), trạng thái phản ứng (Angular 16+)

14

Quản lý trạng thái: Service với BehaviorSubject, NgRx (Store, Effects, Selector)

15

Kiểm thử: unit test (Jasmine, TestBed), test component, mock service, E2E

16

Hiệu suất: OnPush, trackBy, lazy loading, chiến lược preloading, tối ưu bundle

17

Angular CLI, cấu hình build, triển khai, SSR với Angular Universal