เรียนรู้วิธีใช้งาน 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