Suche senden
Hochladen
HTML5 and the dawn of rich mobile web applications pt 2
•
2 gefällt mir
•
10,115 views
James Pearce
Folgen
Technologie
Bildung
Melden
Teilen
Melden
Teilen
1 von 67
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
A Snapshot of the Mobile HTML5 Revolution
A Snapshot of the Mobile HTML5 Revolution
James Pearce
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web Apps
James Pearce
Bd conf sencha touch workshop
Bd conf sencha touch workshop
James Pearce
Create a mobile web app with Sencha Touch
Create a mobile web app with Sencha Touch
James Pearce
Introduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for All
Marc Grabanski
Intro to html 5
Intro to html 5
Ian Jasper Mangampo
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
crokitta
HTML5 and CSS3 refresher
HTML5 and CSS3 refresher
Ivano Malavolta
Empfohlen
A Snapshot of the Mobile HTML5 Revolution
A Snapshot of the Mobile HTML5 Revolution
James Pearce
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web Apps
James Pearce
Bd conf sencha touch workshop
Bd conf sencha touch workshop
James Pearce
Create a mobile web app with Sencha Touch
Create a mobile web app with Sencha Touch
James Pearce
Introduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for All
Marc Grabanski
Intro to html 5
Intro to html 5
Ian Jasper Mangampo
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
crokitta
HTML5 and CSS3 refresher
HTML5 and CSS3 refresher
Ivano Malavolta
Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)
Adam Lu
ActiveDOM
ActiveDOM
Felix Geisendörfer
jQuery Mobile
jQuery Mobile
Doncho Minkov
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
OPITZ CONSULTING Deutschland
HTML5 Essentials
HTML5 Essentials
Marc Grabanski
jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile: Progressive Enhancement with HTML5
Todd Anderson
Building jQuery Mobile Web Apps
Building jQuery Mobile Web Apps
Operation Mobile
Ruby on Rails: Building Web Applications Is Fun Again!
Ruby on Rails: Building Web Applications Is Fun Again!
judofyr
SPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuide
Mark Rackley
Local storage in Web apps
Local storage in Web apps
Ivano Malavolta
An Introduction To HTML5
An Introduction To HTML5
Robert Nyman
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
Mark Rackley
jQuery Mobile with HTML5
jQuery Mobile with HTML5
madhurpgarg
Intro to-html-backbone
Intro to-html-backbone
zonathen
SPTechCon - Share point and jquery essentials
SPTechCon - Share point and jquery essentials
Mark Rackley
The Days of Web Standards "IA" 20070715
The Days of Web Standards "IA" 20070715
Takashi Sakamoto
Web Apps and more
Web Apps and more
Yan Shi
The SharePoint & jQuery Guide - Updated 1/14/14
The SharePoint & jQuery Guide - Updated 1/14/14
Mark Rackley
Mobile themes, QR codes, and shortURLs
Mobile themes, QR codes, and shortURLs
Harvard Web Working Group
SharePoint Saturday St. Louis - SharePoint & jQuery
SharePoint Saturday St. Louis - SharePoint & jQuery
Mark Rackley
Enjoy the vue.js
Enjoy the vue.js
TechExeter
Building iPhone Web Apps using "classic" Domino
Building iPhone Web Apps using "classic" Domino
Rob Bontekoe
Weitere ähnliche Inhalte
Was ist angesagt?
Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)
Adam Lu
ActiveDOM
ActiveDOM
Felix Geisendörfer
jQuery Mobile
jQuery Mobile
Doncho Minkov
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
OPITZ CONSULTING Deutschland
HTML5 Essentials
HTML5 Essentials
Marc Grabanski
jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile: Progressive Enhancement with HTML5
Todd Anderson
Building jQuery Mobile Web Apps
Building jQuery Mobile Web Apps
Operation Mobile
Ruby on Rails: Building Web Applications Is Fun Again!
Ruby on Rails: Building Web Applications Is Fun Again!
judofyr
SPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuide
Mark Rackley
Local storage in Web apps
Local storage in Web apps
Ivano Malavolta
An Introduction To HTML5
An Introduction To HTML5
Robert Nyman
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
Mark Rackley
jQuery Mobile with HTML5
jQuery Mobile with HTML5
madhurpgarg
Intro to-html-backbone
Intro to-html-backbone
zonathen
SPTechCon - Share point and jquery essentials
SPTechCon - Share point and jquery essentials
Mark Rackley
The Days of Web Standards "IA" 20070715
The Days of Web Standards "IA" 20070715
Takashi Sakamoto
Web Apps and more
Web Apps and more
Yan Shi
The SharePoint & jQuery Guide - Updated 1/14/14
The SharePoint & jQuery Guide - Updated 1/14/14
Mark Rackley
Mobile themes, QR codes, and shortURLs
Mobile themes, QR codes, and shortURLs
Harvard Web Working Group
SharePoint Saturday St. Louis - SharePoint & jQuery
SharePoint Saturday St. Louis - SharePoint & jQuery
Mark Rackley
Was ist angesagt?
(20)
Html5 on Mobile(For Developer)
Html5 on Mobile(For Developer)
ActiveDOM
ActiveDOM
jQuery Mobile
jQuery Mobile
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...
HTML5 Essentials
HTML5 Essentials
jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile: Progressive Enhancement with HTML5
Building jQuery Mobile Web Apps
Building jQuery Mobile Web Apps
Ruby on Rails: Building Web Applications Is Fun Again!
Ruby on Rails: Building Web Applications Is Fun Again!
SPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuide
Local storage in Web apps
Local storage in Web apps
An Introduction To HTML5
An Introduction To HTML5
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
jQuery Mobile with HTML5
jQuery Mobile with HTML5
Intro to-html-backbone
Intro to-html-backbone
SPTechCon - Share point and jquery essentials
SPTechCon - Share point and jquery essentials
The Days of Web Standards "IA" 20070715
The Days of Web Standards "IA" 20070715
Web Apps and more
Web Apps and more
The SharePoint & jQuery Guide - Updated 1/14/14
The SharePoint & jQuery Guide - Updated 1/14/14
Mobile themes, QR codes, and shortURLs
Mobile themes, QR codes, and shortURLs
SharePoint Saturday St. Louis - SharePoint & jQuery
SharePoint Saturday St. Louis - SharePoint & jQuery
Ähnlich wie HTML5 and the dawn of rich mobile web applications pt 2
Enjoy the vue.js
Enjoy the vue.js
TechExeter
Building iPhone Web Apps using "classic" Domino
Building iPhone Web Apps using "classic" Domino
Rob Bontekoe
Your Custom WordPress Admin Pages Suck
Your Custom WordPress Admin Pages Suck
Anthony Montalbano
HTML5 New and Improved
HTML5 New and Improved
Timothy Fisher
iWebkit
iWebkit
Ryan Chung
One Size Fits All
One Size Fits All
Claudio Meinberg
Semantic accessibility
Semantic accessibility
Ian Stuart
Xxx
Xxx
syfwan
JQuery Mobile UI
JQuery Mobile UI
My own sweet home!
Introduction to Html5
Introduction to Html5
www.netgains.org
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
netmind
jQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveis
Pablo Garrido
Polymer
Polymer
Cyril Balit
Introduction to jQuery Mobile
Introduction to jQuery Mobile
ejlp12
Jquery 5
Jquery 5
Manish Kumar Singh
Introduction to Web Components
Introduction to Web Components
Felix Arntz
E3 appspresso hands on lab
E3 appspresso hands on lab
NAVER D2
E2 appspresso hands on lab
E2 appspresso hands on lab
NAVER D2
Design Systems, Pattern Libraries & WordPress
Design Systems, Pattern Libraries & WordPress
Jesse James Arnold
Jquery mobile2
Jquery mobile2
Inbal Geffen
Ähnlich wie HTML5 and the dawn of rich mobile web applications pt 2
(20)
Enjoy the vue.js
Enjoy the vue.js
Building iPhone Web Apps using "classic" Domino
Building iPhone Web Apps using "classic" Domino
Your Custom WordPress Admin Pages Suck
Your Custom WordPress Admin Pages Suck
HTML5 New and Improved
HTML5 New and Improved
iWebkit
iWebkit
One Size Fits All
One Size Fits All
Semantic accessibility
Semantic accessibility
Xxx
Xxx
JQuery Mobile UI
JQuery Mobile UI
Introduction to Html5
Introduction to Html5
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
jQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveis
Polymer
Polymer
Introduction to jQuery Mobile
Introduction to jQuery Mobile
Jquery 5
Jquery 5
Introduction to Web Components
Introduction to Web Components
E3 appspresso hands on lab
E3 appspresso hands on lab
E2 appspresso hands on lab
E2 appspresso hands on lab
Design Systems, Pattern Libraries & WordPress
Design Systems, Pattern Libraries & WordPress
Jquery mobile2
Jquery mobile2
Mehr von James Pearce
Mobile Device APIs
Mobile Device APIs
James Pearce
The City Bars App with Sencha Touch 2
The City Bars App with Sencha Touch 2
James Pearce
An Intro to Mobile HTML5
An Intro to Mobile HTML5
James Pearce
A mobile web app for Android in 75 minutes
A mobile web app for Android in 75 minutes
James Pearce
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1
James Pearce
Building a Mobile App with Sencha Touch
Building a Mobile App with Sencha Touch
James Pearce
Cross platform mobile web apps
Cross platform mobile web apps
James Pearce
City bars workshop
City bars workshop
James Pearce
San Diego Hackathon
San Diego Hackathon
James Pearce
Creating and Distributing Mobile Web Applications with PhoneGap
Creating and Distributing Mobile Web Applications with PhoneGap
James Pearce
Theming and Sass
Theming and Sass
James Pearce
An Introduction to Sencha Touch
An Introduction to Sencha Touch
James Pearce
Source Dev Con Keynote
Source Dev Con Keynote
James Pearce
Building Cloud-Based Cross-Platform Mobile Web Apps
Building Cloud-Based Cross-Platform Mobile Web Apps
James Pearce
Building cross platform mobile web apps
Building cross platform mobile web apps
James Pearce
Building tomorrow's web with today's tools
Building tomorrow's web with today's tools
James Pearce
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applications
James Pearce
Sencha Touch for Rubyists
Sencha Touch for Rubyists
James Pearce
Serving Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management Systems
James Pearce
Mehr von James Pearce
(19)
Mobile Device APIs
Mobile Device APIs
The City Bars App with Sencha Touch 2
The City Bars App with Sencha Touch 2
An Intro to Mobile HTML5
An Intro to Mobile HTML5
A mobile web app for Android in 75 minutes
A mobile web app for Android in 75 minutes
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1
Building a Mobile App with Sencha Touch
Building a Mobile App with Sencha Touch
Cross platform mobile web apps
Cross platform mobile web apps
City bars workshop
City bars workshop
San Diego Hackathon
San Diego Hackathon
Creating and Distributing Mobile Web Applications with PhoneGap
Creating and Distributing Mobile Web Applications with PhoneGap
Theming and Sass
Theming and Sass
An Introduction to Sencha Touch
An Introduction to Sencha Touch
Source Dev Con Keynote
Source Dev Con Keynote
Building Cloud-Based Cross-Platform Mobile Web Apps
Building Cloud-Based Cross-Platform Mobile Web Apps
Building cross platform mobile web apps
Building cross platform mobile web apps
Building tomorrow's web with today's tools
Building tomorrow's web with today's tools
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applications
Sencha Touch for Rubyists
Sencha Touch for Rubyists
Serving Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management Systems
Kürzlich hochgeladen
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Sergiu Bodiu
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
NavinnSomaal
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
Zilliz
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
Enterprise Knowledge
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
Mattias Andersson
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
hariprasad279825
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
Alex Barbosa Coqueiro
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Safe Software
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
Padma Pradeep
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
Slibray Presentation
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
Dubai Multi Commodity Centre
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
Fwdays
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Hervé Boutemy
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Memoori
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Miki Katsuragi
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
ScyllaDB
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
Addepto
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
Kalema Edgar
Kürzlich hochgeladen
(20)
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
HTML5 and the dawn of rich mobile web applications pt 2
1.
HTML5 and the
dawn of rich mobile web applications @ jamespearce
2.
Part II jQuery Mobile Sencha
Touch
3.
4.
jQuery Mobile
5.
http://jquerymobile.com/
6.
“A unified user
interface system that works seamlessly across all popular mobile device platforms”
7.
Key features
Built on jQuery Modular library Markup-driven configuration Progressive enhancement
8.
9.
<!DOCTYPE html> <html>
<head> <title>jQuery Mobile</title> <script src="jq.js"></script><script src="jqm.js"></script> <link rel="stylesheet" href="jqm.css" /> </head> <body> <div data-role="page" id="home"> <div data-role="header"> <h1>Hello World</h1> </div> <div data-role="content"> <ul data-role="listview" data-inset="true"> <li data-role="list-divider">Continents</li> <li><a href="na.html">North America</a></li> <li><a href="sa.html">South America</a></li> <li><a href="eu.html">Europe</a></li> </ul> </div> </div> </body> </html>
10.
11.
Page ... <body>
<div data-role="page" id="home"> <div data-role="header"> ... </div> <div data-role="content"> ... </div> <div data-role="footer"> ... </div> </div> </body> ...
12.
Multiple Pages ... <body>
<div data-role="page" id="home"> <a href="#products">Products</a> </div> <div data-role="page" id="products"> ... </div> <div data-role="page" id="about"> ... </div> </body> ...
13.
Disable AJAX ... <body>
<div data-role="page" id="home"> <a href="#products" data-ajax="false">Products</a> <a href="http://google.com" rel="external">Google</a> </div> <div data-role="page" id="products"> ... </div> </body> ...
14.
Back buttons ... <body>
<div data-role="page" id="home"> <a href="#products">Products</a> </div> <div data-role="page" id="products"> <a href="#home" data-rel="back">Home</a> </div> </body> ...
15.
Transitions ... <body>
<div data-role="page" id="home"> <a href="#products" data-transition="fade">Products</a> </div> <!-- slide, slideup, slidedown, pop, fade, flip --> </body> ...
16.
Dialogs ... <body>
<div data-role="page" id="home"> <a href="#products" data-rel="dialog">Products</a> </div> </body> ...
17.
Themes ... <body>
<div data-role="page" id="home" data-theme="b"> ... </div> </body> ...
18.
Toolbars <div data-role="header" data-position="inline"> !
<a href="index.html" data-icon="delete">Cancel</a> ! <h1>Edit Contact</h1> ! <a href="index.html" data-icon="check">Save</a> </div>
19.
Footer <div data-role="footer" class="ui-bar">
<a href="delete.html" data-icon="delete" >Remove</a> <a href="add.html" data-icon="plus" >Add</a> <a href="up.html" data-icon="arrow-u">Up</a> <a href="down.html" data-icon="arrow-d">Down</a> </div>
20.
Fixed footer <div data-role="footer"
data-position="fixed"> ... </div>
21.
Buttons <a href="index.html" data-role="button">Link
button</a> <a href="index.html" data-role="button" data-icon="delete">Delete</a>
22.
Grouped buttons <div data-role="controlgroup">
<a href="yes.html" data-role="button">Yes</a> <a href="no.html" data-role="button">No</a> <a href="maybe.html" data-role="button">Maybe</a> </div>
23.
Grouped buttons 2 <div
data-role="controlgroup" data-type="horizontal"> <a href="yes.html" data-role="button">Yes</a> <a href="no.html" data-role="button">No</a> <a href="maybe.html" data-role="button">Maybe</a> </div>
24.
Icons
25.
Forms
26.
Lists <ul data-role="listview"> !
<li><a href="acura.html">Acura</a></li> ! <li><a href="audi.html">Audi</a></li> ! <li><a href="bmw.html">BMW</a></li> ... </ul>
27.
jQuery Mobile Demo
28.
Sencha Touch
29.
A JavaScript framework
for building rich mobile apps with web standards
30.
http://sencha.com/touch
31.
Components
32.
Data access &
MVC
33.
Forms
34.
Scrolling
35.
Touch Events
36.
Theming
37.
Charts
38.
Kitchen Sink http://sencha.com/x/5e
39.
40.
41.
<!DOCTYPE html> <html>
<head> <title>Hello World</title> <script src="lib/touch/sencha-‐touch.js"></script> <script src="app/app.js"></script> <link href="lib/touch/resources/css/sencha-‐touch.css" rel="stylesheet" type="text/css" /> </head> <body></body> </html>
42.
new Ext.Application({
launch: function() { new Ext.Panel({ fullscreen: true, dockedItems: [{xtype:'toolbar', title:'My First App'}], layout: 'fit', styleHtmlContent: true, html: '<h2>Hello World!</h2>I did it!' }); } });
43.
44.
Lists var list =
new Ext.List({ store: store, itemTpl: '{firstName} {lastName}', grouped: true, indexBar: true });
45.
Nested Lists var list
= new Ext.NestedList({ store: store, displayField: 'name', title: 'My List', updateTitleText: true, getDetailCard: function(record, parent) {..} });
46.
Carousels var carousel =
new Ext.Carousel({ direction: 'horizontal', indicator: true, items: [ .. ] });
47.
Sheets var sheet =
new Ext.ActionSheet({ items: [ { text: 'Delete draft', ui: 'decline' }, { text: 'Save draft' }, { text: 'Cancel', } ] }); sheet.show();
48.
Common patterns
1 var list = new Ext.List({ store: store, itemTpl: '{firstName} {lastName}', grouped: true, indexBar: true }); var panel = new Ext.Panel({ fullscreen: true, layout: 'fit', items: [list] });
49.
Common patterns
2 var panel = new Ext.Panel({ fullscreen: true, layout: 'fit', items: [{ xtype: 'list', store: store, itemTpl: '{firstName} {lastName}', grouped: true, indexBar: true }] });
50.
Sencha Touch Demo
51.
Closing thoughts
52.
Embrace hybrid
53.
Web Compromise
sites Web apps Hybrid apps Native apps Nativeness
54.
Embrace the device
55.
Hybrid apps
UIWebView WebView HTML CSS Stores JS Device APIs
56.
e.g. PhoneGap Accelerometer
File Camera Geolocation Compass Media Contacts Network Device Notification Events Storage
57.
e.g. NimbleKit
58.
http://sencha.com/x/cy http://sencha.com/x/de
59.
Embrace the tools
60.
http://phonegap.github.com/weinre
61.
Embrace responsiveness
62.
http://sencha.com/x/cv
63.
Embrace o ine
64.
$> phantomjs confess.js
http://mysite.com/ CACHE MANIFEST # This manifest was created by confess.js # Time: Wed Sep 14 2011 10:14:45 GMT-‐0700 (PDT) # User-‐agent: Mozilla/5.0 ... CACHE: app/app.js app/yelp.js http://cdn.sencha.io/touch/1.1.0/sencha-‐touch.js http://maps.google.com/maps/api/js?sensor=true http://maps.gstatic.com/intl/en_us/mapfiles/api-‐3/6/4/main.js theming/app.css NETWORK: * http://github.com/jamesgpearce/confess
65.
Embrace mobile
66.
built with Apps vs
web technology
67.
James Pearce @ jamespearce
Jetzt herunterladen