Question 1

Angular Universal คืออะไร?

Accepted Answer

Angular Universal คือโซลูชันอย่างเป็นทางการสำหรับ server-side rendering (SSR) ใน Angular มันสร้าง HTML บนเซิร์ฟเวอร์ก่อนส่งไปยัง client ซึ่งช่วยปรับปรุงเวลาโหลดเริ่มต้นและ SEO ต่างจาก rendering แบบคลาสสิกที่ต้องดาวน์โหลดและรัน JavaScript ก่อนแสดงเนื้อหา Universal สร้าง HTML ที่สมบูรณ์ทันที

Question 2

ข้อได้เปรียบหลักของ server-side rendering (SSR) สำหรับ SEO คืออะไร?

Accepted Answer

Crawler ของ search engine จะได้รับ HTML ที่สมบูรณ์ใช้งานได้ทันที โดยไม่ต้องรอการรัน JavaScript ซึ่งช่วยรับประกันการจัดทำดัชนีเนื้อหาที่ถูกต้องแม้แต่กับ crawler ที่มีปัญหากับ SPA แบบคลาสสิก นอกจากนี้ meta tag (title, description) ปรากฏตั้งแต่การโหลดเริ่มต้น ซึ่งเพิ่มการมองเห็นในผลการค้นหา

Question 3

ความแตกต่างระหว่าง SSR (Server-Side Rendering) และ prerendering คืออะไร?

Accepted Answer

SSR สร้าง HTML ตามคำขอสำหรับแต่ละ request ของผู้ใช้ที่ฝั่งเซิร์ฟเวอร์ ทำให้สามารถมีเนื้อหาแบบไดนามิกได้ Prerendering สร้าง HTML สำหรับทุก route ในช่วง build time และให้บริการไฟล์แบบสแตติก Prerendering เหมาะสำหรับเว็บไซต์ที่มีเนื้อหาแบบสแตติก (บล็อก เอกสาร) เพราะเร็วกว่าและใช้ทรัพยากรเซิร์ฟเวอร์น้อยกว่า SSR จำเป็นสำหรับเนื้อหาที่ปรับแต่งเฉพาะบุคคลหรือเปลี่ยนแปลงบ่อย

Angular Universal และ SSR

Angular Universal คืออะไร?

คำตอบ

ข้อได้เปรียบหลักของ server-side rendering (SSR) สำหรับ SEO คืออะไร?

คำตอบ

ความแตกต่างระหว่าง SSR (Server-Side Rendering) และ prerendering คืออะไร?

คำตอบ

จะตรวจจับได้อย่างไรว่าโค้ดกำลังทำงานบนฝั่งเซิร์ฟเวอร์หรือเบราว์เซอร์?

TransferState API คืออะไรและมีจุดประสงค์อะไร?

หัวข้อสัมภาษณ์ Angular อื่นๆ

พื้นฐาน TypeScript

TypeScript ขั้นสูง

พื้นฐาน Angular

คอมโพเนนต์และวงจรชีวิต

Services & Dependency Injection

การจัดระเบียบโมดูล Angular

Angular CLI

Directives และ Pipes

Routing และการนำทาง

Reactive Forms

Template-driven Forms

พื้นฐาน RxJS

Operator ของ RxJS

HttpClient และการเรียก API

การจัดการ state พื้นฐาน

Change Detection

Angular Signals

Standalone Components

การทำ Unit Testing ใน Angular

การทดสอบ End-to-End

Build และการเพิ่มประสิทธิภาพ

พื้นฐาน NgRx

NgRx ขั้นสูง

สถาปัตยกรรม Angular

การปรับแต่งประสิทธิภาพ

ความปลอดภัยและแนวทางปฏิบัติที่ดี

รูปแบบ RxJS ขั้นสูง

Angular Micro-frontends

เชี่ยวชาญ Angular สำหรับการสัมภาษณ์ครั้งถัดไป