เฟรมเวิร์กฟรอนท์เอนด์ที่ครอบคลุมพัฒนาโดย 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)
แนวคิดที่สำคัญที่สุดเพื่อเข้าใจเทคโนโลยีนี้และประสบความสำเร็จในการสัมภาษณ์
TypeScript: decorator, ประเภทขั้นสูง, interface, generic
Component: template, style, lifecycle hook, ViewChild, ContentChild
Data binding: interpolation, property binding, event binding, two-way binding
Directive: structural (*ngIf, *ngFor, *ngSwitch), attribute (ngClass, ngStyle), แบบกำหนดเอง
Pipe: ในตัว (date, async, json), pipe แบบกำหนดเอง, pure vs impure
Service และ Dependency Injection: provider, DI แบบลำดับชั้น, injection token
RxJS: Observable, Operator (map, filter, switchMap, mergeMap), Subject, unsubscribe
ฟอร์ม: Template-driven vs Reactive, FormControl, FormGroup, validator, async validator
การกำหนดเส้นทาง: route, RouterLink, RouterOutlet, guard (CanActivate, CanDeactivate), resolver
HttpClient: GET/POST/PUT/DELETE, interceptor, การจัดการข้อผิดพลาด, ตรรกะการลองใหม่
Change Detection: กลยุทธ์ (Default, OnPush), zone, การเรียกใช้ด้วยตนเอง
NgModule: import, export, declaration, provider, lazy loading
Signal: signal(), computed(), effect(), สถานะแบบ reactive (Angular 16+)
การจัดการสถานะ: Service ด้วย BehaviorSubject, NgRx (Store, Effects, Selector)
การทดสอบ: unit test (Jasmine, TestBed), ทดสอบ component, mock service, E2E
ประสิทธิภาพ: OnPush, trackBy, lazy loading, กลยุทธ์ preloading, เพิ่มประสิทธิภาพ bundle
Angular CLI, การตั้งค่า build, การ deploy, SSR ด้วย Angular Universal
ค้นพบบทความและคู่มือล่าสุดเกี่ยวกับ Angular
เจาะลึก Angular @defer blocks สำหรับ declarative lazy loading พร้อม triggers ทุกประเภท prefetching, incremental hydration, พฤติกรรมบน SSR และรูปแบบการใช้งานจริงเพื่อเพิ่มประสิทธิภาพ
Angular 20 เปิดตัว httpResource และทำให้ Resource API เสถียรสำหรับการดึงข้อมูลแบบอิงกับ signal บทเรียนเชิงปฏิบัติครอบคลุม resource(), rxResource(), httpResource(), การตรวจสอบด้วย Zod และคำถามสัมภาษณ์ที่พบบ่อย
Angular zoneless change detection ลบ Zone.js ออกเพื่อให้ได้ bundle ที่เล็กลง rendering ที่เร็วขึ้น และ reactivity ที่ชัดเจนผ่าน signals คู่มือเชิงลึกเกี่ยวกับการย้ายจาก Zone.js ไปยัง zoneless Angular ตั้งแต่ API experimental ใน Angular 19 จนถึง API stable ใน Angular 20+