0
Jeff Tillett@mojotillett
Introduction to thejQuery Mobile Framework
ObjectivesHave an understanding of why jQuery Mobileframework is of importance and understand thebasics of how it works.
What is onyour toolbelt?
Learning 2.0 and beyondtools design process  • Agile • Rapid development tools • HTML 5 • Social
JQuery is agreatjumping offpoint formobile
JQuery is agreatjumping offpoint formobile
What is jQuery MobilejQuery Mobile is a touch-optimized webframework (additionally known as aJavaScript library or a mobil...
A unified, HTML5-based user interfacesystem for all popular mobile deviceplatforms
Write less, do more!
jquerymobile.comStart here first!
Some great templatesjqmgallery.com
ToolsEasy WYSIWYG tool you can build andthen download the code
Lets look at some codeBasic Structure (Head)<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery Mobile Web App<...
Here is the key files/librariesjquery.mobile.cssjquery.jsjquery.mobile.js
Lets look at some code  Basic Structure (body)<body><div data-role="page" id="page"><div data-role="header"><h1>Page One</...
Actinglike andAPP
The JQuery Mobileframework iscompatible with othermobile app frameworksand platforms such asPhoneGap
PhoneGapis an open-source mobile developmentframework that enables softwareprogrammers to build applications formobile dev...
Now letstake adeeperdive!
Jeff Tillettwww.mojotillett.com
Scan this QRcode for acopy of thispresentation
The end!
Training Learning          Learning 2.0
Intro j query_mobile_mojo
Intro j query_mobile_mojo
Intro j query_mobile_mojo
Intro j query_mobile_mojo
Upcoming SlideShare
Loading in...5
×

Intro j query_mobile_mojo

797

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
797
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Measurement - Tin Can
  • JQuery is mobile web and app ready
  • Transcript of "Intro j query_mobile_mojo"

    1. 1. Jeff Tillett@mojotillett
    2. 2. Introduction to thejQuery Mobile Framework
    3. 3. ObjectivesHave an understanding of why jQuery Mobileframework is of importance and understand thebasics of how it works.
    4. 4. What is onyour toolbelt?
    5. 5. Learning 2.0 and beyondtools design process • Agile • Rapid development tools • HTML 5 • Social
    6. 6. JQuery is agreatjumping offpoint formobile
    7. 7. JQuery is agreatjumping offpoint formobile
    8. 8. What is jQuery MobilejQuery Mobile is a touch-optimized webframework (additionally known as aJavaScript library or a mobile framework)
    9. 9. A unified, HTML5-based user interfacesystem for all popular mobile deviceplatforms
    10. 10. Write less, do more!
    11. 11. jquerymobile.comStart here first!
    12. 12. Some great templatesjqmgallery.com
    13. 13. ToolsEasy WYSIWYG tool you can build andthen download the code
    14. 14. Lets look at some codeBasic Structure (Head)<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery Mobile Web App</title><link href="jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/><scriptsrc="jquery-1.5.min.js" type="text/javascript"></script><script src="1.0a3/jquery.mobile-1.0a3.min.js" type="text/javascript"></script></head>
    15. 15. Here is the key files/librariesjquery.mobile.cssjquery.jsjquery.mobile.js
    16. 16. Lets look at some code Basic Structure (body)<body><div data-role="page" id="page"><div data-role="header"><h1>Page One</h1> </div><div data-role="content"><ul data-role="listview"><li><a href="#page2">Page Two</a></li><li><a href="#page3">Page Three</a></li><li><a href="#page4">Page Four</a></li> </ul></div> <div data-role="footer"><h4>Page Footer</h4></div></div></body></html>
    17. 17. Actinglike andAPP
    18. 18. The JQuery Mobileframework iscompatible with othermobile app frameworksand platforms such asPhoneGap
    19. 19. PhoneGapis an open-source mobile developmentframework that enables softwareprogrammers to build applications formobile devices using JavaScript, HTML5and CSS3, instead of device specificlanguages such as Objective-C
    20. 20. Now letstake adeeperdive!
    21. 21. Jeff Tillettwww.mojotillett.com
    22. 22. Scan this QRcode for acopy of thispresentation
    23. 23. The end!
    24. 24. Training Learning Learning 2.0
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×