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

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

a·ดัม

14 มีนาคม 2021

LINE Bot—แจ้งเตือนประกาศดับไฟฟ้าแบบอัตโนมัติ ด้วยวิชามหาเวทดูดดาว (Web Scraping)

เนื่องจากได้อ่านบทความ รายงานราคาทองผ่าน LINE Chatbot แบบอัตโนมัติ ด้วยเทคนิค Web Scraping ผมเลยจะทำการลอกการบ้านด้วยการมาทดลองตั้งโจทย์ของตัวเองนั่นคือ การแจ้งเตือนประกาศดับไฟฟ้าเนื่องจากมีการปฏิบัติงาน ในพื้นที่จังหวัดที่ต้องการ

a·ดัม

7 กุมภาพันธ์ 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

Firebase Hosting—วิธีการสร้างหลาย Web Sites ใน Firebase Project เดียว

สวัสดีครับเพื่อนๆ มาเจอกันอีกแล้วสำหรับบทความเกี่ยวกับ Firebase ❤️‍🔥 สำหรับใครสาย Web App แบบผมและใช้งาน Firebase คงจะคุ้นเคยกับบริการที่ครบจบที่เดียวของ Firebase เป็นอย่างดี และบริการหนึ่งที่ผมชอบมากคือ Firebase Hosting ที่ชอบเพราะฟรี!!! 🤑

a·ดัม

7 มกราคม 2021

Firebase Cloud Functions—ต้อนรับปี 2021 ด้วยการอัพเดทเป็น Node.js 10

สำหรับใครสาย Firebase แล้วใช้งาน Cloud Functions แบบผม ในปี 2021 อย่าลืมอัพเดท Node.js 8 เป็น Node.js 10 กันนะครับ ไม่งั้นฟังก์ชั่นจะไม่ทำงานเอานะครับ มาดู 3 ขั้นตอนในการอัพเดทเวอร์ชั่นกันครับ

a·ดัม

4 มกราคม 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
1 2 6