หมวดหมู่: หมวดที่ 1: พื้นฐาน Alpine.js
-
บทที่ 1: แนะนำ Alpine.js และการติดตั้ง
Alpine.js เป็น JavaScript Framework ขนาดเล็กที่ถูกออกแบบมาเพื่อเพิ่มฟังก์ชันให้ HTML ได้ง่าย ๆ โดยไม…
-
บทที่ 2: สร้าง Component แรก
ใน Alpine.js, Component คือกลุ่มของ HTML, JavaScript, และ State ที่ทำงานร่วมกันใน Element เดียวโดยใช…
-
บทที่ 3: การใช้ x-data และการกำหนด State
x-data ใน Alpine.js เป็นคำสั่งที่ใช้สำหรับกำหนด State ของ Component โดยข้อมูลใน x-data จะถูกจัดเก็บใ…
-
บทที่ 4: การแสดงค่าด้วย x-text
x-text เป็นคำสั่งใน Alpine.js ที่ใช้แสดงค่าจาก State หรือ ตัวแปร โดยจะแปลงค่าให้เป็นข้อความ (Text) แ…
-
บทที่ 5: การแสดง HTML ด้วย x-html
x-html เป็นคำสั่งใน Alpine.js ที่ใช้แสดงเนื้อหา HTML ภายใน Element โดยจะแทนที่เนื้อหาทั้งหมดของ Elem…
-
บทที่ 6: การจับ Event ด้วย x-on
x-on ใน Alpine.js ใช้สำหรับจับ Events ที่เกิดขึ้นใน DOM เช่น การคลิก, การเลื่อนเมาส์, การป้อนข้อมูลใ…