ป้ายกำกับ: alpine.js

บทที่ 38: การรวมกับ Tailwind CSS

Tailwind CSS เป็น CSS Framework ที่ช่วยออกแบบ UI ได้อย่างรวดเร็ว โดยใช้คลาสสำเร็จรูปที่สามารถปรับแต่…
บทที่ 37: การเชื่อมต่อกับ Local Storage

Local Storage เป็นพื้นที่เก็บข้อมูลของเบราว์เซอร์ที่สามารถใช้เก็บค่าหรือ State แบบถาวรสำหรับผู้ใช้งา…
บทที่ 36: การดึงข้อมูลจาก API

ใน Alpine.js คุณสามารถดึงข้อมูลจาก API ภายนอกได้โดยใช้ Fetch API ภายใน Component
บทที่ 35: การรวม Component ซ้อนกัน

ใน Alpine.js Component ซ้อนกัน หมายถึงการสร้าง Component ภายใน Component เพื่อแยกส่วนการทำงานหรือจัด…
บทที่ 34: การใช้งาน Event Bus

Event Bus ใน Alpine.js เป็นกลไกที่ช่วยให้ Component ต่าง ๆ สามารถสื่อสารกันได้โดยการส่งและรับ Event
บทที่ 33: การสร้าง Store แบบ Dynamic

Store แบบ Dynamic ใน Alpine.js ช่วยให้คุณสามารถสร้าง State หรือข้อมูลที่ปรับเปลี่ยนได้ในเวลาทำงาน โด…
บทที่ 32: การอัปเดต Alpine.store

Alpine.store ช่วยให้คุณสามารถแชร์ State ระหว่าง Component ต่าง ๆ และสามารถเพิ่ม, ลบ, หรืออัปเดตค่าภา…
บทที่ 31: การใช้ Alpine.store

Alpine.store เป็นฟีเจอร์ที่ช่วยให้คุณสามารถแชร์ State ระหว่าง Component ต่าง ๆ ในหน้าเว็บได้
บทที่ 30: การใช้ Magic Properties

Magic Properties ใน Alpine.js คือคุณสมบัติพิเศษที่ช่วยให้คุณสามารถเข้าถึงข้อมูลหรือจัดการ DOM ได้สะด…
บทที่ 29: การใช้ $nextTick

$nextTick เป็นคำสั่งใน Alpine.js ที่ใช้สำหรับรันโค้ดหรือฟังก์ชันหลังจากที่ DOM ถูกอัปเดตเสร็จสมบูรณ์
บทที่ 28: การใช้งาน $watch

$watch เป็นคำสั่งใน Alpine.js ที่ช่วยให้คุณสามารถติดตามการเปลี่ยนแปลงของค่าภายใน State และรันฟังก์ชั…
บทที่ 27: การส่งพารามิเตอร์ในฟังก์ชัน

Alpine.js คุณสามารถสร้างฟังก์ชันที่รับพารามิเตอร์และเรียกใช้ฟังก์ชันนั้นพร้อมกับส่งค่าพารามิเตอร์ใน …