<?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://wwww.sencha.com/learn/</link>
        <description>
            Tutorials, screencasts and guides on Sencha Products.
        </description>
        <dc:language>en-us</dc:language>
        <dc:creator>andrew.jr.neil@gmail.com</dc:creator>
        <dc:rights>Copyright 2012</dc:rights>
        <dc:date>2012-02-22T07:22:41+00:00</dc:date>
        <admin:generatorAgent rdf:resource="http://expressionengine.com/" />
        <atom:link href="http://wwww.sencha.com/blog/" rel="self" type="application/rss+xml" />

        
        <item>
        <title>Meet the List component</title>
        <author>Drew Neil</author>
        <description>
            
        </description>
        <link>http://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.sencha.com/learn/architecting-your-app-in-ext-js-4-part-3/#date:17:33</guid>
        </item>
        
        <item>
        <title>Ext Designer for Ext JS 4 User&#8217;s Guide (PDF)</title>
        <author>Luca Candela</author>
        <description>
            
        </description>
        <link>http://wwww.sencha.com/learn/ext-designer-for-ext-js-4-users-guide/</link>
        <content:encoded>
            <![CDATA[
                
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Tue, 16 Aug 2011 23:15 GMT</pubDate>
        <guid>http://wwww.sencha.com/learn/ext-designer-for-ext-js-4-users-guide/#date:23:15</guid>
        </item>
        
        <item>
        <title>Ext Designer for Ext JS 3 User&#8217;s Guide (PDF)</title>
        <author>Luca Candela</author>
        <description>
            
        </description>
        <link>http://wwww.sencha.com/learn/ext-designer-for-ext-js-3-users-guide/</link>
        <content:encoded>
            <![CDATA[
                
                <style>
                    .right, .alignright { float: right; margin: 0 0 10px 10px; }
                    .left, .alignleft { float: left; margin: 0 10px 10px 0; }
                </style>
            ]]>
        </content:encoded>
        <pubDate>Tue, 16 Aug 2011 23:11 GMT</pubDate>
        <guid>http://wwww.sencha.com/learn/ext-designer-for-ext-js-3-users-guide/#date:23:11</guid>
        </item>
        
        <item>
        <title>Enhancing iOS Sencha Touch apps with NimbleKit, pt II</title>
        <author>James Pearce</author>
        <description>
            
        </description>
        <link>http://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.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://wwww.sencha.com/learn/how-to-use-src-sencha-io/#date:21:44</guid>
        </item>
        
        <item>
        <title>Ext Designer 1.2 Overview</title>
        <author>Luca Candela</author>
        <description>
            
        </description>
        <link>http://wwww.sencha.com/learn/ext-designer-1-2-beta-overview/</link>
        <content:encoded>
            <![CDATA[
                Learn how to integrate Ext JS 4 Charts into your app by listening to our Designer experts.
                <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 17:00 GMT</pubDate>
        <guid>http://wwww.sencha.com/learn/ext-designer-1-2-beta-overview/#date:17:00</guid>
        </item>
        
        <item>
        <title>Touch Charts Styling</title>
        <author>The Sencha Dev Team</author>
        <description>
            
        </description>
        <link>http://wwww.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://wwww.sencha.com/learn/touch-charts-styling/#date:21:18</guid>
        </item>
        
        <item>
        <title>Idiomatic Layouts with Sencha Touch II</title>
        <author>James Pearce</author>
        <description>
            
        </description>
        <link>http://wwww.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://wwww.sencha.com/learn/idiomatic-layouts-with-sencha-touch-ii/#date:08:00</guid>
        </item>
        
    </channel>
</rss>
