Lesson 1: Jquery Mobile Web

Lesson 1: Jquery Mobile Web:

Use Smashing Magazine and Honkiat pages as guides(links on other doc).

Introduced Jquery for:

jQuery Mobile can help in the following circumstances:

●     Different screen sizes, pixel densities (DPI) and orientations;

●     Different compatibility in terms of HTML5 and CSS3;

●     New platforms appearing every couple of months (if you don’t believe me, Windows 8, Firefox OS and BlackBerry 10 will reach the market in the next couple of months);

●     Dozens of hacks that we need to implement for each platform and to update almost every couple of months when a new browser appears.

jQuery Mobile was released to help designers and developers create mobile Web experiences that are easy to build, multiplatform, customizable and unobtrusive in code.

jQuery Mobile is not:

●      jQuery alternative for mobile browsers;

●     SDK for packaging native Web apps;

●     a framework for JavaScript lovers (“Huh?” Just wait a paragraph);

●     the right solution for all mobile applications and websites.

Platform for variety of mobile operating systems

●     HTML5 Based

●     Page within a page

●     Media queries

●     Jquery Mobilewebpage

Links to necessary files to Jquery to work.

Good for variety of screen resolutions(responsive)

Features and OS Support System

View Template 1:Go through code and discuss the layout and components

http://jquerymobile.com/demos/1.2.1/docs/pages/multipage-template.html

(Show Code & Explain Page Within A Page)