A 3-hour workshop I gave at Brooklyn Beta, walking through the basics of building a Sencha Touch app. More info at http://9-bits.com/bb2010.
Sencha Touch is a Javascript framework that enables developers to create apps for iOS and Android.
http://sencha.com/products/touch/
4. What’s Sencha Touch?
JavaScript API for mobile apps
Built on Web Standards
Targets WebKit
Abstracted for performance/ease
Easy to theme
Sunday, October 24, 2010
8. Touch Events
Built on native events
Abstracted for performance
Additional events
Tap
Double tap
Tap and hold
Swipe
Rotate
Drag & drop
Sunday, October 24, 2010
16. Creating a Component
There a two ways to generate a component:
Instantiating an object or passing a child to a container
as JSON with an xtype.
Sunday, October 24, 2010
21. Key concepts
A container layout specifies how its children
components are rendered.
A panel is the default component type
and can act as a container.
Sunday, October 24, 2010
56. SASS & Compass
Optional layers that allow greater flexibility
and control when creating custom stylesheets.
To install:
sudo gem install haml
sudo gem install compass
Sunday, October 24, 2010