jQuery Mobile和PhoneGap集成开发.pdfVIP

MOBILE DEVELOPMENT With jQuery Mobile PhoneGap by Pete Freitag / Foundeo Inc. / Monday, January 10, 2011 AGENDA • Learn to build mobile web sites using jQueryMobile and HTML5 • Learn about PhoneGap for building native iPhone/iOS Android Apps Monday, January 10, 2011 JQUERYMOBILE A touch optimized HTML5 Framework for building mobile websites and apps. Monday, January 10, 2011 ALPHA jQuery Mobile is currently in Alpha 2, so keep in mind that not all features are implemented or stable at this time. Monday, January 10, 2011 TOUCH OPTIMIZED? • UI Controls need to be big enough to touch. • Minimize the need for typing • No mouseover, mousemove events, instead you have events like swipe, swipeleft, swiperight, orientationchange, tap, taphold, etc. • Optomized Form Controls Monday, January 10, 2011 MOBILE OS SUPPORT Monday, January 10, 2011 BUT I DON’T KNOW JQUERY • You don’t even need to know JavaScript to build a simple jQuery Mobile Web Site or App. • If you know jQuery you will feel right at home, when it comes time to add dynamic interactions. • But don’t worry if you don’t know any jQuery! Monday, January 10, 2011 WHAT’S IN JQUERY MOBILE? • Pages Dialogs • Toolbars (Header Footer bars) • Button’s (Including a set of stock icons) • Form Controls (Slider’s, Toggles, enhanced radio, checkbox, etc) • List View Control Monday, January 10, 2011 LET’S GET STARTED !doctype html html head titlejQuery Mobile Example/title link rel=stylesheet href=jquery.mobile-1.0a2/jquery.mobile-1.