Programming Track
JavaScript
JavaScript Phase Overview
Date
ภาพรวมของ `Date` series สำหรับเตรียมแยกอ่านเรื่องการสร้าง, การอ่านค่า, การ format และการคำนวณวันเวลาเป็นหน้าสั้น ๆ แยกกัน
Date ใช้ทำอะไร
`Date` เป็น built-in class สำหรับเก็บวันเวลาใน JavaScript ใช้เมื่อเราต้องสร้างวันจาก input, ดึงปีเดือนวันออกมาแสดงผล, format ให้เหมาะกับผู้ใช้ หรือคำนวณผลต่างระหว่าง 2 ช่วงเวลา
- รับวันจาก form หรือ API แล้วแปลงเป็น `Date`
- อ่าน year, month, date, hours ด้วย getter methods
- format วันเวลาให้เหมาะกับ UI และ locale
- เปรียบเทียบ timestamp หรือคำนวณจำนวนวันระหว่าง 2 วันที่
ใน series นี้มีอะไรบ้าง
บท `Date` ถูกแยกออกเป็นหน้าย่อยเพื่อให้แต่ละแนวคิดอ่านง่ายขึ้น รอบนี้เราวางโครงหน้าไว้ก่อน เพื่อให้กลับมาเติมเนื้อหาและตัวอย่างจริงได้ทีละส่วน
- `Creating & Parsing Date` — การสร้าง Date และการ parse ค่าจาก string หรือ component
- `Date Getters & Setters` — การอ่านและแก้ค่าภายใน Date object
- `Formatting Date & Locale` — การแสดงผลวันเวลาให้เหมาะกับภาษาและผู้ใช้
- `Timestamps & Date Calculation` — การเปรียบเทียบเวลาและคำนวณผลต่าง
ควรเริ่มจากหน้าไหน
ถ้ายังไม่เคยใช้ `Date` มาก่อน แนะนำให้เริ่มจากหน้าสร้างและ parse ก่อน แล้วค่อยไล่ไป getter/setter, formatting และการคำนวณตามลำดับ เพราะแต่ละหน้าต่อความเข้าใจกันโดยตรง
- เริ่มจาก `Creating & Parsing Date` ถ้ายังไม่คุ้น constructor ของ `Date`
- อ่าน `Date Getters & Setters` เมื่ออยากดึงหรือเปลี่ยนปี เดือน วัน
- ไปที่ `Formatting Date & Locale` เมื่อต้องแสดงวันที่ใน UI
- ปิดท้ายด้วย `Timestamps & Date Calculation` สำหรับโจทย์คำนวณและเปรียบเทียบเวลา