Web App—Basic CRUD with Javascript, Bootstrap 4 and Realtime Database

สวัสดีครับเพื่อนๆ มาพบกันอีกแล้วครับ วันนี้ผมจะมานำเสนอวิธีการสร้าง Web App ที่มีพื้นฐานกระบวนการ Create/Read/Update/Delete กับระบบฐานข้อมูลผ่านทางหน้าเว็บไซต์ แล้วกระบวนการ CRUD คืออะไร?

a·ดัม

9 กรกฎาคม 2020

Google Sheet—Web Scraping ดึงข้อมูลจากเว็บไซต์

ในทุกวันนี้การตัดสินใจเรื่องสำคัญๆ ด้วยการใช้ข้อมูลที่มีจะเป็นอะไรที่ดีมากๆ ไม่เว้นแม้แต่การจะซื้อรถยนต์มือสอง 🚗 วันนี้ผมเลยจะขอนำเสนอการทำ Web Scraping แบบง่ายๆ ด้วย Google Sheet พร้อมตัวอย่างการนำเข้าข้อมูลรถยนต์มือสองจากเว็บไซต์ one2car.com มาให้ดูกันครับ ก่อนอื่นมาทำความรู้จักกับ Web Scraping กันก่อน

a·ดัม

29 มิถุนายน 2020

Web App—Auto Complete สำหรับข้อมูลที่อยู่

ในการที่จะให้ผู้ใช้งานกรอกแบบฟอร์มข้อมูลเพื่อเก็บที่อยู่ของผู้ใช้นั้น ด้วยประสบการณ์ของตัวผมเองจะพบเจอแบบฟอร์มที่ให้กรอกข้อมูลทั้งหมดเองแทบทุกครั้ง มีน้อยมากที่จะให้พิมพ์ชื่อตำบลแล้วมีรายการขึ้นมาให้เลือกแบบ Auto Complete ให้ทั้งหมดเลย

a·ดัม

11 มิถุนายน 2020

Web App—เปลี่ยน Todo List App ให้เป็น Progressive Web Apps แบบง่ายๆ

จากบทความ Web App—บันทึกการทำ Todo List App ผมได้เรียนรู้การสร้าง Web App แบบง่ายๆ ไปแล้ว วันนี้ผมจะมาเสริมให้ Todo List App ของผมเป็น Progressive Web Apps เพื่อให้ทำงานได้แม้ว่าจะไม่ได้ต่อ Internet !!! ซึ่งเป็นข้อดีแบบหนึ่งของ Progressive Web Apps ครับ

a·ดัม

5 มิถุนายน 2020

Web App—บันทึกการทำ Todo List App

สำหรับเพื่อนๆ ที่สนใจการสร้าง Web App มีโปรเจคหนึ่งที่น่าสนใจ และหาตัวอย่างการทำได้ไม่ยากนั่นคือ การสร้าง Todo List App ครับ เพราะการมีตัวช่วยมาใช้จัดระเบียบภารกิจในแต่ละวัน จะทำให้การทำงานเป็นระบบมากขึ้น โดยในบทความนี้ผมจะมานำเสนอวิธีการสร้าง Todo List App ของผมเอง

a·ดัม

25 พฤษภาคม 2020

Bootstrap—ทำ Form Validation

ในเมื่อมี Form ออนไลน์แล้ว ทำไมถึงต้องทำ Form Validation อีก นั่นก็เพราะ Form validation คือการเพิ่มการตรวจสอบข้อมูลให้กับฟอร์มนั่นเอง ช่วยให้เรามั่นใจได้ว่าข้อมูลที่กรอกมานั้นถูกคัดกรองตามรูปแบบที่ต้องการมาอย่างดีแล้วระดับหนึ่ง เช่น ช่องกรอกอีเมล เบอร์โทรศัพท์ ฯลฯ

a·ดัม

19 พฤษภาคม 2020

Bootstrap — สร้างฟอร์มจองห้องประชุมให้ดูแพงด้วย BS4

ในยุคปัจจุบันเรียกได้ว่าเราได้เจอแบบฟอร์มออนไลน์กันแทบทุกวัน ไม่ว่าจะเป็นสำหรับการสมัครสมาชิก การกรอกที่อยู่เพื่อสั่งซื้อสินค้า การติดต่องานต่างๆ ล้วนแล้วแต่ต้องกรอกข้อมูลลงในฟอร์มแบบออนไลน์ทั้งนั้น วันนี้ผมเลยมาลองเรียนรู้การใช้งาน Bootstrap 4 ซึ่งเป็น CSS Framework ที่น่าใช้มากตัวหนึ่งเลยครับ

a·ดัม

13 พฤษภาคม 2020

Google Sheet—เชื่อมต่อข้อมูลไปที่ Firebase Cloud Firestore x LINE Notify [ตอนจบ]

วันนี้เราจะมาต่อจากตอนแรกกันครับ โดยในตอนแรกนั้นเราได้บันทึกข้อมูลจาก Google Sheet ลงใน Cloud Firestore หรือ Realtime Database เรียบร้อยแล้ว สำหรับขั้นตอนการแจ้งเตือนข้อมูลไปที่ LINE Notify จะใช้บริการอีกอันของ 🔥Firebase นั่นคือ Cloud Fucntions นั่นเอง

a·ดัม

19 เมษายน 2020

Google Sheet—เชื่อมต่อข้อมูลไปที่ Firebase Cloud Firestore x LINE Notify [ตอนแรก]

เพื่อนๆ หลายคนอาจจะคุ้นเคยกับการใช้งาน Google Sheet ในการเก็บข้อมูลต่างๆ ซึ่งอาจจะเป็น Database ที่ง่ายที่สุดเลยก็ว่าได้ หลังจากที่ผมได้มีโอกาสทำระบบแจ้งเตือนผ่าน LINE Notify จากข้อมูลที่บันทึกลง Google Sheet ให้เพื่อนของผมเอง พอผ่านการใช้งานจริงมาได้ซักพักหนึ่งก็พบว่า การใช้ Google Sheet ในการเก็บข้อมูลที่มีการอัพเดทและแก้ไขข้อมูลโดยผู้ใช้งานตลอดเวลา

a·ดัม

14 เมษายน 2020
1 2 3 8