Introduction to jQuery Mobile

A high level overview of jQuery Mobile, covering its purpose, goals and features. Presented by @johnyanarella to various audiences in late 2011.

Transcript

1. Presented by: John Yanarella @johnyanarella An introduction to
2. So many devices... so little time. Is the web the answer?
3. The mobile web is hard...
4. makes it easy.
5. A web framework built on
6. Open Source GPLv2 License MIT License
7. Hosted on https://github.com/jquery/jquery-mobile
8. Sponsored by
9. Cross-Device
10. Cross-Platform
11. Cross-Browser
13. Progressive Enhancement Graceful Degradation
14. Ajax-based page loading and navigation system Pages injected into DOM with animated transitions Maintains ‘Back’ button and bookmarking support Navigation
15. A B C Full enhanced experience with Ajax-based animated page transitions. Enhanced experience except without Ajax navigation features. Basic, non-enhanced HTML experience that is still functional
16. Touch and Gesture Events Tap Tap and Hold Swipe
17. Unified User Interface Enhances standard HTML form elements Touch-optimized, platform agnostic, themeable controls Controls degrade to native equivalents
18. Accessibility WAI-ARIA compliant Screen reader support VoiceOver in iOS
19. Themeable Appearance Real-time preview 26 unique colors watches Gradient tools Adobe Kuler integration Shareable theme URLs Download and import
20. Demo
21. Plays well with others...
22. https://github.com/CodeCatalyst/ko.jqm.bindings https://github.com/tigbro/jquery-mobile-angular-adapter <angular/>
23. Official website http://jquerymobile.com/ Documentation and demonstrations http://jquerymobile.com/demos/ Twitter @jquerymobile Books, plugins, extensions, etc. http://jquerymobile.com/resources/ Resources