Upload
eric-turcotte
View
2.017
Download
6
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
2. jQuery Mobile
Brief History
Web
Mobile
JSVM
Why?
jQuery
jQuery Mobile
3. Brief History of Web Languages
1991HTML Tags
1995HTML 2LiveScript
1996JScript, EcmaScriptCSS 1
1997HTML 3
1997HTML 4
1998EcmaScript 1 & 2, JavaScript 1.3CSS 2
1999CSS 3
2000XHTML 1.0EcmaScript 3, JavaScript 1.5
2001XHTML 1.1
2005 JavaScript 1.6
2006JavaScript 1.7, jQuery
2008HTML 5JavaScript 1.8
2010EcmaScript 5, JavaScript 1.8.5
4. Brief History of Mobile
1900 Reginald Fessenden
1901 First transatlantic radio transmission Guglielmo Marconi
1946 First mobile phone
call
5. Brief History of Mobile
6. Brief History of Mobile
1G
DynaTAC 8000X
7. Brief History of Mobile
2G
1G
DynaTAC 8000X
8. Brief History of Mobile
3G
Smartphones
2G
WAP
1G
DynaTAC 8000X
9. Brief History of Mobile
4G
Android
iPhone
3G
Smartphones
2G
WAP
1G
DynaTAC 8000X
10. Culmination of Awesome
11. With Some Not So Awesome
Standards vs. evolution
Browser implementations
Device differences
Desktop
Phone
Tablet
Operating systems
App stores
12. Browsers
13. Operating Systems
14. Trend Trends
15. With Some Not So Awesome
iOS
Android
Blackberry
Palm
Symbian
Windows
MeeGo
Desktop
16. With Some Not So Awesome
iOS
Android
Blackberry
Palm
Tablet 1.0.7
2.0
Froyo
Ice Cream Sandwich
1
3G
Tablet 1.0.2
7
3.0
4G
4.5
5
1.4
1.2
3GS
Gingerbread
Honeycomb
4.6
6
Opera
Firefox
1.1.99
Mobile 5
1
Symbian^3
Symbian^2
Mobile 6
Safari
1.3
Phone 7
IE
Symbian^1
Symbian^4
1.2
Symbian
Windows
MeeGo
Desktop
17. With Some Not So Awesome
iOS
Android
Blackberry
Palm
Tablet 1.0.7
2.0
Froyo
Ice Cream Sandwich
1
3G
Tablet 1.0.2
7
3.0
4G
4.5
5
1.4
1.2
3GS
Gingerbread
Honeycomb
4.6
6
Opera
Firefox
1.1.99
Mobile 5
1
Symbian^3
Symbian^2
Mobile 6
Safari
1.3
Phone 7
IE
Symbian^1
Symbian^4
1.2
Symbian
Windows
MeeGo
Desktop
18. App Stores
111 app stores
Android Market
App Catalog
App Store
App World
Ovi Store
Windows Phone Marketplace
Amazon
19. JSVM
20. JSVM
Cross-browser support
DOM manipulation
CSS manipulation
AJAX
Selectors
Event handling
Utilities
Widgets
Effects & animation
Progressive enhancement/Graceful degredation
Plugins
21. Why jQuery?
Free
Choose your license
Small
Active, vibrant community
Popular
Mature set of widgets
Easy to get help
22. Easy to Get jQuery Help
23. Why jQuery Mobile?
Top Job Trends
HTML5
Mobile app
Android
Twitter
jQuery
Facebook
Social Media
iPhone
Cloud Computing
Virtualization
24. jQuery
Started Aug 2006
31 KB
Used by 43% of top 10,000 most visited sites
Licenses: GPL or MIT
Ecosystem
jQuery Core
jQuery UI
jQuery Mobile
QUnit
Sizzle
Plugins
25. jQuery
Is $
$(document).ready()
Element selection
By
Tag name
CSS class
ID
Hierarchy
Sizzle
W3C Selectors API
Themeable
26. jQuery Mobile
Started October 2010
Currently 1.0 Beta 2
Feature complete
Licenses: GPL or MIT
26 KB
Markup driven
Leverages HTML5 data- attributes
Themeable
Accessibility (WAI-ARIA)
Touch events
Touch focused UI
27.
28.
29.
30. Transitions
slide
Slide right to left (default)
slideup
Slide from the bottom to the top
slidedown
Slide from the top to the bottom
pop
Expand the new page for popups and dialogs
fade
Fade the new page in
flip
Flip the old and new page
31. Roles
Buttons
data-role="button"
submit, reset, button, or image
Collapsible content
data-role="collapsible"
data-state="collapsed"
Form
Automatically replaces form elements
data-role="slider"