เรียน TypeScript ด้วย Express.js แบบเร่งด่วนทันใจฉึกฉักๆ (Crash Course) วันที่ 2/3

Описание к видео เรียน TypeScript ด้วย Express.js แบบเร่งด่วนทันใจฉึกฉักๆ (Crash Course) วันที่ 2/3

บันทึกเมื่อวันที่ Mar 17, 2024

ในวันที่ 2 เนื้อหาเข้มข้นขึ้น

มีการกำหนด Base Response ให้มีหน้าตาเหมือนกันทั้ง Success/Failure
มี Global Error Handler ที่คอยจับ Throw Error ให้ โดยไม่ต้อง Crash โปรแกรม
ไม่ต้องเขียน Try Catch ในแต่ละ Controller
มี Hof (High Order Function) เพื่อทำให้ทุกๆ Contoller จะต้องวิ่งผ่าน Functions กลางที่เป็น Hof ด้วยนะ
.
Goal: คือเขียน Type-safe Backend API และก็ Validate Request ด้วย เป็น Global Error Handler (ไม่มี Try Catch ใน Controller Handler)
.
Note: ชื่อตอนที่มี (T) คือเนื้อหาที่เกี่ยวกับ TypeScript นะครับ 🔷
.
เนื้อหา
00:00 เป้าหมายของ Course
01:39 ต่อเนื้อหาจาก Phase 1 ในวันที่ 1
05:00 ใช้ Autobind ช่วย
05:36 อธิบายแทรกเรื่อง Pure ESM
06:49 ใช้ Autobind ช่วย​ (ต่อ)
08:25 ใช้ Abstract Class เพื่อควบคุมลักษณะของ Controller Class (T)
11:53 เป้าหมายของ Phase 2
15:16 การกำหนด Custom Error Class ใช้เอง (T)
16:32 กำหนด Global Error Handler Middleware เพื่อตรวจจับ Error
17:13 กำหนด Interface Base Response ให้ทุก Response มีหน้าตาเหมือนกัน (T)
18:12 กำหนด Generic Type Params ของ Base Response (T)
19:06 กำหนด Default Type ของ Generic Type Params (T)
19:39 อธิบาย Global Error Handler Middleware (T)
20:04 การทำ Guard Type และ Try-Catch แบบปลอดภัย (T)
29:21 ติดตั้ง Global Error Handler Middleware
31:05 กำหนดให้แต่ละ Controller มีหน้าตา Response ที่เหมือนกัน (Base Response) (T)
32:15 การ Refactor Router เพื่อกำหนดพฤติกรรรมแต่ละ Controller ที่เหมือนๆ กัน (T)
51:31 ติดตั้ง Router ที่ Refactor แล้ว
55:50 กำหนด Base Response ให้กับ Controller (T)
58:34 ปัญหา Type ใน Controller Request (T)
01:03:18 สรุปที่จะเรียนใน Phase 3

---------------------------------------------------------------
Course Material
All Material in English, Speaking Thai :)
Code Day 2: https://github.com/mildronize/tscc-ma...
Full Course Code: https://github.com/mildronize/typescr...
---
Ref TypeScript Icon: Typescript icons created by Freepik - Flaticon https://www.flaticon.com/free-icons/t...
---

#TypeScript #ThaiType #CrashCourse #TypeScriptCrashCourse

Комментарии

Информация по комментариям в разработке