Create web sites and applications optimized for mobile devices. Optionally package them as native downloadable applications using PhoneGap.
Overview of the technologies we'll use in the course to build mobile web sites and applications. Prerequisites for participants. Slides displayed in the browser. Choose "print" link for a printer-friendly page with all slides after one another.
Overview of the mobile web and its possibilties. Distinguishing between desktop and mobile browsers to deliver different experiences. Strategies and tools for developing mobile web sites and applications.
Use the support for css3 in mobile browsers to design the pages. Some things to consider when optimizing for mobile.
Store data persistantly in the client or the server. Make network calls to the server for fetching and updating data.
Package your mobile web application as a native application that is deployable in the platform application store of your choice, Google Play Store for Android and iTunes App Store for iOS. Get access to features not available in the standard mobile web browsers.
Determine the location of the mobile devices in latitude and longitude coordinates. Calculate distances and directions between locations. Use some simple database files with location information.
Use a design and feature library as a base when building a mobile web site or application. Get support for a wider range of mobile devices for free with jQuery Mobile
Some web tools that can be useful while designing and developing mobile web applications and completing the assignments. A Base64 encoder and image merger (for sprites).