Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Intro j query_mobile_mojo
Similaire à Intro j query_mobile_mojo (20)
Intro j query_mobile_mojo
- 3. Introduction to the jQuery Mobile Framework
- 4. Objectives Have an understanding of why jQuery Mobile framework is of importance and understand the basics of how it works.
- 6. What is on your tool belt?
- 7. Learning 2.0 and beyond tools design process • Agile • Rapid development tools • HTML 5 • Social
- 8. JQuery is a great jumping off point for mobile
- 9. JQuery is a great jumping off point for mobile
- 10. What is jQuery Mobile jQuery Mobile is a touch-optimized web framework (additionally known as a JavaScript library or a mobile framework)
- 11. A unified, HTML5-based user interface system for all popular mobile device platforms
- 12. Write less, do more!
- 15. Tools Easy WYSIWYG tool you can build and then download the code
- 16. Lets look at some code Basic 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"/><script src="jquery-1.5.min.js" type="text/javascript"></script><script src="1.0a3/jquery.mobile- 1.0a3.min.js" type="text/javascript"></script> </head>
- 17. Here is the key files/libraries jquery.mobile.cssjquery.jsjquery.mobile.js
- 18. 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>
- 20. The JQuery Mobile framework is compatible with other mobile app frameworks and platforms such as PhoneGap
- 21. PhoneGap is an open-source mobile development framework that enables software programmers to build applications for mobile devices using JavaScript, HTML5 and CSS3, instead of device specific languages such as Objective-C
- 24. Scan this QR code for a copy of this presentation
- 26. The end!
- 28. Training Learning Learning 2.0
Notes de l'éditeur
- Measurement - Tin Can
- JQuery is mobile web and app ready