<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" 
    xmlns:dc="http://purl.org/dc/elements/1.1/" 
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" 
    xmlns:admin="http://webns.net/mvcb/" 
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 
    xmlns:content="http://purl.org/rss/1.0/modules/content/" 
    xmlns:atom="http://www.w3.org/2005/Atom">

    <channel>
        <title>Sencha Learn Center</title>
        <link>http://www.sencha.com/learn/</link>
        <description>
            Tutorials, screencasts and guides on Sencha Products.
        </description>
        <dc:language>en-us</dc:language>
        <dc:creator>jason@sencha.com</dc:creator>
        <dc:rights>Copyright 2011</dc:rights>
        <dc:date>2011-10-03T19:40:30+00:00</dc:date>
        <admin:generatorAgent rdf:resource="http://expressionengine.com/" />
        <atom:link href="http://www.sencha.com/blog/" rel="self" type="application/rss+xml" />

        
        <item>
        <title>Intro to Layouts in Sencha Touch 2</title>
        <author>Drew Neil</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/intro-to-layouts-in-sencha-touch-2/</link>
        <content:encoded>
            <![CDATA[
                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.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Thu, 15 Mar 2012 11:23 GMT</pubDate>
        <guid>http://www.sencha.com/learn/intro-to-layouts-in-sencha-touch-2/#date:11:23</guid>
        </item>
        
        <item>
        <title>Using Components in Sencha Touch 2</title>
        <author>Ed Spencer</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/using-components-in-sencha-touch-2/</link>
        <content:encoded>
            <![CDATA[
                A guide for using Sencha Touch visual classes, i.e. Components.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Tue, 06 Mar 2012 23:58 GMT</pubDate>
        <guid>http://www.sencha.com/learn/using-components-in-sencha-touch-2/#date:23:58</guid>
        </item>
        
        <item>
        <title>How to Use Classes in Sencha Touch 2</title>
        <author>Jacky Nguyen</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/how-to-use-classes-in-sencha-touch-2/</link>
        <content:encoded>
            <![CDATA[
                Sencha Touch 2 uses the state of the art class system developed for Ext JS 4. This guide provides pointers on how to use this system.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Tue, 06 Mar 2012 23:53 GMT</pubDate>
        <guid>http://www.sencha.com/learn/how-to-use-classes-in-sencha-touch-2/#date:23:53</guid>
        </item>
        
        <item>
        <title>Upgrading from Sencha Touch 1.x to 2.x</title>
        <author>Ed Spencer</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/upgrading-from-sencha-touch-1x-to-2x/</link>
        <content:encoded>
            <![CDATA[
                A guide for our existing Sencha Touch 1.x customers looking to upgrade to 2.0.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Tue, 06 Mar 2012 23:42 GMT</pubDate>
        <guid>http://www.sencha.com/learn/upgrading-from-sencha-touch-1x-to-2x/#date:23:42</guid>
        </item>
        
        <item>
        <title>Sencha Touch 2: Tabs &amp; Toolbars</title>
        <author>Jessica Liu</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/sencha-touch-2-tabs-toolbars/</link>
        <content:encoded>
            <![CDATA[
                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.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Tue, 06 Mar 2012 00:08 GMT</pubDate>
        <guid>http://www.sencha.com/learn/sencha-touch-2-tabs-toolbars/#date:00:08</guid>
        </item>
        
        <item>
        <title>Sencha Touch 2: Native Packaging Demo</title>
        <author>Jessica Liu</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/sencha-touch-2-native-packaging-demo/</link>
        <content:encoded>
            <![CDATA[
                Using the new Sencha Touch native packaging tool to produce HTML5 apps that access native APIs, gaining access to native capabilities like taking pictures, showing notifications and tracking device orientation.

                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 05 Mar 2012 23:49 GMT</pubDate>
        <guid>http://www.sencha.com/learn/sencha-touch-2-native-packaging-demo/#date:23:49</guid>
        </item>
        
        <item>
        <title>Meet the List component</title>
        <author>Drew Neil</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/meet-the-list-component/</link>
        <content:encoded>
            <![CDATA[
                This screencast shows what the List component can do, including sorting and grouping records, and adding an index bar. It also shows how to reveal a detail panel for each listed record, using a navigation view to coordinate the list and detail cards. This demonstration uses Sencha Touch's MVC pattern.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Wed, 22 Feb 2012 07:22 GMT</pubDate>
        <guid>http://www.sencha.com/learn/meet-the-list-component/#date:07:22</guid>
        </item>
        
        <item>
        <title>Theming Sencha Touch</title>
        <author>Drew Neil</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/theming-sencha-touch/</link>
        <content:encoded>
            <![CDATA[
                This screencast describes the basics of theming in 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.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Thu, 16 Feb 2012 22:31 GMT</pubDate>
        <guid>http://www.sencha.com/learn/theming-sencha-touch/#date:22:31</guid>
        </item>
        
        <item>
        <title>Upgrading to Sencha Touch 2 PR2</title>
        <author>James Pearce</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/upgrading-to-sencha-touch-2-pr2/</link>
        <content:encoded>
            <![CDATA[
                With the early preview of Sencha Touch 2 available for download, you may want to start thinking about the future upgrade process required for your existing applications. Although the API has yet to fully stabilize, there are certain things you can be thinking about now, and in this article, James Pearce takes a simple existing example app - the CityBars guide - and explores what is required to make it compatible with the PR2 release.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 28 Nov 2011 18:59 GMT</pubDate>
        <guid>http://www.sencha.com/learn/upgrading-to-sencha-touch-2-pr2/#date:18:59</guid>
        </item>
        
        <item>
        <title>Sencha Touch 2 Class System</title>
        <author>Jay Garcia</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/sencha-touch-2-class-system/</link>
        <content:encoded>
            <![CDATA[
                In this introductory screencast, Jay Garcia walks you through the very basics of using the Sencha Touch 2 class loader system.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Thu, 03 Nov 2011 13:09 GMT</pubDate>
        <guid>http://www.sencha.com/learn/sencha-touch-2-class-system/#date:13:09</guid>
        </item>
        
        <item>
        <title>Enhancing iOS Sencha Touch apps with NimbleKit, pt II</title>
        <author>James Pearce</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/enhancing-ios-sencha-touch-apps-with-nimblekit-pt-ii/</link>
        <content:encoded>
            <![CDATA[
                In the second part of our NimbleKit tutorial, we look at how we can create an web-based internet radio application, and hook our Sencha Touch app up to the iOS camera and email functionality.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Wed, 10 Aug 2011 00:34 GMT</pubDate>
        <guid>http://www.sencha.com/learn/enhancing-ios-sencha-touch-apps-with-nimblekit-pt-ii/#date:00:34</guid>
        </item>
        
        <item>
        <title>Enhancing iOS Sencha Touch apps with NimbleKit</title>
        <author>James Pearce</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/enhancing-ios-sencha-touch-apps-with-nimblekit/</link>
        <content:encoded>
            <![CDATA[
                It's becoming increasingly popular to build web applications that can be packaged and distributed into app stores - and which can capitalize on API extensions to get access to native device functionality and so on. In this first half of this two-part tutorial, we discuss enhancing Sencha Touch with NimbleKit - a native shell option for doing just that.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Wed, 10 Aug 2011 00:32 GMT</pubDate>
        <guid>http://www.sencha.com/learn/enhancing-ios-sencha-touch-apps-with-nimblekit/#date:00:32</guid>
        </item>
        
        <item>
        <title>Sencha Touch Quick Start</title>
        <author>James Pearce</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/sencha-touch-quick-start/</link>
        <content:encoded>
            <![CDATA[
                The quickest possible ways to get started with Sencha Touch development, on both Mac and Windows machines. Ideal for a rolling start at hackathons!
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Sat, 06 Aug 2011 07:24 GMT</pubDate>
        <guid>http://www.sencha.com/learn/sencha-touch-quick-start/#date:07:24</guid>
        </item>
        
        <item>
        <title>How to use src.sencha.io</title>
        <author>James Pearce</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/how-to-use-src-sencha-io/</link>
        <content:encoded>
            <![CDATA[
                Sencha.io Src is a cloud-based way to help you dynamically resize images for the ever increasing number of mobile screen sizes. It’s very easy to use, and in this guide, we run through the main API options for the service.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Thu, 04 Aug 2011 21:44 GMT</pubDate>
        <guid>http://www.sencha.com/learn/how-to-use-src-sencha-io/#date:21:44</guid>
        </item>
        
        <item>
        <title>Touch Charts Styling</title>
        <author>The Sencha Dev Team</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/touch-charts-styling/</link>
        <content:encoded>
            <![CDATA[
                This guide describes the styling system used in Touch Charts, and provides an overview of how you can customize the look and feel of your charts to truly make them yours.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Wed, 03 Aug 2011 21:18 GMT</pubDate>
        <guid>http://www.sencha.com/learn/touch-charts-styling/#date:21:18</guid>
        </item>
        
        <item>
        <title>Learning Sencha Touch Charts</title>
        <author>Jamie Avins</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/learning-sencha-touch-charts/</link>
        <content:encoded>
            <![CDATA[
                Graphics Team Lead Jamie Avins goes over the basics of getting started with Sencha Touch Charts. Sencha Touch Charts is a data visualization package for Sencha Touch, allowing developers to build rich interactive charts and graphics on the mobile web.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 01 Aug 2011 08:00 GMT</pubDate>
        <guid>http://www.sencha.com/learn/learning-sencha-touch-charts/#date:08:00</guid>
        </item>
        
        <item>
        <title>Idiomatic Layouts with Sencha Touch II</title>
        <author>James Pearce</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch-ii/</link>
        <content:encoded>
            <![CDATA[
                In the second of this article's two-parts, we show how, with a single code-base, we can complete our app which uses the Sencha Touch 'application profiles' mechanism to deliver idiomatic user interfaces to both phone and tablet users.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 01 Aug 2011 08:00 GMT</pubDate>
        <guid>http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch-ii/#date:08:00</guid>
        </item>
        
        <item>
        <title>Idiomatic Layouts with Sencha Touch</title>
        <author>James Pearce</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch/</link>
        <content:encoded>
            <![CDATA[
                In the first article of this two-part series, we show how, with a single code-base, we can start to create an app which uses Sencha Touch&rsquo;s 'application profiles' mechanism to deliver idiomatic user interfaces to both phone and tablet users.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 01 Aug 2011 08:00 GMT</pubDate>
        <guid>http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch/#date:08:00</guid>
        </item>
        
        <item>
        <title>Touch Drawing and Charting</title>
        <author>The Sencha Dev Team</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/touch-drawing-and-charting/</link>
        <content:encoded>
            <![CDATA[
                This document is intended to guide you through the overall design and implementation details of the Drawing and Charting packages, as used by Sencha Touch Charts (as well as Ext JS). The drawing and charting packages enable you to create cross browser and cross device graphics in a versatile way.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 25 Jul 2011 00:23 GMT</pubDate>
        <guid>http://www.sencha.com/learn/touch-drawing-and-charting/#date:00:23</guid>
        </item>
        
        <item>
        <title>Working with Forms</title>
        <author>Drew Neil</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/working-with-forms/</link>
        <content:encoded>
            <![CDATA[
                In this screencast, we build a simple application that lets us manage users. We use the model, view, controller (MVC) pattern, learning how to capture the data entered into a form to create new records and update existing records. We’ll also learn how to use the model validations from Sencha Touch’s data package to report errors in the form.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Fri, 22 Jul 2011 20:57 GMT</pubDate>
        <guid>http://www.sencha.com/learn/working-with-forms/#date:20:57</guid>
        </item>
        
    </channel>
</rss>