Joe’s First Sencha Touch Experience http://www.sencha.com/blog/joes-first-sencha-touch-experience Well-known designer and developer, Joe McCann, recently spent a few days using Sencha Touch. We asked him to talk through his experiences of building his first application. en-us jamesp@sencha.com Copyright 2011 2011-04-29T07:00:11+00:00 Comment by Winter Is it really used in Shopware? Is it really used in Shopware?

]]> Fri, 02 Sep 2011 06:41 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:26267#date:06:41 Comment by Joey Garcia I think it would be helpful to see a simple web app example that emphasizes how to intelligently handle device detection and how you include only the files you need for that device.  For example, do you programatically include differently JS files?  or do you have one file with a bunch of device flags (isPhone, isTable, etc…). Do you use multiple JS files and load all but only call the code you need? I’d love to hear how Joe does this, and even better with Sencha Touch. I think it would be helpful to see a simple web app example that emphasizes how to intelligently handle device detection and how you include only the files you need for that device. 

For example, do you programatically include differently JS files?  or do you have one file with a bunch of device flags (isPhone, isTable, etc…). Do you use multiple JS files and load all but only call the code you need?

I’d love to hear how Joe does this, and even better with Sencha Touch.

]]> Fri, 27 May 2011 18:36 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:21970#date:18:36 Comment by James Pearce Link fixed; thanks Link fixed; thanks

]]> Fri, 06 May 2011 23:11 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20725#date:23:11 Comment by John Doe the 3rd Just a heads up: the code link is wrong, you need to remove the first part of the URL Just a heads up: the code link is wrong, you need to remove the first part of the URL

]]> Fri, 06 May 2011 21:17 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20724#date:21:17 Comment by James I agree with Marks comment (first comment). Please sort out the bugs in Sencha Touch. They’ve been around for too long and effect development. I too am a long time ExtJS developer. Very disappointed with where the company is headed in terms of response. Growing pains? Maybe, please address them quickly. I agree with Marks comment (first comment). Please sort out the bugs in Sencha Touch. They’ve been around for too long and effect development.

I too am a long time ExtJS developer. Very disappointed with where the company is headed in terms of response. Growing pains? Maybe, please address them quickly.

]]> Thu, 05 May 2011 13:51 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20665#date:13:51 Comment by Silit Hi I’m looking forward. It is used in the future in Sopware, The shop is my next Shopsystem. Jörg Hi I’m looking forward. It is used in the future in Sopware, The shop is my next Shopsystem.

Jörg

]]> Mon, 02 May 2011 10:04 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20448#date:10:04 Comment by Michelle Still Mark has a very valid point. I’m sorry, but the fact that Extjs 4.0 was ‘consuming a lion’s share of developer resources’ just is not a valid excuse for totally ignoring your Touch users for months on end.  There are even people pulling bug reports now because of lack of response.. ‘..Expect the responsiveness on Sencha Touch to increase dramatically now that Ext 4 is out the door…’  Great, but for how long? Until [some-other-Sencha-product-version-x.x] needs to be released? Still Mark has a very valid point. I’m sorry, but the fact that Extjs 4.0 was ‘consuming a lion’s share of developer resources’ just is not a valid excuse for totally ignoring your Touch users for months on end.  There are even people pulling bug reports now because of lack of response..
‘..Expect the responsiveness on Sencha Touch to increase dramatically now that Ext 4 is out the door…’  Great, but for how long? Until [some-other-Sencha-product-version-x.x] needs to be released?

]]> Mon, 02 May 2011 09:55 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20447#date:09:55 Comment by Gabriel Can anybody tell me where can i learn more about Sencha Touch? Can anybody tell me where can i learn more about Sencha Touch?

]]> Mon, 02 May 2011 08:44 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20441#date:08:44 Comment by XL Thanks, Joe, for sharing this and all the comments in your code! XL Thanks, Joe, for sharing this and all the comments in your code!
XL

]]> Sat, 30 Apr 2011 19:03 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20379#date:19:03 Comment by Markus Wichmann This sort of personal how-to makes reading easy and fun without being less informative than e.g. a purely technically written document. Thanks a lot for letting us participate in your experience. This sort of personal how-to makes reading easy and fun without being less informative than e.g. a purely technically written document. Thanks a lot for letting us participate in your experience.

]]> Sat, 30 Apr 2011 06:20 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20340#date:06:20 Comment by Ak @Joe Thanks for your clarification. I will try to modify the CSS for iPhone. Thanks, AK @Joe
Thanks for your clarification. I will try to modify the CSS for iPhone.

Thanks,
AK

]]> Sat, 30 Apr 2011 01:28 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20337#date:01:28 Comment by Joe McCann Ak, There is nothing in the implementation that specifically says that it is for the iPad 2; I, Joe McCann, said that and mad the decision myself that only wanted to target the iPad 2. With that being said, to make this “work” or at least layout better on say an iPhone or Android phone, all one needs to do is modify the CSS that is associated with each list item and the image and image container for the modal that pops up when one taps a “teagram” list item.  The CSS is the only thing that “breaks” the view on a mobile smartphone.  Modifying the CSS is quite trivial.  Fork the code and give it a try. Cheers! Joe Ak,

There is nothing in the implementation that specifically says that it is for the iPad 2; I, Joe McCann, said that and mad the decision myself that only wanted to target the iPad 2.

