<?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-07-08T20:10:49+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>Implementing Routes with Sencha Architect</title>
        <author>Jason Johnston</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/implementing-routes-with-sencha-architect/</link>
        <content:encoded>
            <![CDATA[
                Two typical shortcomings of single-page Web apps are incorrect behavior of the browser's "back" button, and the inability to link directly to deep content. In this tutorial, we will demonstrate how to use Sencha Architect to implement routes in a Sencha Touch 2 application.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Thu, 07 Jun 2012 02:20 GMT</pubDate>
        <guid>http://www.sencha.com/learn/implementing-routes-with-sencha-architect/#date:02:20</guid>
        </item>
        
        <item>
        <title>Sencha GXT 2.x to 3.0 Migration Guide</title>
        <author>Jennifer Liu</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/sencha-gxt-2x-to-300-migration-guide/</link>
        <content:encoded>
            <![CDATA[
                Sencha GXT 3.0 is the next generation of the components and tools that, in conjunction with the GWT compiler and runtime, make it possible to build large scale maintainable browser-based web applications.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 30 Apr 2012 13:24 GMT</pubDate>
        <guid>http://www.sencha.com/learn/sencha-gxt-2x-to-300-migration-guide/#date:13:24</guid>
        </item>
        
        <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>Working With Data in Sencha Designer</title>
        <author>Jason Johnston</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/working-with-data-in-sencha-designer/</link>
        <content:encoded>
            <![CDATA[
                This screencast provides an overview of the data layer in Sencha frameworks and demonstrates how you can use Designer to create and work with data models and stores.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Tue, 28 Feb 2012 15:49 GMT</pubDate>
        <guid>http://www.sencha.com/learn/working-with-data-in-sencha-designer/#date:15: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>Running Ext GWT 2 and 3 Together</title>
        <author>Darrell Meyer</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/running-ext-gwt-2-and-3-together/</link>
        <content:encoded>
            <![CDATA[
                Over the past weeks, we introduced you to some of the new features and improvements in Ext GWT 3. To allow a smooth transition from Ext GWT 2 to 3, Ext GWT lets you include both v2 and v3 components in the same application. This article explains the steps you need to take to run components from both versions at the same time.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Tue, 29 Nov 2011 21:19 GMT</pubDate>
        <guid>http://www.sencha.com/learn/running-ext-gwt-2-and-3-together/#date:21:19</guid>
        </item>
        
        <item>
        <title>The Sencha Class System</title>
        <author>Jacky Nguyen</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/sencha-class-system/</link>
        <content:encoded>
            <![CDATA[
                Ext JS 4 and Sencha Touch 2 use the class system internally to manage dependencies, make code more reusable as well as provide a rich set of features that are commonly found in other class-based programming languages. Developers writing code using Ext JS 4 and Touch 2 can leverage the class system to use built in APIs in the frameworks, as well as in their own code to create well-structured object-oriented JavaScript.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Tue, 29 Nov 2011 05:14 GMT</pubDate>
        <guid>http://www.sencha.com/learn/sencha-class-system/#date:05:14</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>Animator Guided Tour</title>
        <author>The Sencha Dev Team</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/animator-guided-tour/</link>
        <content:encoded>
            <![CDATA[
                To make effective use of Sencha Animator, it’s important to learn the major parts of the interface and feature groupings. This guided tour of Animator provides a brief introduction to Animator functionality and suggests exercises to help you learn your way around the tool.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 03 Oct 2011 19:40 GMT</pubDate>
        <guid>http://www.sencha.com/learn/animator-guided-tour/#date:19:40</guid>
        </item>
        
        <item>
        <title>Animator Quickstart</title>
        <author>The Sencha Dev Team</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/animator-quickstart/</link>
        <content:encoded>
            <![CDATA[
                This guide is intended to get your hands on Animator controls and learn some of the rudimentary techniques for building CSS3 Transformation-based animations using the tool. Follow the steps described here to build a simple project, adding objects, setting their properties, and exporting and running the project. It’s based on the Sencha blog entry “Rocking the Boat of Flash with CSS3 Animations,” in which an Adobe Flash animation is replicated perfectly with HTML5/CSS3.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Tue, 27 Sep 2011 21:57 GMT</pubDate>
        <guid>http://www.sencha.com/learn/animator-quickstart/#date:21:57</guid>
        </item>
        
        <item>
        <title>Build a Car Store with Ext Designer 1.2 and Ext JS 4</title>
        <author>Devshi Pindoria</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/build-a-car-store-with-ext-designer-1-2-and-ext-js-4/</link>
        <content:encoded>
            <![CDATA[
                In this article, we will be using Designer 1.2 to take the previous “car store” sample project, upgrade it to target the Ext JS 4 framework and add some new chart-related functionality. 
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 19 Sep 2011 20:45 GMT</pubDate>
        <guid>http://www.sencha.com/learn/build-a-car-store-with-ext-designer-1-2-and-ext-js-4/#date:20:45</guid>
        </item>
        
        <item>
        <title>Ext GWT 3 Declarative Markup with UiBinder</title>
        <author>Justin Hickman</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/ext-gwt-3-declarative-markup-with-uibinder/</link>
        <content:encoded>
            <![CDATA[
                UiBinder support has been one of the major driving factors for many of the API changes in Ext GWT 3.0.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 19 Sep 2011 18:34 GMT</pubDate>
        <guid>http://www.sencha.com/learn/ext-gwt-3-declarative-markup-with-uibinder/#date:18:34</guid>
        </item>
        
        <item>
        <title>Architecting Your App in Ext JS 4, Part 3</title>
        <author>Tommy Maintz</author>
        <description>
            
        </description>
        <link>http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-3/</link>
        <content:encoded>
            <![CDATA[
                In the previous series of articles, we explored architecting a Pandora-style application using the new features of Ext JS 4. In this part of the series, we will continue implementing controller logic inside of the application's MVC architecture.
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Mon, 19 Sep 2011 17:33 GMT</pubDate>
        <guid>http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-3/#date:17:33</guid>
        </item>
        
    </channel>
</rss>