มารู้จักกับการ Clean code ผ่านภาษา javascript กัน

☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย
/ @mikelopster
มาสู่สัปดาห์คลิปฟังไมค์คลิปแรกของปี กับหัวข้อ "Clean code ผ่านภาษา javascript" กัน เปลี่ยนจากทำความสะอาดบ้าน มาเป็นทำความสะอาด code กัน !
โดยหัวข้อนี้เราจะพูดถึง
1. Clean code คืออะไร เรามีวัตถุประสงค์ของการทำ clean code ไปเพื่ออะไรบ้าง
2. เราจะพูดถึงการ Clean code ด้วยภาษา javascript ผ่าน 4 หัวข้อคือ Variable, Function, Concurrency (async function ทั้งหลาย), Error Handling
3. คำแนะนำและ Pattern อื่นๆเพิ่มเติมสำหรับการทำ Clean code
ใครสนใจดู code ตัวอย่างเพิ่มเติม สามารถอ่านเป็นฉบับบทความได้เช่นกันนะครับ
mikelopster.dev/posts/clean-c...
หัวข้อ
00:00 แนะนำ Session / พูดถึง Format ใหม่ของฟังไมค์
01:30 Clean code คืออะไร ?
02:53 หัวข้อนี้เหมาะกับใครและจะเล่าออกมาเป็นแบบไหน
04:31 เราจะพูดถึงประเด็นไหนกันบ้าง
05:38 1. Variable - การทำความสะอาดตัวแปร
14:01 2. Function - การทำ function ให้สวยงาม
34:41 3. Concurrency - การทำ async ให้สวยงาม
38:10 4. Error Handling - พื้นฐานจัดการ Error
40:22 5. อื่นๆ เพิ่มเติม
41:51 บทความแรงบันดาลใจ
43:12 สรุปหัวข้อ
ใครมีข้อสงสัยเพิ่มเติม มาพูดคุยแลกเปลี่ยนความรู้กันได้ที่
Facebook page: / mikelopster.dev
Website: mikelopster.dev
พิกัดของด้านหลัง : shope.ee/8A54c8cfkf

[@maoudaiou]

เป็นช่องเดียวที่สอนแล้วผมเข้าใจ (สอนดีเข้าใจง่าย ถึงจะพูดเร็ว)
เทียบกับช่องอื่น พูดวกไปวนว่า ทวนไปทวนมาก็ยังไม่เข้าใจ สุดยอดครับ ติดตามเรื่อยๆ

[@Ton262]

ออกคลิปมาเหมือนรู้ใจ ดูคลิป go ep7 จบเมื่อวานว่าจะหาของ JS TS อีกวันก็อัพมาเลย ชอบจริง ๆ ช่องนี้อัพมาเหมือนรู้ใจหลายคลิปละ❤❤

[@MiniMarkChanel]

เนื้อหาดีมากครับ ชอบมากกกกกกกกกกก ❤❤

[@disakornnisakuntong]

code เป็นระเบียบขึ้นเยอะเลยครับ ขอบคุณมากๆครับ

[@Surasilpa]

ละเอียดดีครับ มือใหม่เข้าใจได้ไม่ยากเลย ขอบคุณครับ

[@prapathsuayroop2341]

มาเรียนแล้วครับ จบไปเรียบร้อย ขอบคุณครับ

[@jameworawit8794]

เหมือนรู้ใจว่าเรากำลังศึกษาอะไรอยู่ ฮ่าๆ นำเสนอได้น่าฟังมากๆเลยครับ เข้าใจง่ายเห็นภาพตาม

[@Silvel2box]

จริงๆ ผมชอบเวลาที่คุณไมค์ code ให้ดูนะครับ

[@wiseskeshom4673]

ฟังตอนขับรถมาทำงาน​ เพลินมาก​ 😊

[@jeedzar9803]

สุดยอด!!!✨

[@weapn5122]

สนใจเรื่อง Networking ครับ

[@lomchoi]

เอฟซีคับ

[@kitti.crafts]

กรี๊ดดด ชอบ EP นี้มากเลย ต่อไปสอนการเขียน TDD หน่อยน้าาา

[@mikelopster]

TDD เดี๋ยวมีหยิบมาพูดถึงกันแน่นอน 😁

[@kitti.crafts]

เย้ๆๆ 🎉

[@songpiw8651]

อยากให้ลองทำเกี่ยวกับ core web vitals บ้าง

[@mikelopster]

ขอบคุณสำหรับการสนับสนุนครับ จัดไปครับ 😆

[@boynakub0027]

สวัสดีครับ คุณไม้ค

[@jan.parnupat]

ขอบคุณครับ 😂😂😂

[@mikelopster]

ขอบคุณสำหรับการสนับสนุนเช่นกันนะครับ 🙏

[@IHATEYOUTUBESHORT]

ก่อน 100m ไลค์ครับ

[@jirawatmaubkhuntod1823]

มีสอน flutterไหม ท้อแท้กับ lib nodejs อัพบ่อยจนพัง เอาโค้ดเกิน 1 ปีมาแก้ไข อัพเดตนิดหน่อย build ไม่ผ่านแระ😂

