Foundations & Mental Model
ทำไมต้อง TypeScript, type คือเซตของ value, structural typing และ inference ทำงานจริงอย่างไร เริ่ม →
TypeScript Deep Dive
คอร์สแบบ standalone ระดับ intermediate→advanced ว่าด้วย type system ของ TypeScript เขียนสำหรับ TypeScript 7 (native compiler) และ default ของ 6.0 ตั้งแต่ structural typing และ inference ไปจนถึง generics, conditional & mapped types, template literals, recursive types, decorators, compiler และการ type API จริง — ทุกหัวข้อสอนผ่าน code ที่ annotate ให้เห็นชัดว่า compiler infer อะไรออกมา
สิ่งที่คุณจะได้เรียน
หัวข้อที่มีชื่อว่า “สิ่งที่คุณจะได้เรียน”Everyday Types, Deep
literal และ widening, union และ intersection, object/array/tuple, function และ narrowing ฝึกให้คม →
Generics
type parameter, constraint, conditional type และ inference กับ infer ทำงานอย่างไร generalize →
Type-Level Programming
mapped types, template literal types, keyof และ indexed access, utility types และ recursion เขียน type →
Classes & Advanced OOP
field และ access, this type, stage-3 decorators และ mixin ออกแบบ →
The Compiler & Tooling
default ของ TypeScript 6/7, native compiler, module resolution, declaration file และ emit ตั้งค่า →
Practical Mastery
การ type API และ boundary, nullability และ never, pitfall เรื่อง performance และกลยุทธ์ migration นำไปใช้ →
How the Checker Thinks
Assignability, inference และ control-flow analysis เป็น algorithm จริง บวก erasure/emit และ performance model ของ checker เจาะลึก →
Reading & Reviewing TypeScript
แคตตาล็อกบั๊ก AI 24 pattern, review checklist, verification tools และ worked review 4 อันบนโค้ดที่ดูเหมือนจริง รีวิว →
คอร์สนี้ทำงานยังไง
หัวข้อที่มีชื่อว่า “คอร์สนี้ทำงานยังไง”type คือพระเอก
นี่คือคอร์สว่าด้วย type system ไม่ใช่ syntax ของ JavaScript ตัวอย่างทุกอันถูก annotate ให้เห็นชัดว่า compiler infer อะไรและ error ตรงไหน — แบบที่คุณอ่าน TypeScript จริง ๆ
เข้าใจ mental model ก่อน
ทุกหัวข้อเริ่มจาก model — type คือเซตของ value, structural compatibility, inference site — พอเข้าใจแล้ว feature ขั้นสูงจะเลิกดูเหมือนเวทมนตร์และกลายเป็นเรื่องที่สมเหตุสมผล
ลึก ไม่ใช่แค่วิธีใช้
ไม่ใช่แค่ “นี่คือ Partial<T>” แต่เป็น “นี่คือวิธีที่ Partial ถูกสร้างขึ้น และสร้างเองได้อย่างไร” คุณจะอ่านและเขียน type-level code ได้อย่างมั่นใจ
ไดอะแกรมที่อธิบายได้
type widening, narrowing flow, conditional-type distribution และ module resolution เป็นไดอะแกรม Mermaid ที่รองรับธีม ทันสมัยตาม TypeScript 7.0 (กรกฎาคม 2026) พร้อมระบุพฤติกรรมแบบเก่าไว้ชัด สองภาษา (English / ไทย) พร้อมบันทึกความคืบหน้า quiz