จัดการกับ XMLHttpRequest โดยใช้ miragejs ในการพัฒนา Front-end นั้น บางกรณี เช่น ในขั้นตอนการพัฒนาแอพต้นแบบ นักพัฒนาอาจมีความจำเป็นจะต้องเรียกใช้ข้อมูลจาก Back-end API หลายคนอาจเลือกใช้ jsonserver เพื่อจำลองเป็น Back-end API ในขณะที่ Backend-API ตัวจริง ยังพัฒนาไม่แล้วเสร็จ แต่ jsonserver เองก็อาจจะสามารถตอบโจทย์การเรียกใช้ข้อมูลแบบง่ายได้เท่านั้น อีกครั้งยังไม่สามารถรองรับการทำ Authentication, JWT, Authorization ซึ่งเราสามารถแก้ปัญหาเหล่านี้ได้โดยใช้ไลบรารี่ที่ชื่อว่า miragejs

Node.js และ การจัดการกับไฟล์ CSV CSV หรือ Comma Separated Value เป็นไฟล์ Open Format ที่ใช้ในการแลกเปลี่ยนข้อมูลระหว่างระบบ 2 ระบบ ถึงแม้ว่าในปัจจุบัน ไฟล์ JSON อาจจะเป็นเป็นที่นิยมมากกว่าแต่เนื่องจากยังคงมี DataSet ตัวอย่างข้อมูลที่น่าสนใจนิยมเผยแพร่รูปแบบของไฟล์ CSV เช่น จากบัญชี GitHub ของอาจารย์ประเสริฐ (prasertcbs) ซึ่งมี DataSet สำหรับฝึกเขียนโปรแกรมในด้าน Data Science ให้ดาวน์โหลดอย่างมากมาย ดังนั้นไฟล์ CSV จึงมีความน่าสนใจที่จะนำมาใช้ในการแลกเปลี่ยนข้อมูลระหว่างระบบของเรากับระบบภายนอก ซึ่ง Node.js เองก็มีไลบรารี่ที่สามารถทำงานร่วมกับ CSV ได้ครบถ้วนทุกขั้นตอน

เขียนโปรแกรมส่งอีเมลด้วยภาษา Python โปรแกรมส่งอีเมลเป็นโปรแกรมที่เขียนง่าย และสามารถนำไปประยุกต์ใช้งานได้หลากหลาย เช่นการแจ้งโปรโมชั่นกับลูกค้า การส่งจดหมายเวียน และการใช้ยืนยันการสมัครสมาชิกของเว็บไซต์ เป็นต้น โดยบทความนี้จะเลือกใช้ภาษา Python ซึ่งกำลังได้รับความนิยมเป็นอย่างมากในปัจจุบัน เนื่องจากเป็นภาษาที่เรียนรู้ง่ายแม้จะไม่เคยเขียนโปรแกรมมาก่อน และยังสามารถนำไปต่อยอดใช้กับการเขียนโปรแกรมด้าน Data Science และ Machine Learning ได้อีกด้วย

Vue.js และการทำ Request Cancellation กับ axios ปัจจุบันการส่ง XMLHttpRequest ไปยัง Backend API นั้นเป็นเรื่องพื้นฐานที่มีการใช้งานกันแทบทุกเว็บแอพ แต่ด้วยธรรมชาติของ Asynchronous ใน JavaScript นั้นทำให้การแสดงผลลัพธ์ของ Response อาจไม่เป็นไปตามลับดับในการส่ง Request เสมอไป แล้วถ้าการแสดงผลลัพธ์ของ Response ไม่ได้เป็นไปตามลำดับที่ควรจะเป็นหล่ะ จะเกิดปัญหาอย่างไร

เขียนโปรแกรมดาวน์โหลดรูปภาพและวีดีโอด้วย Node.js Node.js เป็น Framework ที่มีความสามารถด้าน Networking และ Internet พร้อมใช้งานทันทีโดยไม่จำเป็นต้องติดตั้ง Package เพิ่มเติม โดยบทความนี้จะสาธิตการเขียนโปรแกรมสำหรับดาวน์โหลดรูปภาพและวีดีโอโดยการใช้ Core Module ของ Node.js ซึ่งเมื่อเข้าใจหลักการเขียนโปรแกรมตามในบทความแล้ว ผู้อ่านก็จะสามารถนำไปต่อยอดในการเขียนโปรแกรม Web Scraping ได้เช่นกันครับ

เขียนโปรแกรม CRUD ใช้งาน Cloud Firestore โดยใช้ React Hooks Cloud Firestore คือบริการฐานข้อมูลประเภท NoSQL ที่จัดเก็บข้อมูลแบบ Online ซึ่งสามารถใช้งานได้ฟรีหากอยู่ในข้อจำกัดที่กำหนดไว้ บทความนี้เราจะลองมาเขียนโปรแกรม CRUD ด้วย React Hooks เพื่อใช้งานบริการฐานข้อมูลฟรีตัวนี้กันดูครับ โดยบทความนี้จะไม่ขอพูดถึงพื้นฐานเกี่ยวกับ Cloud Firestore และฐานข้อมูลประเภท NoSQL นะครับ

ใช้งาน Firebase Realtime Database ร่วมกับ Vue.js แบบไม่ต้องง้อ vuefire ในการเขียนโปรแกรมด้วย Vue.js เพื่อใช้งาน Firebase Realtime Database นั้น นักพัฒนาอาจจะนิยมใช้ npm Package ที่ชื่อว่า vuefire ซึ่งเป็น Official Package ของ Vue.js ที่ใช้งานง่ายและสะดวก แต่เพื่อการเรียนรู้เราจะมาลอง Integrate Vue.js และ Firebase Realtime Database โดยใช้การสร้าง Subscription ใน Lifecycle Hooks ของ Vue.js โดยไม่ต้องง้อเจ้า vuefire กันนะครับ

จัดการกับ State ของ Form ด้วย React Hooks การจัดการ State ของ Form ใน Class Component ของ React นั้นเป็นสิ่งที่ยุ่งยากอย่างมาก ยิ่งเมื่อเทียบกับคู่แข่ง เช่น Angular และ Vue เรียกได้ว่าเป็นจุดอ่อนของ React จุดนึงเลยทีเดียว ในบทความนี้จะเป็นการใช้ของเล่นใหม่ที่เรียกว่า React Hooks มาช่วยในการจัดการ State ของ Form ซึ่งเมื่อเทียบกับวิธีการเดิมแล้วเรียกได้ว่าสะดวกและง่ายกว่าเดิมมากครับ

ตั้งค่า Vetur และ Visual Studio Code สำหรับการพัฒนา Vue.js ในการใช้ Visual Studio Code พัฒนา Vue.js Application ปกติเราจะติดตั้ง Extension ยอดนิยมชื่อ vetur แต่หลังจากติดตั้ง Extension แล้วการจัดระเบียบโค้ดอาจยังไม่ถูกใจ เราสามารถตั้งค่า Visual Studio Code และ Extension vetur เพิ่มเติมได้ตามตัวอย่างในบทความนี้ครับ

Form Builder ไม่ใช่สิ่งจำเป็นสำหรับ Laravel Framework Form Builder ได้ถูกถอดออกจาก Core ของ Laravel Framework ตั้งแต่เวอร์ชั่น 5 เป็นต้นมา หากนักพัฒนาต้องการใช้การ Form Builder จะต้องติดตั้ง Package laravelcollective/html เพิ่มเติมเอง บทความนี้จึงขอเสนอทางเลือกในการโค้ด Laravel Framework แบบไม่ใช้งาน Form Builder โดยการเปลี่ยนมาใช้

แทนครับ