เรียนรู้วิธีใช้งาน JQuery Mobile กันแบบสบายๆ

JQuery Mobile คืออะไร?

JQuery Mobile ทำให้เราสามารถสร้าง UI (ส่วนติดต่อผู้ใช้) ของ Web App ให้เหมือนกับ Mobile Application ด้วย HTML, CSS, และ Javascript ครับ และยังสามารถนำไปใช้สร้าง Mobile App ร่วมกับ PhoneGap ได้ด้วย

พื้นฐานของ JQuery Mobile สร้างจาก CSS และ Javascript ดังนั้นเวลาใช้งานมันก็คิดเอาว่า เอา CSS และ Javascript ของคนอื่นมาใช้ก็ได้ แต่ที่มาของมันสิครับ สำคัญ เพราะมันคือ framework ทายาทของ JQuery ที่หลายๆ คนนิยมใช้กันทั่วโลก ได้รับการปรับปรุงอย่างต่อเนื่อง จนผมก็แอบบ่นเหนื่อยนิดๆ เพราะต้องมานั่งอัพเดตเนื้อหาให้ตามทันอย่างสนุกสนาน แต่หากชอบสิ่งที่ผมทำก็ comment ฝากให้กำลังใจด้านล่างได้นะครับ

จะเริ่มเรียนต้องมีพื้นฐานอะไรมาก่อนบ้าง?

  • HTML
  • CSS
  • Javascript
  • และ JQuery สักหน่อย

โปรแกรมที่ต้องติดตั้ง

  • Adobe Dreamweaver CC (ใช้เพื่อความสะดวก แต่ถ้าคุณใช้ editor ตัวอื่นก็ได้)
  • Google Chrome

หนังสือ JQuery Mobile Framework ภาษาไทย

แจกฟรีสำหรับผู้ลงเรียน “สร้าง iOS และ Android App ด้วย HTML และ PhoneGap 3”

หัวข้อและ Video

วิธีนำ JQuery Mobile มาใช้งาน

การใช้งาน JQuery Mobile ใน Adobe Dreamweaver CC

วิธีการสร้างและใช้งาน Page

การสร้าง link เชื่อมโยงกันระหว่าง page

สร้างอนิเมชั่นระหว่าง page ด้วย Page transition

วิธีสร้าง Panel

วิธีสร้าง Form ให้กับ App

วิธีสร้าง List View

เม้นคุยกันได้ครับ

This site uses Akismet to reduce spam. Learn how your comment data is processed.

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save