Workshop: Developing mobile web applications with jQuery Mobile

Summary

Being able to build web sites and web applications that cater for mobile users becomes more and more important. There are multiple ways of how such a goal could be achieved and jQuery Mobile is one of them. jQuery Mobile is a framework that supports one to build mobile web applications that look and feel as closely as possible to native apps as it gets by providing a set of UI controls and behaviours catering specifically for mobile usage.

Next workshops

Nothing scheduled – get in touch if you’re interested.

All the details

Being able to build web sites and web applications that cater for mobile users becomes more and more important. There are multiple ways of how such a goal could be achieved and jQuery Mobile is one of them. jQuery Mobile is a framework that supports one to build mobile web applications that look and feel as closely as possible to native apps as it gets by providing a set of UI controls and behaviours catering specifically for mobile usage.

During the day we’re going to build a mobile app with jQuery Mobile and a CFML backend. We’re going to look into the different elements of jQuery Mobile apps and how they interact with backend data and what the big game changers and pain points would be for the ones among you who have never done mobile web development before. Both jQuery Mobile and the mobile space are moving targets; if time allows we’re going to have a look into bundling our mobile site into a native app with PhoneGap – make sure to bring your mobile for testing your creations.

Topics:

• The mobile space and its advantages and challenges
• Native vs web and what’s the role of jQM.
• Device support and testing on devices
• HTML5 basics (document structure, viewport concept and custom data-atributes)
• jQM framework overview
• Pages, Navigation, internal and external links
• Transitions & Effects, Themes
• Structural UI components (Toolbars, Navigation Bars, Dialogs, Lists and Accordions, Buttons)
• Form handling (Default behaviours, Labels and Containers, Select menus, Radio buttons & Checkboxes)
• jQuery and jQuery Mobile (Event Handling, Touch and Orientation events, $.mobile and how to use jQ insides of jQM)
• Dynamic Data (Ajax and JSON in jQM)
• The basics of writing a jQM plugin
• “Appmode” and packaging with PhoneGap