[@uselessgm7985]

ส่วนตัวเขียน flutter มา เรื่อง lib มีปัญหาพอๆกันเลยครับ (บางทีอาจจะเป็นเพราะว่าตัวเองจัดการ lib ไม่ดีพอด้วยแหละ) ข้อเสียหลักๆที่เจอเลยคือ flutter ใช้ dart เป็น base เพราะงั้นการที่มีการอัพเดต dart ที่เป็น sdk จะมีปัญหากับ flutter บ้างนิดหน่อย แต่เมื่อไหร่ที่ flutter อัพเดตตัวมันเองมีโอกาสพังสูงมากครับ เพราะบางอัพเดตมันเปลี่ยนวิธีการ compile code ทำให้ lib บางตัวที่พัฒนาจาก flutter version เก่าๆ พังหรือใช้ไม่ได้ก็มีครับ วิธีแก้จริงๆก็มีการ fix version ของ flutter sdk ให้อยู่ใน version ณ ตอนนั้นที่เราเขียนครับ ด้วยความที่มันต้องแปลง code เป็น native แต่ละ platform ก็เลยเกิดปัญหาขึ้นได้ง่ายครับ (คหสต)
ข้อสังเกตอีกอย่างหนึ่งคือด้วยความที่มันเป็น native เพราะงั้นเนี่ยบางครั้งหรือ บาง lib ตัวเราเองต้องไป custom config ต่างๆใน platform นั้นๆด้วยซึ่งอันนี้แหละครับน่าปวดหัวที่สุดเพราะถ้าเราพึ่งเริ่มเขียน flutter แล้วไปลง lib ที่ไม่ได้อัดเดตมาแค่หลักไม่กี่เดือน ถึงตัว lib จะมี บอกไว้หมดแต่ก็อาจจะใช้ไม่ได้ครับ 😅😭 เราต้องจูนตัว flutter sdk กับ lib version หลายๆอันให้ไปด้วยกันได้ครับ
จริงๆแล้วทั้งตัว node.js กับ flutter มันมีการ force version อะไรไว้อยู่ทั้งคู่ครับ อย่าง node ก็ fix node version ได้ flutter ก็ fix flutter sdk version ได้ ส่วนตัวชอบ node.js มากกว่าครับ 555 เพราะว่าส่วนใหญ่ที่ติดปัญหาที่เจอมาแค่ใช้ nvm เปลี่ยน node version เป็น version เก่าๆ ก็กลับมาใช้ได้แล้วครับ ซึ่งส่วนใหญ่จะเป็น 12, 14, 16 ไม่เกินนั้นครับถ้า set ไว้ใน package.json เลยก็จะง่ายหน่อย 😅ส่วน flutter เนี่ยต้องไปดูในหลัก major minor change ในแต่ละ version เลยว่า lib แต่ละตัวใช้ version ไหน ซึ่งอันนั้นก็จะยากขึ้นไปอีก ทั้งนี้ทั้งนั้นก็เป็นแค่ความเห็นส่วนตัวผมคนเดียว ขึ้นอยู่กับความชอบแต่ละคนด้วยครับ😊 พิมพ์ซะยาวเลย 5555

[@mikelopster]

เอาจริง เห็นด้วยกับ comment นี้นะ 😂 โดยเฉพาะถ้าจะต้อง update dart, flutter ตาม เรื่อยๆ จะเจอปัญหาคล้ายๆกัน
เรื่อง legacy dependency นี่เลี่ยงไม่ได้จริงๆ ถ้าอยากเจอเรื่องนี้ให้น้อย หรือให้ควบคุมได้มากสุด ต้องพยายามใช้ lib ให้น้อยที่สุดด้วยเหมือนกันครับ (ตัวผมตอนมานั่งอัพเดทก็ยังต้องมานั่งไล่แก้เหมือนกันครับ 😂)

[@koomsupcreator585]

ตั้งชื่อไม่ดีมันจะกลายเป็น verbose หรือเปล่าครับ บางอันนะ

[@mikelopster]

แน่นอนครับ โดยเฉพาะชื่อมันยาวๆ code เราจะดูเยอะขึ้นแบบงงๆ ทั้งที่ code อาจจะมีไม่เยอะเลยก็ได้ครับ

[@kajudam3829]

ຮັກຊ່ອງນີ້

[@mamory2101]

24:40 จริงๆ ทำแบบนี้ได้รึป่าวคะ options = {...defaultOptions, ...options}

[@mikelopster]

จริงๆได้เหมือนกันนะครับ อยู่บนหลักการเดียวกันคือการใช้ parameter จำนวนไม่มากเช่นเดียวกันครับ 😁

[@phongsavunhkeonavong8474]

ตั้งแต่ที่ใช้ eslint กับ prettier มาก็ไม่ได้สนใจเรื่องพวกนี้เลย😅😅😅

[@nuthaponax7122]

เม้นแรก

[@user-fj8pb9zp5t]