Top Banner
HTML5 and JQueryMobile CCT Dev Zone 2013 Keir Bowden @bob_buzzard
15

HTML5 and jQuery Mobile

Sep 20, 2014

Download

Technology

Slide deck from my session at the London Customer Company Tour 2012. More details can be found in the accompanying blog post at:

http://bobbuzzard.blogspot.co.uk/2013/05/mobile-web-apps-with-html5-and-jquery.html
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: HTML5 and jQuery Mobile

HTML5 and JQueryMobileCCT Dev Zone 2013

Keir Bowden@bob_buzzard

Page 2: HTML5 and jQuery Mobile

About me

CTO of BrightGen

4.5 Years Force.com

2 Years JQueryMobile

Force.com MVP

Page 3: HTML5 and jQuery Mobile

Mobile web app

Web pages

Access via browser

Basic device features

Transactional

Page 4: HTML5 and jQuery Mobile

JQueryMobile

Mobile UI framework

Touch optimized

Cross Device

Built on JQuery

Page 5: HTML5 and jQuery Mobile

Progressive enhancement

Layered approach

HTML for basic devices

Enhance through CSS

Enhance through JavaScript

Page 6: HTML5 and jQuery Mobile

HTML5 custom attributes

Page 7: HTML5 and jQuery Mobile

Single page application

Page 8: HTML5 and jQuery Mobile

Business logic

Visualforce controller

Client side JavaScript– Rest API

– JavaScript remoting

Page 9: HTML5 and jQuery Mobile

JavaScript remoting

Controller method

Page 10: HTML5 and jQuery Mobile

JavaScript remoting

Invoke via JavaScript

Callback function

Page 11: HTML5 and jQuery Mobile

Sample application

Todo list

View/Complete/Create Tasks

Group tasks

Create groups

Page 12: HTML5 and jQuery Mobile

Technology

Force.com

JQueryMobile 1.3.1

JavaScript

Page 13: HTML5 and jQuery Mobile

Demo

Page 14: HTML5 and jQuery Mobile

Questions

http://bobbuzz.me.uk/15Mb7RP

Page 15: HTML5 and jQuery Mobile

Feedback / follow up

@bob_buzzard

facebook.com/TheRealBobBuzzard

http://bobbuzzard.blogspot.co.uk