Mini Project — สร้าง Web Images Gallery แบบง่ายๆ

🙏 สวัสดีครับเพื่อนๆ วันนี้ผมจะพามาทดลองทำ Web Images Gallery ด้วย HTML, CSS and JavaScript สำหรับไว้แสดงรูปภาพที่เรามีไว้ดูเองหรือโชว์ลงหน้าเว็บเพจของตัวเองก็ได้

a·ดัม

14 มีนาคม 2021

Firebase Authentication—สร้างระบบ Sign In เข้าเว็บแอปแบบง่ายๆ

👋 สวัสดีเพื่อนๆ อีกครั้งครับผม วันนี้เรามาลองสร้างระบบ Sign In ด้วย Firebase Authentication กันดูครับผมว่าจะสะดวกและใช้งานง่าย ช่วยให้ชีวิตได้ทำหลายๆ อย่างได้อีกเยอะขึ้นครับ ก่อนอื่นลองไปทำความรู้จัก Firebase Authentication ที่บทความนี้กันก่อนครับ

a·ดัม

25 มกราคม 2021

Web App—แจก Code แอปบันทึกรายรับ-รายจ่าย [HTML, BS5 & JS]

🙏 สวัสดีครับเพื่อนๆ วันนี้ผมมี Source Code ของโปรเจคเล็กๆ ที่ได้ทดลองทำไว้ นั่นคือ แอปบันทึกรายรับ-รายจ่าย โดยความสามารถของแอปมีประมาณนี้

a·ดัม

24 มกราคม 2021

Tip : Get the value of an input element as a number with JavaScript

ในการสร้างแบบฟอร์มออนไลน์ ค่าข้อมูลตัวเลขที่เก็บมาได้จะเป็นประเภท String ถึงแม้ว่าจะกำหนดให้ Input นั้นเป็น Number แล้วก็ตาม มาลองดูวิธีการต่างๆ ที่จะเปลี่ยนข้อมูลตัวเลขที่ได้จากประเภท String เป็น Number กันครับ

a·ดัม

21 พฤศจิกายน 2020

Web App—Simple News Headline Website [HTML, CSS and JavaScript]

วันหยุดสุดสัปดาห์ยาวๆ แบบนี้แล้วไม่ได้เดินทางไปเที่ยวที่ไหน เพราะยังต้องมานั่งเฝ้าออฟฟิสอยู่เช่นเดิม 😂 มันก็ต้องหาทำ Mini project เล่นแก้เหงาซะหน่อย วันนี้ก็เลยจะมานำเสนอ Mini project สำหรับติดตามข่าวสารบ้านเมือง นั่นคือ Website สำหรับติดตามข่าวสารที่มาจากสำนักข่าวต่างๆ โดยใช้ข้อมูลข่าวสารจาก newsapi.org

a·ดัม

20 พฤศจิกายน 2020

Netlify—Deploy เว็บไซต์ง่ายๆ ด้วย Netlify

สวัสดีเพื่อนๆ ทุกคนครับ วันนี้จะมาแนะนำวิธีการ Deploy เว็บไซต์หรือการอัพโหลดเว็บไซต์ไปที่เครื่อง Hosting โดยใช้ Netlify ซึ่งปัจจุบันก็มีหลาย Platform ที่ทำให้การ Deploy งานนั้นง่ายกว่าเดิมเยอะ บางทีแค่เว็บเล็กๆ ทำเพื่อ Demo หรือ Projects Porfolio การจะไปเช่า Hosting ก็ดูจะเป็นการเปลืองเสียเปล่าๆ ก่อนลองดูว่า Google จะบอกอะไรเราเกี่ยวกับ Netlify บ้าง

a·ดัม

19 กันยายน 2020

Web App—Simple binary to decimal converter

เย็นวันศุกร์เปิดดู Google map แล้วก็ต้องทำใจนั่งรอให้รถหายติดที่ Office ต่อไป แล้วก็นั่งเล่นไปเรื่อยจนไปเจอนี่เข้า 80+App Ideas จะรออะไรละครับอีกนานกว่ารถจะหายติด จัดไปในแบบระดับ Tier: 1-Beginner 😆😆😆 และด้วยที่เริ่มทำความรู้จักกับ Vue.js อยู่ก็เลยเอามาใช้ในนี้ซะเลย

a·ดัม

11 กันยายน 2020

JavaScript—สร้างไฟล์ pdf ด้วย pdfmake และเพิ่มฟอนต์ Sarabun สำหรับภาษาไทย

มีโปรเจค Web App ที่ต้องมีการสร้าง pdf file เลยต้องมาค้นหา libary และก็ได้มาพบกับ pdfmake ซึ่งก็พบว่าใช้งานง่ายไม่ซับซ้อน แต่ไม่มีอักษรที่รองรับภาษาไทยเป็นชุดอักษรเริ่มต้น🥺 แต่สามารถเพิ่มฟอนต์ที่ต้องการใช้งานได้ มาดูกันครับว่าจะทำการการเพิ่มฟอนต์ Sarabun สำหรับภาษาไทยได้อย่างไรครับ

a·ดัม

28 สิงหาคม 2020

LINE LIFF—รีวิวการทำ Web App x LINE LIFF [โปรแกรมคำนวณค่างวดรถยนต์มือสอง]

หลังจากทาง Skoodio ร่วมมือกับ LINE Thailand ปล่อยคอร์ส เรียนรู้การพัฒนาแอปพลิเคชันด้วย LINE Front-end Framework ออกมาให้เรียนกันแบบฟรีๆ หลังจากเรียนเสร็จ ผมเลยได้ทดลองทำ LINE OA เต้นท์รถมือสอง

a·ดัม

21 กรกฎาคม 2020
1 2