- Sencha Touch allows building cross-platform mobile apps using existing web development skills like HTML, CSS, and JavaScript. It includes touch gestures, scrolling physics, many reusable components, and powerful ways to integrate data. jQuery Mobile is also HTML5-based but has fewer components and no data features. PhoneGap packages the apps so they can be deployed to app stores and access native device features.
5. INTRO
• Who am I?
• Why am I giving this talk?
• What should you take away from this presentation?
6. INTRO
• Who am I?
• Why am I giving this talk?
• What should you take away from this presentation?
• This talk is about mobile apps, not mobile websites
That being said, I would love to hear someone volunteer to talk about Responsive web design at an
upcoming meeting
25. USING SENCHA
• You will need to learn a bit about Ext.js
• Do some reading on Panels and Layouts (URL later)
26. USING SENCHA
• You will need to learn a bit about Ext.js
• Do some reading on Panels and Layouts (URL later)
• Panelsand layout concepts are not CSS-like and the syntax
can get fugly
29. SENCHA THEMES
• Easy to change the overall appearance
• Lots of parameters and functions to modify Look and Feel
30. SENCHA THEMES
• Easy to change the overall appearance
• Lots of parameters and functions to modify Look and Feel
• Complete set of png-based icons
31. SENCHA THEMES
• Easy to change the overall appearance
• Lots of parameters and functions to modify Look and Feel
• Complete set of png-based icons
• Uses SASS / Compass to generate CSS
32. SENCHA THEMES
• Easy to change the overall appearance
• Lots of parameters and functions to modify Look and Feel
• Complete set of png-based icons
• Uses SASS / Compass to generate CSS
• Unfortunately, not well documented to date
I will give you a link to some information I’ve found at the end of the presentation
38. JQUERY MOBILE
• HTML 5 based
• Far fewer components than Sencha
• No data features like Sencha
39. JQUERY MOBILE
• HTML 5 based
• Far fewer components than Sencha
• No data features like Sencha
• Much smaller than Sencha
40. JQUERY MOBILE
• HTML 5 based
• Far fewer components than Sencha
• No data features like Sencha
• Much smaller than Sencha
• CSS-based layouts - much easier to start with
41. JQUERY MOBILE
• HTML 5 based
• Far fewer components than Sencha
• No data features like Sencha
• Much smaller than Sencha
• CSS-based layouts - much easier to start with
• Easy to theme
44. PHONEGAP
• Putsa “wrapper” around your HTML5 apps so that
they can be placed on the various App Stores
• Allows you to access native features of phone
• Up to recently, you needed to have the SDK installed for each
platform you want to target, and follow a slightly different
process for each one
• With Phonegap Build, they do all this for you
46. A final comment:
Sencha, jQuery Mobile are not the only
options for cross-platform mobile apps...
47. Thanks for listening!
The links used in this presentation can be found at:
http://delicious.com/2sidesdesign/refreshmobile
Visit our site:
http://2sidesdesignstudio.com
Follow us on Twitter:
@2sidesdesign
Notes de l'éditeur
\n
first site in 1994 - full time 99\nwhy - clients are interested in this - doing native is hard\nwe will look at 2 ways to do this ; there are other ways\nAt the end of this talk, you should have an idea of how you can use HTML 5 based frameworks \nto get cross platform apps out there. \ninvite people to ask\n
first site in 1994 - full time 99\nwhy - clients are interested in this - doing native is hard\nwe will look at 2 ways to do this ; there are other ways\nAt the end of this talk, you should have an idea of how you can use HTML 5 based frameworks \nto get cross platform apps out there. \ninvite people to ask\n
first site in 1994 - full time 99\nwhy - clients are interested in this - doing native is hard\nwe will look at 2 ways to do this ; there are other ways\nAt the end of this talk, you should have an idea of how you can use HTML 5 based frameworks \nto get cross platform apps out there. \ninvite people to ask\n
first site in 1994 - full time 99\nwhy - clients are interested in this - doing native is hard\nwe will look at 2 ways to do this ; there are other ways\nAt the end of this talk, you should have an idea of how you can use HTML 5 based frameworks \nto get cross platform apps out there. \ninvite people to ask\n
\\\n
\\\n
\\\n
\n
\n
\n
\n
\n
\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\ntheming - icons, animations \n\n\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\ntheming - icons, animations \n\n\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\ntheming - icons, animations \n\n\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\ntheming - icons, animations \n\n\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\n
icons, animations\nall css3 based - which is cool because almost all mobile browsers are webkit\ncan do custom style sheets for android, iOS\n\n
icons, animations\nall css3 based - which is cool because almost all mobile browsers are webkit\ncan do custom style sheets for android, iOS\n\n
icons, animations\nall css3 based - which is cool because almost all mobile browsers are webkit\ncan do custom style sheets for android, iOS\n\n
icons, animations\nall css3 based - which is cool because almost all mobile browsers are webkit\ncan do custom style sheets for android, iOS\n\n
icons, animations\nall css3 based - which is cool because almost all mobile browsers are webkit\ncan do custom style sheets for android, iOS\n\n
make sure to show \n
\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\n
make sure to show the data providers and transitionstransitions are fade, flip, pop, slide, slideup, slidedown\n
\n
has models, stores, proxies\nvalications, associations\nhooks to consume json/p, xml, yql\n
\n
there are more ways to do this stuff. we talked about 2 ways I am most familiar with. \n