With that being said, to make this “work” or at least layout better on say an iPhone or Android phone, all one needs to do is modify the CSS that is associated with each list item and the image and image container for the modal that pops up when one taps a “teagram” list item.  The CSS is the only thing that “breaks” the view on a mobile smartphone.  Modifying the CSS is quite trivial.  Fork the code and give it a try.

Cheers!

Joe

]]> Sat, 30 Apr 2011 00:11 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20335#date:00:11 Comment by Ak I know, that you have mentioned that this implementation is for iPad2, but code wise I am not able to understand what is there in your implementation, that says, that this app is for iPad2? Or I want to know, what should be done to look this better in phone based devices(like iOS and Android) I know, that you have mentioned that this implementation is for iPad2, but code wise
I am not able to understand what is there in your implementation, that says, that this app is for iPad2?
Or I want to know, what should be done to look this better in phone based devices(like iOS and Android)

]]> Fri, 29 Apr 2011 22:35 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20330#date:22:35 Comment by Alex Korn Good post and very cool app, Joe. Just wanted to give you guys a heads up that the link for “code for his app on GitHub” is broken (should be an absolute—not relative—URL). Good post and very cool app, Joe. Just wanted to give you guys a heads up that the link for “code for his app on GitHub” is broken (should be an absolute—not relative—URL).

]]> Fri, 29 Apr 2011 20:49 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20327#date:20:49 Comment by Joe McCann John Doe, See the comment directly above your’s; it is specifically targeted toward the iPad 2. Cheers! -Joe John Doe,

See the comment directly above your’s; it is specifically targeted toward the iPad 2.

Cheers!

-Joe

]]> Fri, 29 Apr 2011 18:12 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20319#date:18:12 Comment by john doe yeah doens’t work on an iphone yeah doens’t work on an iphone

]]> Fri, 29 Apr 2011 18:01 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20317#date:18:01 Comment by Joe McCann Hey Mathieu, You are correct.  It was an app where I specifically targeted the iPad 2, not even the iPhone.  I think if I was to build on this app I would explore the what I believe are the profile features Sencha Touch has where you can modify the UI based on the expected “device profile”. So, in summary, this app was specifically developed for and tested against the iPad 2. Cheers! -joe Hey Mathieu,

You are correct.  It was an app where I specifically targeted the iPad 2, not even the iPhone.  I think if I was to build on this app I would explore the what I believe are the profile features Sencha Touch has where you can modify the UI based on the expected “device profile”.

So, in summary, this app was specifically developed for and tested against the iPad 2.

Cheers!

-joe

]]> Fri, 29 Apr 2011 16:33 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20310#date:16:33 Comment by Mathieu Robin Hello, Interesting but doesn’t work correctly on Android (Nexus One, Android 2.2.1). Hello,

Interesting but doesn’t work correctly on Android (Nexus One, Android 2.2.1).

]]> Fri, 29 Apr 2011 15:57 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20307#date:15:57 Comment by Scott Martin @Brian: While you make a valid point that your resources that were heavily involved in ExtJS, I would also point out that an simple comment regarding this problem was able to persuade Mark to relax. Point: Silence during delay != communication to us about the reason for delay Perhaps you can understand the difference. Regards, Scott. @Brian: While you make a valid point that your resources that were heavily involved in ExtJS, I would also point out that an simple comment regarding this problem was able to persuade Mark to relax.

Point: Silence during delay != communication to us about the reason for delay
Perhaps you can understand the difference.

Regards,
Scott.

]]> Fri, 29 Apr 2011 14:33 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20298#date:14:33 Comment by mark Sorry. I didn’t mean it to sound like that. I’m a long time extjs user and love all your products. Please feel free to delete both of my comments. Sorry. I didn’t mean it to sound like that. I’m a long time extjs user and love all your products. Please feel free to delete both of my comments.

]]> Fri, 29 Apr 2011 08:06 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20284#date:08:06 Comment by Brian Moeskau @mark: You may be aware that another little project called Ext 4 was just released this week and has been consuming a lion’s share of developer resources over the past couple of months.  Expect the responsiveness on Sencha Touch to increase dramatically now that Ext 4 is out the door.  Also note that Sencha Touch will greatly benefit from all of the work in Ext 4 that goes back into the core platform, which is part of the reason for this focus. @mark: You may be aware that another little project called Ext 4 was just released this week and has been consuming a lion’s share of developer resources over the past couple of months.  Expect the responsiveness on Sencha Touch to increase dramatically now that Ext 4 is out the door.  Also note that Sencha Touch will greatly benefit from all of the work in Ext 4 that goes back into the core platform, which is part of the reason for this focus.

]]> Fri, 29 Apr 2011 07:47 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20283#date:07:47 Comment by mark Maybe new developers will want to know that the sencha team doesn’t respond to bugs in the sencha touch forum for months. Just read bug reports: http://www.sencha.com/forum/forumdisplay.php?57-Sencha-Touch-Bugs Maybe new developers will want to know that the sencha team doesn’t respond to bugs in the sencha touch forum for months.
Just read bug reports:
http://www.sencha.com/forum/forumdisplay.php?57-Sencha-Touch-Bugs

]]> Fri, 29 Apr 2011 07:36 GMT http://www.sencha.com/blog//joes-first-sencha-touch-experience#id:20281#date:07:36