เปลี่ยนจากใช้ && แบบเดิมเป็น ?. (Optional Chaining) ดีกว่าไหม ทำให้โค้ดสะอาดและบำรุงรักษาง่ายกว่า . ปัญหาที่เจอบ่อย เวลาเข้าถึง property หลายชั้นใน Object ของ JavaScript มักเจอ TypeError: Cannot read property ‘x’ of undefined เราต้องเขียนโค้ดป้องกันซ้ำ ๆ เช่น if (user && user.profile && user.profile.avatar) { … } . วิธีนี้ใช้ได้ผลปกติ แต่ลองมาใช้ Optional Chaining (?.) จะดีกว่าไหม การใช้ user?.profile?.avatar จะหยุดทำงานทันทีหากค่าก่อนหน้าเป็น null หรือ undefined และคืนค่า…
Category: JavaScript
ทำไมการจัดการ Error ใน JavaScript ถึงเป็นเรื่องท้าทาย?
– Error Handling เป็นเรื่องใหญ่ เพราะในซอฟต์แวร์จริง ทุกอย่างมีโอกาสผิดพลาด เช่น network ล่ม, ข้อมูลไม่ครบ ฯลฯ . – การจัดการ error ที่ดีจะช่วยให้แอปไม่ crash เฉย ๆ แต่แจ้ง error ที่เข้าใจง่ายกับผู้ใช้ และ log ข้อมูลที่เป็นประโยชน์กับ dev . – พื้นฐานของ Error Handling ใน JavaScript เครื่องมือหลักคือ try…catch, throw และ Error object . – Error ที่ไม่ถูก catch จะ “bubble” (ลอยขึ้นบน) ไปถึง global scope…
มีอะไรใหม่ใน Express.js v5.0
10 ปีที่รอคอย! Express.js V5.0 มาแล้ว! เมื่อวันที่ 15 ตุลาคม 2024 ที่ผ่านมา Express.js ได้ทำการออกเวอร์ชัน 5.0 อย่างเป็นทางการ มาพร้อมกับการอัปเดต และการเพิ่มประสิทธิภาพต่างๆ ที่ดีขึ้น แม้ว่าตัว API จะไม่ได้แตกต่างจาก V4 มากนัก แต่ก็มีหลายอย่างที่เปลี่ยนอยู่เหมือนกัน ถ้าใครอยากใช้หรือ upgrade เรามาดูกันว่ามีอะไรน่าสนใจบ้างครับ จริงๆ ยังมีอีกเยอะถ้าใครสนใจอ่านต่อดูได้ที่นี่นะครับ https://expressjs.com/2024/10/15/v5-release.html โค้ชเอก -ไม่อนุญาตให้คัดลอกเนื้อหาไปลงยัง Platform อื่นๆ โดยไม่ได้รับอนุญาต Views: 927
ไลบรารีเกี่ยวกับการจัดการวันที่ของ JavaScript
มาดูตารางเปรียบเทียบไลบรารีเกี่ยวกับการจัดการวันที่ของ JavaScript กันครับ… .ทุกวันนี้ Web App ที่เราสร้างต้องคำนึงถึงความเร็วกันอยู่แล้วครับ การเลือกใช้งานไลบรารีจึงเป็นสิ่งสำคัญมาก เพราะมีผลโดยตรงกับประสิทธิภาพโดยรวมของเว็บเรา .ปกติเวลาที่ผมแนะนำก็จะแนะนำเป็น date-fns ครับ และให้เลิกใช้ Moment.js เพราะมีขนาดใหญ่ และไม่มี tree-shaking ด้วย .วันนี้มาแนะนำอีกหนึ่งตัว คือ dayjs ครับ ตัวนี้มีขนาดเล็กมากๆ แค่ 2k เอง ถึงแม้ไม่มี tree-shaking ก็ถือว่าเล็กมากแล้วครับ กับการใช้งานทั่วไป .มีใครใช้ตัวไหนอยู่บ้างครับ ฝากแนะนำเพื่อนๆ หน่อยนะครับ .ไปดูการเปรียบเทียบเองได้ที่นี่นะครับ => http://bit.ly/2w8Xn8F โค้ชเอก Views: 33879
แนะนำแหล่งศึกษา JavaScript สมัยใหม่
สำหรับคนที่สนใจศึกษา JavaScript สมัยใหม่ แนะนำให้ลองอ่าน และเขียนโค้ดจากเว็บนี้นะครับ ค่อนข้างครบ สรุปได้ดี และน่าจะประหยัดเวลาในการเรียนรู้เยอะทีเดียว 🙂 . รายละเอียด: https://javascript.info/ . ลองดูครับ โค้ชเอก Views: 32162
แนะนำ anime.js ครับ
แนะนำ anime.js ครับ เป็น JavaScript Animation Engine สำหรับคนที่ต้องการทำแอนิเมชั่นให้กับหน้าเว็บ . ใช้งานง่าย รองรับ SVG ด้วย ลองดูนะครับ http://animejs.com/ Views: 420
แนะนำ Howler.js ครับ
แนะนำ Howler.js ครับ เป็น Audio library สำหรับ modern web สามารถควบคุมการเล่นเสียงทุกรูปแบบ และยังข้าม platforms ด้วย แน่นอนเราสามารถประยุกต์ใช้กับ Hybrid Mobile App ได้เหมือนกัน ตัวนี้ google, disney, NASA, EA ก็ใช้นะ ลองดูครับ รายละเอียดและ DEMO: https://howlerjs.com/ Views: 703
แนะนำขั้นตอนการเรียนรู้ JavaScript Framework สมัยใหม่
ถ้าอยากศึกษา JavaScript framework สมัยใหม่ แน่นอนเราต้องเรียนรู้ JavaScript สมัยใหม่ด้วยครับ ปัจจุบัน JavaScript ได้เพิ่มคุณสมบัติต่างๆ เข้ามามากมายเลย ถ้าให้ผมแนะนำ ขอแนะนำ ดังนี้ 1. ศึกษา JavaScript พื้นฐานก่อนครับ ไม่ว่าเป็นเรื่องง่ายๆอย่าง ตัวแปร (variable) , Arrays, Objects, Functions และอื่นๆ ผมทำสอนไว้บ้างตามนี้ http://goo.gl/vXT9bC 2. จากนั้นต่อด้วย JavaScript ES6 ครับ ดูหัวข้อคร่าวๆได้ในภาพ (ตรงนี้อนาคตก็คงมี ES7 ,ES8 แต่ก็ไม่ต้องห่วงครับ ถ้าเรามีพื้นฐาน ES6 อยู่แล้ว ก็ให้ศึกษาคุณสมบัติที่มันเพิ่มเติมเข้ามา) ยกตัวอย่าง ถ้าเราต้องการศึกษา Angular 2 ซึ่งเขียนด้วย TypeScript (จริงๆเขียนด้วย ES6…
แนะนำ Leaflet.js ไว้จัดการและทำแผนที่
แนะนำ Leaflet.js เป็น JavaScript library เกี่ยวกับการจัดการแผนที่อีกตัวที่น่าใช้มากๆครับ น้ำหนักเบาเพียง 33KB ฟีเจอร์เพียบ โค้ดสั้นกระชับ เหมาะกับมือถืออีกด้วย ลองใช้กันได้ครับ รายละเอียด http://leafletjs.com/ อันนี้ e-Book ฟรี (สมัครสมาชิก แล้วโหลด) http://goo.gl/bU5Epg วิดีโอสอนฟรี https://sirensoft.github.io/#free Views: 2749
แนะนำ Sails.js MVC Framework สำหรับ Node.js
แนะนำ Sails.js MVC Framework สำหรับ Node.js ที่ครบเครื่อง ใช้งานง่าย และมี features ครบถ้วน ครับ จุดเด่น 1. เหมาะสำหรับทำ RESTful APIs มาก เพราะมีตัว genereate โค้ดอัตโนมัติภายในบรรทัดเดียว! 2. เหมาะสำหรับงานแบบ Realtime โค้ดที่ใช้เขียนง่าย และสั้นมาก! (เขียนครอบ socket.io อีกที) 3. มี ORM ให้ใช้ สามารถติดต่อฐานข้อมูลได้หลายตัว เช่น MySQL, PostgreSQL, MongoDB, SQLite3, Redis เป็นต้น (ใช้ Waterline ORM) ———————— เว็บไซต์ http://sailsjs.org/ https://goo.gl/2Krndf สอนใช้งานบน…