Takes you through the process of generating a new Sencha Touch 2 application, using several of the built in UI components and creating a fast-loading, minified build. Finally, we use Sencha native packaging to create native apps for iOS and Android.
* 0:20 - Generating your application
* 3:57 - Creating your first custom view
* 6:39 - Creating a form
* 12:14 - Creating a list with remote data
* 16:49 - Creating your first controller
* 22:15 - Setting up Sass and Compass
Learn more at sencha.com/touch
In Sencha Touch, the Component and Container form the basic building blocks for creating an interface. Each container can be assigned a Layout which handles the positioning of its inner items. The layouts work either by neatly arranging components to use the available space, or by showing just one component at a time and providing some way of changing the focus between them.
In this tutorial, we'll see each different layout type in action and see how they can be combined in any manner you can think of.
Drew Neil (@nelstrom) describes how to theme Sencha Touch. This tutorial is perfect for beginners who want to get started customizing the interface of their Sencha Touch mobile app using CSS3 and Sass/SCSS.
View the source code on GitHub: github.com/senchalearn/Touch-Theming
View live demo: senchalearn.github.com/Touch-Theming/
When it comes to building a user interface with Sencha Touch, the TabPanel and Toolbar are two components that you're going to find indispensable. In this video walkthrough, Drew Neil (@nelstrom) demonstrates how to create a tabbed interface with icons, and how toolbars can be used to hold buttons, or a titlebar.
View source code on GitHub: github.com/senchalearn/Tabs-and-Toolbars
Live demo: senchalearn.github.com/Tabs-and-Toolbars/
Sencha Touch provides a list component which is ideal for presenting an index-style list of items. In this tutorial, Drew Neil (@nelstrom) walks through setting up a basic list, and shows how to add an index bar, and group items together under a marker. Also, you'll learn how to create a detail panel to reveal information about each item in the list.
This tutorial features the new NavigationView and MVC Support built into Sencha Touch 2.
View source code on GitHub: github.com/senchalearn/Presidents
Live demo: senchalearn.github.com/Presidents/