Angular

Angular

FRONTEND

เฟรมเวิร์กฟรอนท์เอนด์ที่ครอบคลุมพัฒนาโดย Google ด้วย TypeScript เป็นภาษาหลัก สถาปัตยกรรมแบบโมดูลที่อิงจาก component, Dependency Injection แบบ native, RxJS สำหรับการเขียนโปรแกรมแบบ reactive และ CLI ที่แข็งแกร่งเพื่อสร้างเว็บแอปพลิเคชันที่ปรับขนาดและดูแลรักษาได้

สิ่งที่คุณจะได้เรียนรู้

TypeScript เข้มงวดพร้อม decorator และประเภทขั้นสูง (@Component, @Injectable)

สถาปัตยกรรมแบบโมดูลด้วย NgModule และ lazy loading

Dependency Injection แบบลำดับชั้นพร้อม provider และ scope

RxJS สำหรับการเขียนโปรแกรมแบบ reactive (Observable, Operator, Subject)

ไวยากรณ์ template ที่ทรงพลัง (data binding, directive, pipe)

ฟอร์มที่แข็งแกร่ง (Template-driven และ Reactive Forms พร้อมการตรวจสอบ)

Router ขั้นสูงพร้อม guard, resolver, lazy loading และ preloading

HttpClient พร้อม interceptor, cache และการจัดการข้อผิดพลาด

Signal สำหรับการจัดการสถานะแบบ reactive (Angular 16+)

การทดสอบอย่างครอบคลุม (Jasmine, Karma, TestBed, mock, E2E ด้วย Cypress)

หัวข้อสำคัญที่ต้องเชี่ยวชาญ

แนวคิดที่สำคัญที่สุดเพื่อเข้าใจเทคโนโลยีนี้และประสบความสำเร็จในการสัมภาษณ์

1

TypeScript: decorator, ประเภทขั้นสูง, 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), แบบกำหนดเอง

5

Pipe: ในตัว (date, async, json), pipe แบบกำหนดเอง, pure vs impure

6

Service และ Dependency Injection: provider, DI แบบลำดับชั้น, injection token

7

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

8

ฟอร์ม: Template-driven vs Reactive, FormControl, FormGroup, validator, async validator

9

การกำหนดเส้นทาง: route, RouterLink, RouterOutlet, guard (CanActivate, CanDeactivate), resolver

10

HttpClient: GET/POST/PUT/DELETE, interceptor, การจัดการข้อผิดพลาด, ตรรกะการลองใหม่

11

Change Detection: กลยุทธ์ (Default, OnPush), zone, การเรียกใช้ด้วยตนเอง

12

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

13

Signal: signal(), computed(), effect(), สถานะแบบ reactive (Angular 16+)

14

การจัดการสถานะ: Service ด้วย BehaviorSubject, NgRx (Store, Effects, Selector)

15

การทดสอบ: unit test (Jasmine, TestBed), ทดสอบ component, mock service, E2E

16

ประสิทธิภาพ: OnPush, trackBy, lazy loading, กลยุทธ์ preloading, เพิ่มประสิทธิภาพ bundle

17

Angular CLI, การตั้งค่า build, การ deploy, SSR ด้วย Angular Universal

ชาเลนจ์ Angular วันนี้

วันละหนึ่งโค้ด หาบั๊กให้เจอ หรือพิสูจน์ว่าไม่มีบั๊ก

เล่นวันนี้

บทความ Angular ล่าสุด

ค้นพบบทความและคู่มือล่าสุดเกี่ยวกับ Angular

ดูบทความ Angular ทั้งหมด