Suche senden
Hochladen
Building a Mobile App with Sencha Touch
•
2 gefällt mir
•
1,669 views
James Pearce
Folgen
Technologie
Design
Melden
Teilen
Melden
Teilen
1 von 37
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Let's write secure Drupal code! - 13.09.2018 @ Drupal Europe, Darmstadt, Germany
Let's write secure Drupal code! - 13.09.2018 @ Drupal Europe, Darmstadt, Germany
Balázs Tatár
RubyBarCamp “Полезные gems и plugins”
RubyBarCamp “Полезные gems и plugins”
apostlion
WordCamp Montreal 2015: Combining Custom Post Types, Fields, and Meta Boxes t...
WordCamp Montreal 2015: Combining Custom Post Types, Fields, and Meta Boxes t...
allilevine
Jqeury ajax plugins
Jqeury ajax plugins
Inbal Geffen
PhoneGap: Local Storage
PhoneGap: Local Storage
Ivano Malavolta
Let jQuery Rock Your World
Let jQuery Rock Your World
Matt Gifford
Migrare da symfony 1 a Symfony2
Migrare da symfony 1 a Symfony2
Massimiliano Arione
Sins Against Drupal 2
Sins Against Drupal 2
Aaron Crosman
Empfohlen
Let's write secure Drupal code! - 13.09.2018 @ Drupal Europe, Darmstadt, Germany
Let's write secure Drupal code! - 13.09.2018 @ Drupal Europe, Darmstadt, Germany
Balázs Tatár
RubyBarCamp “Полезные gems и plugins”
RubyBarCamp “Полезные gems и plugins”
apostlion
WordCamp Montreal 2015: Combining Custom Post Types, Fields, and Meta Boxes t...
WordCamp Montreal 2015: Combining Custom Post Types, Fields, and Meta Boxes t...
allilevine
Jqeury ajax plugins
Jqeury ajax plugins
Inbal Geffen
PhoneGap: Local Storage
PhoneGap: Local Storage
Ivano Malavolta
Let jQuery Rock Your World
Let jQuery Rock Your World
Matt Gifford
Migrare da symfony 1 a Symfony2
Migrare da symfony 1 a Symfony2
Massimiliano Arione
Sins Against Drupal 2
Sins Against Drupal 2
Aaron Crosman
jQuery - 10 Time-Savers You (Maybe) Don't Know
jQuery - 10 Time-Savers You (Maybe) Don't Know
girish82
Drupal sins 2016 10-06
Drupal sins 2016 10-06
Aaron Crosman
jQuery
jQuery
Andrew Homeyer
Extjsslides 091216224157-phpapp02
Extjsslides 091216224157-phpapp02
Charles Ferentchak
Add edit delete in Codeigniter in PHP
Add edit delete in Codeigniter in PHP
Vineet Kumar Saini
Pagination in PHP
Pagination in PHP
Vineet Kumar Saini
Country State City Dropdown in PHP
Country State City Dropdown in PHP
Vineet Kumar Saini
PowerCMS X
PowerCMS X
純生 野田
Let's write secure Drupal code!
Let's write secure Drupal code!
Balázs Tatár
JavaScript patterns
JavaScript patterns
Norihito YAMAKAWA
Keep It Simple Security (Symfony cafe 28-01-2016)
Keep It Simple Security (Symfony cafe 28-01-2016)
Oleg Zinchenko
Add loop shortcode
Add loop shortcode
Peter Baylies
jQuery and Rails, Sitting in a Tree
jQuery and Rails, Sitting in a Tree
adamlogic
Pemrograman Web 9 - Input Form DB dan Session
Pemrograman Web 9 - Input Form DB dan Session
Nur Fadli Utomo
Pemrograman Web 8 - MySQL
Pemrograman Web 8 - MySQL
Nur Fadli Utomo
Xmpp prebind
Xmpp prebind
Syed Arshad
JQuery introduction
JQuery introduction
Pradeep Saraswathi
webstudy jquery
webstudy jquery
Seungho Han
Bacbkone js
Bacbkone js
Артём Курапов
Your Entity, Your Code
Your Entity, Your Code
Marco Vito Moscaritolo
Create a mobile web app with Sencha Touch
Create a mobile web app with Sencha Touch
James Pearce
A mobile web app for Android in 75 minutes
A mobile web app for Android in 75 minutes
James Pearce
Weitere ähnliche Inhalte
Was ist angesagt?
jQuery - 10 Time-Savers You (Maybe) Don't Know
jQuery - 10 Time-Savers You (Maybe) Don't Know
girish82
Drupal sins 2016 10-06
Drupal sins 2016 10-06
Aaron Crosman
jQuery
jQuery
Andrew Homeyer
Extjsslides 091216224157-phpapp02
Extjsslides 091216224157-phpapp02
Charles Ferentchak
Add edit delete in Codeigniter in PHP
Add edit delete in Codeigniter in PHP
Vineet Kumar Saini
Pagination in PHP
Pagination in PHP
Vineet Kumar Saini
Country State City Dropdown in PHP
Country State City Dropdown in PHP
Vineet Kumar Saini
PowerCMS X
PowerCMS X
純生 野田
Let's write secure Drupal code!
Let's write secure Drupal code!
Balázs Tatár
JavaScript patterns
JavaScript patterns
Norihito YAMAKAWA
Keep It Simple Security (Symfony cafe 28-01-2016)
Keep It Simple Security (Symfony cafe 28-01-2016)
Oleg Zinchenko
Add loop shortcode
Add loop shortcode
Peter Baylies
jQuery and Rails, Sitting in a Tree
jQuery and Rails, Sitting in a Tree
adamlogic
Pemrograman Web 9 - Input Form DB dan Session
Pemrograman Web 9 - Input Form DB dan Session
Nur Fadli Utomo
Pemrograman Web 8 - MySQL
Pemrograman Web 8 - MySQL
Nur Fadli Utomo
Xmpp prebind
Xmpp prebind
Syed Arshad
JQuery introduction
JQuery introduction
Pradeep Saraswathi
webstudy jquery
webstudy jquery
Seungho Han
Bacbkone js
Bacbkone js
Артём Курапов
Your Entity, Your Code
Your Entity, Your Code
Marco Vito Moscaritolo
Was ist angesagt?
(20)
jQuery - 10 Time-Savers You (Maybe) Don't Know
jQuery - 10 Time-Savers You (Maybe) Don't Know
Drupal sins 2016 10-06
Drupal sins 2016 10-06
jQuery
jQuery
Extjsslides 091216224157-phpapp02
Extjsslides 091216224157-phpapp02
Add edit delete in Codeigniter in PHP
Add edit delete in Codeigniter in PHP
Pagination in PHP
Pagination in PHP
Country State City Dropdown in PHP
Country State City Dropdown in PHP
PowerCMS X
PowerCMS X
Let's write secure Drupal code!
Let's write secure Drupal code!
JavaScript patterns
JavaScript patterns
Keep It Simple Security (Symfony cafe 28-01-2016)
Keep It Simple Security (Symfony cafe 28-01-2016)
Add loop shortcode
Add loop shortcode
jQuery and Rails, Sitting in a Tree
jQuery and Rails, Sitting in a Tree
Pemrograman Web 9 - Input Form DB dan Session
Pemrograman Web 9 - Input Form DB dan Session
Pemrograman Web 8 - MySQL
Pemrograman Web 8 - MySQL
Xmpp prebind
Xmpp prebind
JQuery introduction
JQuery introduction
webstudy jquery
webstudy jquery
Bacbkone js
Bacbkone js
Your Entity, Your Code
Your Entity, Your Code
Ähnlich wie Building a Mobile App with Sencha Touch
Create a mobile web app with Sencha Touch
Create a mobile web app with Sencha Touch
James Pearce
A mobile web app for Android in 75 minutes
A mobile web app for Android in 75 minutes
James Pearce
Intro to sencha touch
Intro to sencha touch
Chandra S Oemarjadi
HTML5 and the dawn of rich mobile web applications pt 2
HTML5 and the dawn of rich mobile web applications pt 2
James Pearce
Sencha touch
Sencha touch
Akshay Prabhu
SenchaCon 2016: Ext JS + React: A Match Made in UX Heaven - Mark Brocato
SenchaCon 2016: Ext JS + React: A Match Made in UX Heaven - Mark Brocato
Sencha
Connect.js - Exploring React.Native
Connect.js - Exploring React.Native
joshcjensen
Sperimentazioni lezione6 from_designtoapplication copy
Sperimentazioni lezione6 from_designtoapplication copy
Salvatore Iaconesi
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
netmind
Paris js extensions
Paris js extensions
erwanl
HTML5: huh, what is it good for?
HTML5: huh, what is it good for?
Remy Sharp
Aplicacoes dinamicas Rails com Backbone
Aplicacoes dinamicas Rails com Backbone
Rafael Felix da Silva
Rails is not just Ruby
Rails is not just Ruby
Marco Otte-Witte
The City Bars App with Sencha Touch 2
The City Bars App with Sencha Touch 2
James Pearce
Big Data for each one of us
Big Data for each one of us
OSCON Byrum
Mozilla Web Apps - Super-VanJS
Mozilla Web Apps - Super-VanJS
Robert Nyman
Html5 For Jjugccc2009fall
Html5 For Jjugccc2009fall
Shumpei Shiraishi
Ext JS Introduction
Ext JS Introduction
Anand Dayalan
How to use lekhoniya.pdf
How to use lekhoniya.pdf
SubhamMandal40
RichFaces: rich:* component library
RichFaces: rich:* component library
Max Katz
Ähnlich wie Building a Mobile App with Sencha Touch
(20)
Create a mobile web app with Sencha Touch
Create a mobile web app with Sencha Touch
A mobile web app for Android in 75 minutes
A mobile web app for Android in 75 minutes
Intro to sencha touch
Intro to sencha touch
HTML5 and the dawn of rich mobile web applications pt 2
HTML5 and the dawn of rich mobile web applications pt 2
Sencha touch
Sencha touch
SenchaCon 2016: Ext JS + React: A Match Made in UX Heaven - Mark Brocato
SenchaCon 2016: Ext JS + React: A Match Made in UX Heaven - Mark Brocato
Connect.js - Exploring React.Native
Connect.js - Exploring React.Native
Sperimentazioni lezione6 from_designtoapplication copy
Sperimentazioni lezione6 from_designtoapplication copy
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
Paris js extensions
Paris js extensions
HTML5: huh, what is it good for?
HTML5: huh, what is it good for?
Aplicacoes dinamicas Rails com Backbone
Aplicacoes dinamicas Rails com Backbone
Rails is not just Ruby
Rails is not just Ruby
The City Bars App with Sencha Touch 2
The City Bars App with Sencha Touch 2
Big Data for each one of us
Big Data for each one of us
Mozilla Web Apps - Super-VanJS
Mozilla Web Apps - Super-VanJS
Html5 For Jjugccc2009fall
Html5 For Jjugccc2009fall
Ext JS Introduction
Ext JS Introduction
How to use lekhoniya.pdf
How to use lekhoniya.pdf
RichFaces: rich:* component library
RichFaces: rich:* component library
Mehr von James Pearce
Mobile Device APIs
Mobile Device APIs
James Pearce
An Intro to Mobile HTML5
An Intro to Mobile HTML5
James Pearce
A Snapshot of the Mobile HTML5 Revolution
A Snapshot of the Mobile HTML5 Revolution
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
Cross platform mobile web apps
Cross platform mobile web apps
James Pearce
Bd conf sencha touch workshop
Bd conf sencha touch workshop
James Pearce
City bars workshop
City bars workshop
James Pearce
San Diego Hackathon
San Diego Hackathon
James Pearce
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web Apps
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
An Intro to Mobile HTML5
An Intro to Mobile HTML5
A Snapshot of the Mobile HTML5 Revolution
A Snapshot of the Mobile HTML5 Revolution
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1
Cross platform mobile web apps
Cross platform mobile web apps
Bd conf sencha touch workshop
Bd conf sencha touch workshop
City bars workshop
City bars workshop
San Diego Hackathon
San Diego Hackathon
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web Apps
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
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Pixlogix Infotech
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Kürzlich hochgeladen
(20)
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Building a Mobile App with Sencha Touch
1.
Sencha Touch
@ jamespearce
2.
A JavaScript framework
for building rich mobile apps with web standards
3.
http://sencha.com/touch
4.
Components
5.
Data access &
MVC
6.
Forms
7.
Scrolling
8.
Touch Events
9.
Theming
10.
Charts
11.
Kitchen Sink http://sencha.com/x/5e
12.
13.
14.
<!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>
15.
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!' }); } });
16.
17.
Lists var list =
new Ext.List({ store: store, itemTpl: '{firstName} {lastName}', grouped: true, indexBar: true });
18.
Nested Lists var list
= new Ext.NestedList({ store: store, displayField: 'name', title: 'My List', updateTitleText: true, getDetailCard: function(record, parent) {..} });
19.
Carousels var carousel =
new Ext.Carousel({ direction: 'horizontal', indicator: true, items: [ .. ] });
20.
Sheets var sheet =
new Ext.ActionSheet({ items: [ { text: 'Delete draft', ui: 'decline' }, { text: 'Save draft' }, { text: 'Cancel', } ] }); sheet.show();
21.
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] });
22.
Common patterns
2 var panel = new Ext.Panel({ fullscreen: true, layout: 'fit', items: [{ xtype: 'list', store: store, itemTpl: '{firstName} {lastName}', grouped: true, indexBar: true }] });
23.
Let’s code
24.
Further thoughts...
25.
Embrace hybrid
26.
Web Compromise
sites Web apps Hybrid apps Native apps Nativeness
27.
Embrace the device
28.
http://sencha.com/x/cy http://sencha.com/x/de
29.
Embrace the tools
30.
http://phonegap.github.com/weinre
31.
Embrace responsiveness
32.
http://sencha.com/x/cv
33.
Embrace o ine
34.
$> 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
35.
Embrace mobile
36.
built with Mobile Apps
vs Web Technology
37.
James Pearce @ jamespearce
Jetzt herunterladen