Intro j query_mobile_mojo
Upcoming SlideShare
Loading in...5
×
 

Intro j query_mobile_mojo

on

  • 894 views

 

Statistics

Views

Total Views
894
Views on SlideShare
332
Embed Views
562

Actions

Likes
0
Downloads
2
Comments
0

4 Embeds 562

http://www.mojocat.com 543
http://mojocat.com 16
http://www.linkedin.com 2
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Measurement - Tin Can
  • JQuery is mobile web and app ready

Intro j query_mobile_mojo Intro j query_mobile_mojo Presentation Transcript

  • 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 mobile framework)
  • 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</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>
  • 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</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>
  • 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 devices using JavaScript, HTML5and CSS3, instead of device specificlanguages such as Objective-C
  • Now letstake adeeperdive!
  • Jeff Tillettwww.mojotillett.com
  • Scan this QRcode for acopy of thispresentation
  • The end!
  • Training Learning Learning 2.0