Slider[Style1]

Style2

Style3[OneLeft]

Style3[OneRight]

Style4

Style5[ImagesOnly]

Style6

jQuery Mobile ตอนที่ 1 jQuery Mobile Framework คืออะไร+แนะนำแหล่งเรียนด้วยตัวเอง

ในช่วง 2-3 ปีหลังมานี้ กระแสเรื่อง Mobile หรืออุปกรณ์โทรศัพท์ Smartphone และ Tablet Phonelet กำลังมาแรง ราคาไม่กี่พัน ก็ซื้อหามาใช้งานได้แล้ว และเพราะตอนนี้มีคนใช้อุปกรณ์จอเล็กๆ แบบนี้มากขึ้น

คนทำเว็บแบบผมก็ต้องปรับตัวให้ทันกระแส จะได้ไม่ตกยุคมากจนเกินไป

แต่เดิมการทำเว้บก็ทำเพื่อหน้าจอคอมพิวเตอร์ปกติ ความละเอียดก็ตั้งแต่ 1024×768 ไล่ไปจนถึงระดับ HD อย่างทุกวันนี้ การเขียนโปรแกรมก็ง่ายขึ้นมากกว่าแต่ก่อน เพราะมีเครื่องมือง่ายๆ แบบ Dreamweaver ให้ใช้ ช่วยประหยัดเวลาเขียนโค้ดได้เยอะ

ทีนี้ผมเอง ถึงจะไม่ได้รับเขียนเว้บเป็นอาชีพหลัก แต่ก้เริ่มสนใจการเขียน web ให้ไปแสดงได้บน smartphone เอามากๆ

จริงๆ แล้วต้องเริ่มจากการเขียน App Android ก่อน ซึ่งผมเองก็ไม่ค่อยมีหัวเรื่อง Java, OOP สักเท่าไหร่ เลยคิดว่าถ้าจะเอาเป็น Native App ก็คงยาก ต้องมาเรียนตั้งแต่เริ่มกว่าจะเสร็จคงนาน

อีกวิธีคือ เปลี่ยนมาใช้ jQuery Mobile Framework

Framework คือ การรวมเอาโค้ด ฟังก์ชั่นต่างๆ ไว้ในที่เดียวกัน เวลาใช้งานก็จัง่ายเพราะไม่ต้องเขียนเอง แต่ต้องเรียนรู้วิธีเรียกใช้อีกทีหนึ่ง

jQuery Mobile คือ การรวมกันระหว่าง HTML CSS Javascript ที่เหมาะกับการทำเว้บบน Mobile โดยเฉพาะ

พอเอา jQuery Mobile + Framework ก็ได้ว่า ชุดคำสั่งสำเร็จรูปสำหรับสร้างเว้บสำหรับอุปกรณ์ Mobile

ข้อดี (เท่าที่รู้ตอนนี้)

– เขียนง่าย เพราะเป้นการเขียนเว็บเหมือนการเขียนเว้บทั่วไป

– ใช้งานกับ Dreamweaver ได้ (แนะนำว่าควรเป้น CS6)

– หลังจากทำเสร็จ ถ้าอยากได้เป้นไฟล์ app เช่น apk ของ android ก็ส่งไฟล์เข้าไปที่ phonegap แล้วจะได้ไฟล์ออกมาเลย (รายละเอีดยลึกๆจะมาเล่ากันทีหลัง)

ข้อเสีย (เปรียบเทียบกับ Native App)

– ทำงานช้ากว่า

ตัวอย่างงาน(กำลังทดสอบ) บน PC

jQuery Mobile ตอนที่ 1 jQuery Mobile Framework คืออะไร+แนะนำแหล่งเรียนด้วยตัวเอง jQuery Mobile ตอนที่ 1 jQuery Mobile Framework คืออะไร+แนะนำแหล่งเรียนด้วยตัวเอง

ตัวอย่างงาน(กำลังทดสอบ) บน Android

jQuery Mobile ตอนที่ 1 jQuery Mobile Framework คืออะไร+แนะนำแหล่งเรียนด้วยตัวเอง jQuery Mobile ตอนที่ 1 jQuery Mobile Framework คืออะไร+แนะนำแหล่งเรียนด้วยตัวเอง

เรื่องความเร็ว ผมลองทดสอบดูแล้ว ใน Mobile จะทำงานช้ากว่า PC อยู่มากโข

และเพราะว่าผมฝึกเอง งมเอง ทำเอง ความรู้ที่ได้เลยไม่ประติดประต่ออะไรมาก แต่ก็พอจะแนะนำให้คนที่เริ่มต้นได้บ้างครับ

แหล่งความรู้ที่ผมแนะนำก็มีตามนี้เลย สำหรับมือใหม่ ที่มีความรู้เรื่องการเขียนโปรแกรม Web มาบ้างแล้ว

1. สร้างเว็บ Mobile Application ด้วย Dreamweaver CS6

เริ่มต้นง่ายๆ ยังไม่ถึงกับเขียนโค้ด แต่เป้นการมองภาพรวมว่า jQuery Mobile และ Dreamweaver ทำอะไรได้บ้าง

jQuery Mobile ตอนที่ 1 jQuery Mobile Framework คืออะไร+แนะนำแหล่งเรียนด้วยตัวเอง

2. แหล่งวิดีโอสอนการใช้งาน jQuery Mobile ภาษาอังกฤษ

เจาะลึกถึงโค้ด มีตัวอย่างใหม่ๆที่ใช้งานได้จริง เพิ่มให้เห็นภาพมากขึ้น ฟังไม่เข้าใจก็ไม่เป้นไรครับ ดูภาพตามเอาก็ได้ ผมเองดูเอาว่าทำยังไง ได้ผลแบบไหน แล้วทำตามอีกที

jQuery Mobile Essential Training

jQuery Mobile Web Applications

Building Android and iOS Apps with Dreamweaver

TutsPlus – Go Portable With jQuery Mobile (Youtube)

TutsPlus – Simple Development with jQuery Mobile

ไฟล์ที่ว่าจะทยอยอัพโหลดไปเรื่อยๆครับ

สำหรับตอนต่อๆไป ผมจะเน้นเทคนิคบางเรื่องของ jQuery ที่ไม่มีในหนังสือครับ

Credit : http://www.daydev.com/2012/jquery-mobile.html

About Know2Play

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
«
Next
Newer Post
»
Previous
Older Post

No comments:

Post a Comment