Enviar pesquisa
Carregar
Building a Mobile App with Sencha Touch
•
2 gostaram
•
1,669 visualizações
James Pearce
Seguir
Tecnologia
Design
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 37
Baixar agora
Baixar para ler offline
Recomendados
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
Recomendados
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
Mais conteúdo relacionado
Mais procurados
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
Mais procurados
(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
Semelhante a 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
Semelhante a 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
Mais de 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
Mais de 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
Último
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
gvaughan
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
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
2toLead Limited
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
Nathaniel Shimoni
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Lonnie McRorey
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
Rick Flair
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
mohitsingh558521
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
Fwdays
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
LoriGlavin3
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
LoriGlavin3
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
BookNet Canada
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????
blackmambaettijean
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Sergiu Bodiu
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
Nicole Novielli
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
Curtis Poe
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
LoriGlavin3
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Fwdays
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
Dilum Bandara
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
Addepto
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Mark Simos
Último
(20)
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
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
Baixar agora