Mastery: Frontend Typescript
18 notes in this topic.
A focused collection of notes and references on Mastery: Frontend Typescript.
จัดการข้อมูลเป็นชุดด้วย Arrays และ Tuples ใน TypeScript
เจาะลึกการใช้ Array และ Tuple การเลือกใช้ Type ให้ถูกงาน และเทคนิคการจัดการข้อมูลด้วย High Order Functions (map, filter, reduce)
DOM Manipulation ในโลกของ TypeScript
การจัดการ HTML Element ด้วย TypeScript อย่างไรไม่ให้ติด Error 'Property does not exist' ด้วย Type Assertion และ Casting
จัดการ Error อย่างมืออาชีพใน TypeScript (Try-Catch & Custom Errors)
อย่าปล่อยให้เว็บพัง! เรียนรู้วิธีดักจับและจัดการ Error อย่างถูกต้อง รวมถึงการ Handle 'unknown' error ใน TypeScript
Generics ใน TypeScript: เขียนโค้ดให้ยืดหยุ่นและนำกลับมาใช้ใหม่ได้
ปลดล็อกพลังที่แท้จริงของ TS ด้วย Generics เทคนิคการเขียนฟังก์ชันและ Interface ที่รองรับหลาย Type โดยยังคง Type Safety ไว้ครบถ้วน
จัดการข้อมูลด้วย Map และ Set ใน TypeScript
เมื่อ Array และ Object ธรรมดาไม่ตอบโจทย์ มารู้จักกับ Map และ Set ที่จัดการข้อมูลได้เร็วกว่าและยืดหยุ่นกว่า
Modules และการจัดโครงสร้างโปรเจกต์ TypeScript
จัดการโค้ดที่เริ่มบวมด้วย ES Modules เรียนรู้ความต่างของ Default vs Named Export และเทคนิค Barrel Files (index.ts)
Objects และ Interfaces: การออกแบบโครงสร้างข้อมูลใน TypeScript
เปรียบเทียบ Interface vs Type Alias และเรียนรู้เทคนิคการจัดการ Object เช่น Optional Properties, Readonly และ Destructuring
OOP ใน TypeScript: Class, Inheritance และ Access Modifiers
ยกระดับการเขียน Class แบบ JavaScript สู่ OOP เต็มรูปแบบด้วย TypeScript Access Modifiers (public, private, protected) และ Abstract Classes
เจาะลึก Scope, Closures และกลไก Memory ของ JavaScript/TypeScript
เข้าใจเบื้องหลังการทำงานของ Execution Context, Lexical Environment และวิธีที่ V8 Engine จัดการกับ Closures ที่คุณอาจไม่เคยรู้มาก่อน
เจาะลึกระบบ Type System: Union, Intersection และ Type Narrowing
เข้าใจกลไกการทำงานของ Type Control Flow Analysis, การใช้ Discriminated Unions เพื่อจัดการ State ที่ซับซ้อน และการเลือกใช้ unknown แทน any
Modern TypeScript Mastery: ปรัชญาการออกแบบโค้ดระดับ Senior
เจาะลึกปรัชญา TypeScript ตั้งแต่ Structural Typing ไปจนถึงวิธีก้าวข้ามพ้นจาก any และตารางเปรียบเทียบความปลอดภัยของโค้ด
Advanced Async Patterns: เทคนิคจัดการ Asynchronous ขั้นสูง
ยกระดับการเขียน Async ให้ Robust ด้วยเทคนิค Retry Logic, Parallel Execution และการจัดการ Timeout ที่ปลอดภัย Type-Safe
Asynchronous Programming: จาก Callback สู่ Async/Await
จัดการงานที่ต้องรอเวลา (API, Timer) โดยไม่ให้หน้าเว็บค้าง ด้วย Promise และ Async/Await รูปแบบ modern
Control Flow Analysis: ศิลปะการควบคุมทิศทางข้อมูลใน TypeScript
มากกว่าแค่ if-else: ทำความเข้าใจว่า TypeScript Compiler คิดอย่างไรเมื่อเจอกับเงื่อนไข และการใช้ Type Predicates เพื่อช่วย Compiler
Essential Design Patterns in TypeScript: เขียนโค้ดให้ตายยาก
รวม 3 Pattern ยอดฮิต (Singleton, Factory, Observer) ที่เจอบ่อยในงานจริง พร้อมตัวอย่าง TypeScript แบบเข้าใจง่าย
เจาะลึก Functions ใน TypeScript: เขียนฟังก์ชันให้ Clean และ Type-Safe
เรียนรู้วิธีเขียน Function ใน TypeScript ตั้งแต่พื้นฐานจนถึงเทคนิค Advanced อย่าง Overloads และการจัดการ Parameters แบบมือโปร
JavaScript Performance: เทคนิคการเขียน JS ให้เร็วทะลุนรก
รวมเทคนิคการรีดประสิทธิภาพ JavaScript ตั้งแต่การใช้ Map แทน Array, การ Cache Property, ไปจนถึงการวนลูปแบบ Pro
TypeScript for React Pros: เทคนิค Type ขั้นสูงที่มืออาชีพใช้กัน
ยกระดับการเขียน TypeScript ใน React ด้วย Discriminated Unions, Generic Components, และ Const Assertions