Mobile Web Design (JQuery Mobile Framework)

Dear all,

Especially for students who interested to learn on JQUERY MOBILE WEB FRAMEWORK... Beside JQuery Mobile, you also can use Zepto, DynamicX, Sencha, iWebKit and others framework.

First step to learn mobile web is to understand the mobile framework. Same as HTML, you also must understand the framework of HTML5 and CSS3 to start create your own mobile web.

Example: Using JQUERY mobile - Create Mobile JTMK Website

1. Download the builder http://jquerymobile.com/download/ - Javascript and CSS
2. Install your web server
3. Create your html file, then copy and paste snippet. (your .css and .js stored on htdocs/www, example: mjtmk folder and create a single js and css folder inside mjtmk)

Download here http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.zip

htdocs/mjtmk/css - css file
htdocs/mjtmk/js - javascript file
htdocs/mjtmk - your html/php file
htdocs/mjtmk/image - your images folder

Alter your head of html file and insert the snippet below:

4.  After you insert the snippet, then start learn on HTML5 codes. For the beginner, i think this website help us a lot. http://iviewsource.com/coding/5-minute-guide-to-a-mobile-app-with-jquery-mobile/



Good Luck....

Time to say goodbye to all my PUO students and beloved friends. Allah Bless all of you...

Work hard and work smart =)