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

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

a·ดัม

14 มีนาคม 2021

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

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

a·ดัม

24 มกราคม 2021

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

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

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

a·ดัม

21 กรกฎาคม 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
1 2