1. Beginning jQuery
Mobile
or Enough to Get You Started,
but not Enough to Make You Dangerous
2. Who Am I?
I am a Microsoft Certified Solution Developer
and I’ve been developing software since 1979.
Since 2009, I have been focused on developing
mobile applications, for iPhone, Android,
Windows Phone 7, and the mobile web.
3. What We Won’t Cover
• The Server Side
• HTML5 in Depth
• Validation
• Device Apps
4. What We Will Cover
• jQuery Mobile Intro.
• How it Works
• Form Elements
• List Magic
• Multi-Page Apps
• Events
5. What We Will Cover
• The Kernel
• The ThemeRoller
• Debugging
• Performance Tips
• Summary
• Links
6. Quick Intro to jQuery
Mobile
A unified, HTML5-based user interface system
for all popular mobile device platforms, built on
the rock-solid jQuery and jQuery UI
foundation. Its lightweight code is built with
progressive enhancement, and has a flexible,
easily theme-able design.
26. PerformanceTips
• Watch the size of the DOM
• Selectors
• Narrow Them
• Cache Them
• Reference the active Page
27. Debugging
• What’s the Problem?
• Analogues
• WEINRE & Adobe Shadow
• iWebInspector
• Opera Mobile Emulator
28. Analogues
In biochemistry, an analog is a substance that
is similar, but not identical, to another.
For us, it is a browser that is similar, but not
identical, to the one we wish to test.
31. WEINRE
• Created by Patrick Mueller in JavaScript
• WEb INspector REmote (pronounced like
winery)
• WebKit Only! (It uses built in hooks)
• Allows for inspection of HTML/CSS
• Remote console.log
• NOT A DEBUGGER
32. Adobe Shadow
• Chrome Extension + iOS app & Android
app
• WEINRE with a better UI
• Inspection of HTML/CSS
• Remote console.log
• NOT A DEBUGGER
33. iWebInspector
• Runs only on the iOS Simulator
• Inspection of HTML/CSS
• Remote console.log
• True Remote Debugging
34. Opera Mobile Emulator
• Runs using desktop Opera & Opera Mobile
or Opera Mobile Emulator
• Inspection of HTML/CSS
• Remote console.log
• True Remote Debugger
41. Books
• jQuery Mobile
Jon Reid
Sebastopol, CA: O’Reilly Media Inc., 2011
• Master Mobile Web Apps with jQuery
Mobile 2nd ed.
Matt Doyle
Brighton, UK: Elated Communications Ltd,
2011
Editor's Notes
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Yes - blackberry use webkit too. Microsoft is the lone hold out\nImportant to note that webkit is not an open source browser, \nbut an open source browser engine kit. \nSafari and Chrome are not identical.\n
Test, test, test.\nAnalogs are a convenience tool but not a substitute for device testing. \n(turn phone side ways)\n
JavaScript is important to note because it explains a lot of its shortcomings.\nAll of these tools are free!\n
Very similar to WEINRE in function. I thought it was WEINRE version 2.0 or something at first\n
This is a must have if you are supporting the iPhone!\n\n