Mobile devices and the iPhone have completely altered the way we experience the Internet, browse web pages and consume online content.

More and more people are using their mobile device, be it an Android or an iPhone, to find data relevant to them wherever they are. More and more web sites now need to adjust themselves to the new world, and adapt their content so it will work well on the small screen.

This course deals with building the mobile web, and mobile web applications. We learn the basics of how a mobile device is different from a desktop, the different mobile browser types, the techniques to develop a mobile aware web site, and how to deliver our content through the web and through the various app stores.

Mobile web is the opportunity to build your content once, and deliver it as a native app that will work the same on all major platforms.

Course Index

Day	Lesson
Day 1	Introduction
	JavaScript
Day 2	Mobile CSS
	jQuery Mobile
Day 3	HTML5 Mobile APIs
	Package With PhoneGap
Day 4	Ajax and WebSockets
	Ajax Exercises

Course Objectives:

• Develop And Distribute Mobile Applications for iPhone And Android Devices.
• Use HTML5 and CSS3 to write modern mobile web applications.
• Use jQuery Mobile to build Mobile friendly user interface

Duration: 4 days. Target Audience: Web Developers

Hello Mobile

• Mobile vs Web
• The Tools
• Debugging Techniques
• Mobile Frameworks Overview: Sencha touch, jQuery mobile, jQtouch

The Single Html Paradigm

• Moving to a Single Index.html
• Handling js/css Files
• Writing An Automated Build Script

Javascript For Mobile Developers

• Object Oriented Javascript
• Code Architecture For An App
• Handling Namespaces
• Avoiding Global Variables
• Using Objects Efficiently
• Memory Management

CSS For Mobile Devices

• Working With Different Screen Sizes
• CSS Media Types
• CSS3 Advanced Features

UI Design With jQuery Mobile

• Page Architecture
• Writing List Views
• Creating Icon Grids
• Adding Buttons
• Adding Toolbars and Tab Bars
• Wiring Up Actions

Using HTML5 Mobile Apis

• Location API
• Client Side Storage
• Canvas
• Audio and Videos

• Introducing Phonegap
• Package For The Iphone
• Package For Android

AJAX And Client/Server Applications (Optional)

• Data transfer using JSON.
• Parsing and building DOM elements from JSON data.
• The single page pattern.
• The same origin policy and JSONP
• Using web sockets API for “push” notifications