HTML5 and jQuery Mobile

15
HTML5 and JQueryMobile CCT Dev Zone 2013 Keir Bowden @bob_buzzard
  • date post

    20-Sep-2014
  • Category

    Technology

  • view

    814
  • download

    2

TAGS:

description

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

Transcript of HTML5 and jQuery Mobile

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