diff --git a/animator1.md b/animator1.md index 11e90a9..7369087 100644 --- a/animator1.md +++ b/animator1.md @@ -4,128 +4,128 @@ The following learning pathway will help get you started creating CSS3-based ani ## Prerequisites -- **(Download)** [Download Sencha Animator](http://www.sencha.com/products/animator/download/) — _Sencha_ +- **(Download)** [Download Sencha Animator](http://www.sencha.com/products/animator/download/) — _Sencha_ ## Beginner -- **(Guide)** [Guided Tour](http://docs.sencha.com/animator/1-3/#!/guide/tour) — _docs.sencha.com_ +- **(Guide)** [Guided Tour](http://docs.sencha.com/animator/1-3/#!/guide/tour) — _docs.sencha.com_ Introduce yourself to the main feature groups of Animator with this tour, including hands-on simple exercises. -- **(Guide)** [Animator Quickstart](http://docs.sencha.com/animator/1-3/#!/guide/quickstart) — _docs.sencha.com_ +- **(Guide)** [Animator Quickstart](http://docs.sencha.com/animator/1-3/#!/guide/quickstart) — _docs.sencha.com_ Build your first project in Animator and learn basic animation-building techniques. -- **(Slides)** [Sencha Animator](http://www.sencha.com/conference/session/sencha-animator) — _Devshi Pindoria, Arne Bech, Luca Candela_ on November 2, 2011 +- **(Slides)** [Sencha Animator](http://www.sencha.com/conference/session/sencha-animator) — _Devshi Pindoria, Arne Bech, Luca Candela_ on November 2, 2011 Sencha Animator is the industry's leading CSS3 animation tool. With powerful timeline capabilities, interactive editing, rich previews, and a slick interface, designers have never had it easier to build their mobile animations and applications. Animator’s exclusive use of CSS3 lets your imagination go wild with high performance, hardware-accelerated visuals that will dazzle your customers. Attendees in this session will learn how to use and design top-flight animations and walk away mobile animation experts. -- **(Guide)** [Using Animator: Useful Techniques and Features](http://docs.sencha.com/animator/1-3/#!/guide/techniques) — _docs.sencha.com_ +- **(Guide)** [Using Animator: Useful Techniques and Features](http://docs.sencha.com/animator/1-3/#!/guide/techniques) — _docs.sencha.com_ Learn these basic steps to get started fast with Animator. -- **(Guide)** [Upgrade Guide: Moving from Animator 1.2 to Animator 1.3](http://docs.sencha.com/animator/1-3/#!/guide/upgrade_1_3) — _docs.sencha.com_ +- **(Guide)** [Upgrade Guide: Moving from Animator 1.2 to Animator 1.3](http://docs.sencha.com/animator/1-3/#!/guide/upgrade_1_3) — _docs.sencha.com_ New functionality that changes the way you create animations. -- **(Documentation)** [Sencha Animator 1.3 Documentation](http://docs.sencha.com/animator/1-3/) — _docs.sencha.com_ +- **(Documentation)** [Sencha Animator 1.3 Documentation](http://docs.sencha.com/animator/1-3/) — _docs.sencha.com_ -- **(Guide)** [Reference: Introduction](http://docs.sencha.com/animator/1-3/#!/guide/IntroTOC) — _docs.sencha.com_ +- **(Guide)** [Reference: Introduction](http://docs.sencha.com/animator/1-3/#!/guide/IntroTOC) — _docs.sencha.com_ A roadmap to the Animator Reference. -- **(Guide)** [Properties Panel Overview](http://docs.sencha.com/animator/1-3/#!/guide/proppan_overview) — _docs.sencha.com_ +- **(Guide)** [Properties Panel Overview](http://docs.sencha.com/animator/1-3/#!/guide/proppan_overview) — _docs.sencha.com_ Learn about the Properties Panel, which provides fine-grained control over animation elements. -- **(Guide)** [Scene Properties](http://docs.sencha.com/animator/1-3/#!/guide/scene_properties) — _docs.sencha.com_ +- **(Guide)** [Scene Properties](http://docs.sencha.com/animator/1-3/#!/guide/scene_properties) — _docs.sencha.com_ How to set properties for scenes. -- **(Guide)** [Visual Tools: Scenes Panel](http://docs.sencha.com/animator/1-3/#!/guide/visual_scenes) — _docs.sencha.com_ +- **(Guide)** [Visual Tools: Scenes Panel](http://docs.sencha.com/animator/1-3/#!/guide/visual_scenes) — _docs.sencha.com_ Managing scenes through the Scenes Panel. -- **(Guide)** [Animator Reference: Menus](http://docs.sencha.com/animator/1-3/#!/guide/menus) — _docs.sencha.com_ +- **(Guide)** [Animator Reference: Menus](http://docs.sencha.com/animator/1-3/#!/guide/menus) — _docs.sencha.com_ Commands available through menus. -- **(Guide)** [Animator Reference: Library and Project Panels](http://docs.sencha.com/animator/1-3/#!/guide/libraryprojectpanels) — _docs.sencha.com_ +- **(Guide)** [Animator Reference: Library and Project Panels](http://docs.sencha.com/animator/1-3/#!/guide/libraryprojectpanels) — _docs.sencha.com_ How to use the Library and Project Panels. -- **(Guide)** [MRAID and ORMMA Support in Animator](http://docs.sencha.com/animator/1-3/#!/guide/ormma) — _docs.sencha.com_ +- **(Guide)** [MRAID and ORMMA Support in Animator](http://docs.sencha.com/animator/1-3/#!/guide/ormma) — _docs.sencha.com_ An introduction to MRAID and ORMMA and how Animator supports the specifications. -- **(Guide)** [Animator Keyboard shortcuts](http://docs.sencha.com/animator/1-3/#!/guide/shortcuts) — _docs.sencha.com_ +- **(Guide)** [Animator Keyboard shortcuts](http://docs.sencha.com/animator/1-3/#!/guide/shortcuts) — _docs.sencha.com_ Overview of in-app shortcuts -- **(Guide)** [Object Selection States](http://docs.sencha.com/animator/1-3/#!/guide/obj_selection_states) — _docs.sencha.com_ +- **(Guide)** [Object Selection States](http://docs.sencha.com/animator/1-3/#!/guide/obj_selection_states) — _docs.sencha.com_ Understanding selections -- **(Guide)** [Custom JavaScript](http://docs.sencha.com/animator/1-3/#!/guide/advanced_js) — _docs.sencha.com_ +- **(Guide)** [Custom JavaScript](http://docs.sencha.com/animator/1-3/#!/guide/advanced_js) — _docs.sencha.com_ Adding custom JavaScript to actions. -- **(Guide)** [Object Properties: Introduction and General](http://docs.sencha.com/animator/1-3/#!/guide/objprops_introgeneralactions) — _docs.sencha.com_ +- **(Guide)** [Object Properties: Introduction and General](http://docs.sencha.com/animator/1-3/#!/guide/objprops_introgeneralactions) — _docs.sencha.com_ Introduction to setting object properties. -- **(Guide)** [Object Properties: Actions](http://docs.sencha.com/animator/1-3/#!/guide/objprops_actions) — _docs.sencha.com_ +- **(Guide)** [Object Properties: Actions](http://docs.sencha.com/animator/1-3/#!/guide/objprops_actions) — _docs.sencha.com_ Setting Actions properties for objects. -- **(Guide)** [Object Properties: Dimensions](http://docs.sencha.com/animator/1-3/#!/guide/objprops_dimensionsposition) — _docs.sencha.com_ +- **(Guide)** [Object Properties: Dimensions](http://docs.sencha.com/animator/1-3/#!/guide/objprops_dimensionsposition) — _docs.sencha.com_ Setting Dimension and Position properties for objects. -- **(Guide)** [Object Properties: Transforms](http://docs.sencha.com/animator/1-3/#!/guide/objprops_transforms) — _docs.sencha.com_ +- **(Guide)** [Object Properties: Transforms](http://docs.sencha.com/animator/1-3/#!/guide/objprops_transforms) — _docs.sencha.com_ Setting Transforms properties for objects. -- **(Guide)** [Object Properties: Background](http://docs.sencha.com/animator/1-3/#!/guide/objprops_background) — _docs.sencha.com_ +- **(Guide)** [Object Properties: Background](http://docs.sencha.com/animator/1-3/#!/guide/objprops_background) — _docs.sencha.com_ Setting Background properties for objects. -- **(Guide)** [Object Properties: Border and Corners](http://docs.sencha.com/animator/1-3/#!/guide/objprops_bordercorners) — _docs.sencha.com_ +- **(Guide)** [Object Properties: Border and Corners](http://docs.sencha.com/animator/1-3/#!/guide/objprops_bordercorners) — _docs.sencha.com_ Setting Border and Corners properties for objects. -- **(Guide)** [Object Properties: Type and Other](http://docs.sencha.com/animator/1-3/#!/guide/objprops_typeother) — _docs.sencha.com_ +- **(Guide)** [Object Properties: Type and Other](http://docs.sencha.com/animator/1-3/#!/guide/objprops_typeother) — _docs.sencha.com_ Setting Type and Other properties for objects. -- **(Guide)** [Keyframe Properties: Introduction and General](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_intro) — _docs.sencha.com_ +- **(Guide)** [Keyframe Properties: Introduction and General](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_intro) — _docs.sencha.com_ Introduction to setting keyframe properties. -- **(Guide)** [Keyframe Properties: Dimensions](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_dimensionsposition) — _docs.sencha.com_ +- **(Guide)** [Keyframe Properties: Dimensions](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_dimensionsposition) — _docs.sencha.com_ Setting Dimension and Position properties for keyframes. -- **(Guide)** [Keyframe Properties: Transforms](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_transforms) — _docs.sencha.com_ +- **(Guide)** [Keyframe Properties: Transforms](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_transforms) — _docs.sencha.com_ Setting Transforms properties for keyframes. -- **(Guide)** [Keyframe Properties: Background](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_background) — _docs.sencha.com_ +- **(Guide)** [Keyframe Properties: Background](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_background) — _docs.sencha.com_ Setting Background properties for keyframes. -- **(Guide)** [Keyframe Properties: Border and Corners](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_bordercorners) — _docs.sencha.com_ +- **(Guide)** [Keyframe Properties: Border and Corners](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_bordercorners) — _docs.sencha.com_ Setting Border and Corners properties for keyframes. -- **(Guide)** [Keyframe Properties: Type and Other](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_typeother) — _docs.sencha.com_ +- **(Guide)** [Keyframe Properties: Type and Other](http://docs.sencha.com/animator/1-3/#!/guide/keyfprops_typeother) — _docs.sencha.com_ Setting Type and Other properties for keyframes. -- **(Guide)** [Visual Tools: Introduction and Tools Panel](http://docs.sencha.com/animator/1-3/#!/guide/visual_introtoolspanel) — _docs.sencha.com_ +- **(Guide)** [Visual Tools: Introduction and Tools Panel](http://docs.sencha.com/animator/1-3/#!/guide/visual_introtoolspanel) — _docs.sencha.com_ Introducing visual elements of the interface, starting with the Tools Panel. -- **(Guide)** [Visual Tools: Object Tree](http://docs.sencha.com/animator/1-3/#!/guide/visual_objecttree) — _docs.sencha.com_ +- **(Guide)** [Visual Tools: Object Tree](http://docs.sencha.com/animator/1-3/#!/guide/visual_objecttree) — _docs.sencha.com_ Using the Animator Object Tree, which reflects the DOM structure. -- **(Guide)** [Visual Tools: Timeline](http://docs.sencha.com/animator/1-3/#!/guide/visual_timeline) — _docs.sencha.com_ +- **(Guide)** [Visual Tools: Timeline](http://docs.sencha.com/animator/1-3/#!/guide/visual_timeline) — _docs.sencha.com_ Using the Animator Timeline, where you set keyframes for objects. -- **(Blog)** [The new Animator timeline: a closer look](http://www.sencha.com/blog/using-the-new-animator-timeline/) — _Katherine Chu_ on July 19, 2012 +- **(Blog)** [The new Animator timeline: a closer look](http://www.sencha.com/blog/using-the-new-animator-timeline/) — _Katherine Chu_ on July 19, 2012 As we developed Animator, our goal has always been to give designers full control of every animation ability available. If it’s possible to do it in CSS, you should be able to do it in Animator. It made sense that the first few releases were jam packed with new actions, transformations, and transitions, but as the product matured, it was time to re-evaluate what we had built for maximum usability as well as functionality. Let’s take a look at how we updated the Timeline in Sencha Animator 1.3. -- **(Video)** [Animator 1.3 Timeline (0:41)](http://vimeo.com/44987102) — _vimeo.com_ on June 30, 2012 +- **(Video)** [Animator 1.3 Timeline (0:41)](http://vimeo.com/44987102) — _vimeo.com_ on June 30, 2012 -- **(Guide)** [Visual Tools: Stage](http://docs.sencha.com/animator/1-3/#!/guide/visual_canvascenter) — _docs.sencha.com_ +- **(Guide)** [Visual Tools: Stage](http://docs.sencha.com/animator/1-3/#!/guide/visual_canvascenter) — _docs.sencha.com_ Using the Stage to manipulate and preview objects. -- **(Blog)** [Rocking the Boat of Flash with CSS3 Animations](http://www.sencha.com/blog/rocking-the-boat-of-flash-with-css3-animations/) — _Arne Bech_ on June 20, 2011 +- **(Blog)** [Rocking the Boat of Flash with CSS3 Animations](http://www.sencha.com/blog/rocking-the-boat-of-flash-with-css3-animations/) — _Arne Bech_ on June 20, 2011 A brief tutorial on how to make an animated scene using CSS3 animations in Sencha Animator. For this demo, we found an Adobe Flash animation from a popular stock photography site, and replicated it perfectly with HTML5/CSS3 Animations using Sencha Animator. -- **(Blog)** [How to Embed Interactive CSS3 Animations in an iBook](http://www.sencha.com/blog/how-to-embed-interactive-css3-animations-in-an-ibook/) — _Luca Candela_ on January 19, 2012 +- **(Blog)** [How to Embed Interactive CSS3 Animations in an iBook](http://www.sencha.com/blog/how-to-embed-interactive-css3-animations-in-an-ibook/) — _Luca Candela_ on January 19, 2012 Like everybody else on the US west coast, this morning we woke up in a world where Apple is poised to transform the way we consume textbooks with the ability to easily publish interactive books through iBook Author. The Sencha team quickly found a way to do that using Animator, and so can you following a few easy steps! -- **(Video)** [Animator 1.3 iBook Example (0:46)](http://vimeo.com/44987103) — _vimeo.com_ on June 30, 2012 +- **(Video)** [Animator 1.3 iBook Example (0:46)](http://vimeo.com/44987103) — _vimeo.com_ on June 30, 2012 -- **(Video)** [Sencha Animator in an Apple iBook (0:27)](http://vimeo.com/35333974) — _vimeo.com_ on January 19, 2012 +- **(Video)** [Sencha Animator in an Apple iBook (0:27)](http://vimeo.com/35333974) — _vimeo.com_ on January 19, 2012 Here is a quick video of our Rocking Boat CSS3 animation running in iBook on an iPad. This CSS3 demo shows off basic interactivity by changing the background color. The animation was built with Sencha Animator. -- **(Blog)** [Create a Small Interactive Application with Sencha Animator](http://www.sencha.com/blog/interactive-application-with-sencha-animator/) — _Arne Bech_ on February 29, 2012 +- **(Blog)** [Create a Small Interactive Application with Sencha Animator](http://www.sencha.com/blog/interactive-application-with-sencha-animator/) — _Arne Bech_ on February 29, 2012 This tutorial shows you how to build a full-screen interactive quiz for iPhone based on open web standards using Sencha Animator. In this tutorial we will cover how to use one of the advanced features of Sencha Animator, adding custom code to a project. -- **(Forums)** [Sencha Animator Forums](http://www.sencha.com/forum/forumdisplay.php?63-Sencha-Animator-Forums) — _www.sencha.com_ +- **(Forums)** [Sencha Animator Forums](http://www.sencha.com/forum/forumdisplay.php?63-Sencha-Animator-Forums) — _www.sencha.com_ diff --git a/architect2.md b/architect2.md index 4f5ab94..3173124 100644 --- a/architect2.md +++ b/architect2.md @@ -4,135 +4,135 @@ The following learning pathway will help you get started with building mobile an ## Prerequisites -- **(Download)** [Download Sencha Architect 2](http://www.sencha.com/products/architect/download/) — _Sencha_ +- **(Download)** [Download Sencha Architect 2](http://www.sencha.com/products/architect/download/) — _Sencha_ ## Beginner -- **(Guide)** [Introduction and Guided Tour](http://docs.sencha.com/architect/2/#!/guide/intro) — _docs.sencha.com_ +- **(Guide)** [Introduction and Guided Tour](http://docs.sencha.com/architect/2/#!/guide/intro) — _docs.sencha.com_ Learn your way around Architect 2 with this tour of its main interface elements. -- **(Blog)** [Introducing Sencha Architect 2: A Massive Upgrade of Ext Designer](http://www.sencha.com/blog/sencha-architect-html5-app-builder-for-touch-and-ext-js/) — _Luca Candela_ on April 17, 2012 +- **(Blog)** [Introducing Sencha Architect 2: A Massive Upgrade of Ext Designer](http://www.sencha.com/blog/sencha-architect-html5-app-builder-for-touch-and-ext-js/) — _Luca Candela_ on April 17, 2012 It is our pleasure to introduce the all-new Sencha Architect 2, building on our innovation in Ext Designer. When we started working on the next release of Ext Designer, we had very ambitious goals: we wanted to build a great visual tool to help you build web applications faster that didn't get in your way. Take a look at how far we've come. -- **(Blog)** [Sencha Architect 2.1 Now Available](http://www.sencha.com/blog/sencha-architect-2-1/) — _Phil Strong_ on August 14, 2012 +- **(Blog)** [Sencha Architect 2.1 Now Available](http://www.sencha.com/blog/sencha-architect-2-1/) — _Phil Strong_ on August 14, 2012 Sencha Architect is better than ever. We're excited to announce Architect 2.1 and to share what we've been working on for the past three months. The goal for the first minor release was to improve performance and stability while continuing to add functionality that helps our developers do even more with the tool. Minor release? It sure doesn't feel that way with hundreds of bugs fixed and dozens of new features. Here's a run down of the most prominent features. -- **(Video)** [Say hello to Sencha Architect, Part 1 of 4 (0:41)](http://vimeo.com/40504820) — _vimeo.com_ +- **(Video)** [Say hello to Sencha Architect, Part 1 of 4 (0:41)](http://vimeo.com/40504820) — _vimeo.com_ Sencha Architect 2 builds on our innovative HTML5 layout tool, Ext Designer, allowing you to build Sencha Touch and Ext JS applications through drag and drop. -- **(Video)** [Say hello to Sencha Architect, Part 2 of 4 (0:44)](http://vimeo.com/40499741) — _vimeo.com_ +- **(Video)** [Say hello to Sencha Architect, Part 2 of 4 (0:44)](http://vimeo.com/40499741) — _vimeo.com_ Sencha Architect 2 builds on our innovative HTML5 layout tool, Ext Designer, allowing you to build Sencha Touch and Ext JS applications through drag and drop. -- **(Video)** [Say hello to Sencha Architect, Part 3 of 4 (1:03)](http://vimeo.com/40500373) — _vimeo.com_ +- **(Video)** [Say hello to Sencha Architect, Part 3 of 4 (1:03)](http://vimeo.com/40500373) — _vimeo.com_ Sencha Architect 2 builds on our innovative HTML5 layout tool, Ext Designer, allowing you to build Sencha Touch and Ext JS applications through drag and drop. -- **(Video)** [Say hello to Sencha Architect, Part 4 of 4 (0:58)](http://vimeo.com/40500092) — _vimeo.com_ +- **(Video)** [Say hello to Sencha Architect, Part 4 of 4 (0:58)](http://vimeo.com/40500092) — _vimeo.com_ Sencha Architect 2 builds on our innovative HTML5 layout tool, Ext Designer, allowing you to build Sencha Touch and Ext JS applications through drag and drop. -- **(Guide)** [Project Basics](http://docs.sencha.com/architect/2/#!/guide/project_basics) — _docs.sencha.com_ +- **(Guide)** [Project Basics](http://docs.sencha.com/architect/2/#!/guide/project_basics) — _docs.sencha.com_ Set up your system and Architect, and learn other fundamentals of creating applications in Architect. -- **(Guide)** [The Inspector](http://docs.sencha.com/architect/2/#!/guide/project_inspector) — _docs.sencha.com_ +- **(Guide)** [The Inspector](http://docs.sencha.com/architect/2/#!/guide/project_inspector) — _docs.sencha.com_ The Inspector is the main entry point into Architect projects. Learn how to use it. -- **(Video)** [Building Multi-device Apps with Sencha Complete (58:15)](http://vimeo.com/52871577) — _Daniel Gallo_ +- **(Video)** [Building Multi-device Apps with Sencha Complete (58:15)](http://vimeo.com/52871577) — _Daniel Gallo_ Daniel Gallo, Sencha's sales engineer in the UK presents how to build an application for managing customers with a .Net/MS SQL backend with Sencha Touch and Sencha Ext JS powering the front end HTML5 interfaces. -- **(Video)** [Accelerate your multi-device application development with Sencha Complete (46:45)](http://vimeo.com/54618369) — _Chris Dawes_ +- **(Video)** [Accelerate your multi-device application development with Sencha Complete (46:45)](http://vimeo.com/54618369) — _Chris Dawes_ Learn how easy it is to build desktop and mobile applications with Sencha Complete. In this one-hour webinar, Sencha tech expert Chris Dawes will show you the power of using Sencha Architect, Sencha Ext JS, and Sencha Touch by building a multi-device-ready app. -- **(Guide)** [Build Your First Desktop Application](http://docs.sencha.com/architect/2/#!/guide/first_desktop_app) — _docs.sencha.com_ +- **(Guide)** [Build Your First Desktop Application](http://docs.sencha.com/architect/2/#!/guide/first_desktop_app) — _docs.sencha.com_ A hands-on tutorial showing you how to build a simple desktop application called Car Stores using Architect for Ext JS. -- **(Guide)** [Build Your First Mobile App](http://docs.sencha.com/architect/2/#!/guide/first_mobile_app) — _docs.sencha.com_ +- **(Guide)** [Build Your First Mobile App](http://docs.sencha.com/architect/2/#!/guide/first_mobile_app) — _docs.sencha.com_ Build a project using Architect for Sencha Touch to learn basic techniques and try out new features. -- **(Guide)** [Config Panel](http://docs.sencha.com/architect/2/#!/guide/config_panel) — _docs.sencha.com_ +- **(Guide)** [Config Panel](http://docs.sencha.com/architect/2/#!/guide/config_panel) — _docs.sencha.com_ General overview of the Config panel, where you set the appearance and behavior of the parts of your project. -- **(Guide)** [Using Resources](http://docs.sencha.com/architect/2/#!/guide/resources) — _docs.sencha.com_ +- **(Guide)** [Using Resources](http://docs.sencha.com/architect/2/#!/guide/resources) — _docs.sencha.com_ How to add and configure external resources in Architect projects. -- **(Guide)** [Introduction to Views](http://docs.sencha.com/architect/2/#!/guide/views_intro) — _docs.sencha.com_ +- **(Guide)** [Introduction to Views](http://docs.sencha.com/architect/2/#!/guide/views_intro) — _docs.sencha.com_ Adding and configuring views in Architect projects. -- **(Guide)** [Ext JS View Components](http://docs.sencha.com/architect/2/#!/guide/views_extjscomp) — _docs.sencha.com_ +- **(Guide)** [Ext JS View Components](http://docs.sencha.com/architect/2/#!/guide/views_extjscomp) — _docs.sencha.com_ Ext JS components overview. -- **(Guide)** [Sencha Touch View Components in Architect](http://docs.sencha.com/architect/2/#!/guide/views_touchcomp) — _docs.sencha.com_ +- **(Guide)** [Sencha Touch View Components in Architect](http://docs.sencha.com/architect/2/#!/guide/views_touchcomp) — _docs.sencha.com_ Touch components overview. -- **(Guide)** [Layouts](http://docs.sencha.com/architect/2/#!/guide/views_layouts) — _docs.sencha.com_ +- **(Guide)** [Layouts](http://docs.sencha.com/architect/2/#!/guide/views_layouts) — _docs.sencha.com_ Layouts overview. -- **(Guide)** [Controllers Reference](http://docs.sencha.com/architect/2/#!/guide/controllers) — _docs.sencha.com_ +- **(Guide)** [Controllers Reference](http://docs.sencha.com/architect/2/#!/guide/controllers) — _docs.sencha.com_ How to add and configure controllers. -- **(Guide)** [Stores and Models](http://docs.sencha.com/architect/2/#!/guide/stores_models) — _docs.sencha.com_ +- **(Guide)** [Stores and Models](http://docs.sencha.com/architect/2/#!/guide/stores_models) — _docs.sencha.com_ Introduction to using stores and models to add data to an application. -- **(Tutorial)** [Implementing Routes with Sencha Architect](http://www.sencha.com/learn/implementing-routes-with-sencha-architect/) — _Jason Johnston_ on June 20, 2012 +- **(Tutorial)** [Implementing Routes with Sencha Architect](http://www.sencha.com/learn/implementing-routes-with-sencha-architect/) — _Jason Johnston_ on June 20, 2012 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. -- **(Guide)** [Reusing Components](http://docs.sencha.com/architect/2/#!/guide/reusing_components) — _docs.sencha.com_ +- **(Guide)** [Reusing Components](http://docs.sencha.com/architect/2/#!/guide/reusing_components) — _docs.sencha.com_ Learn the ways Architect lets you reuse a component, within a single project and across multiple projects and among many users. -- **(Video)** [Working With Data in Sencha Designer (12:40)](http://www.sencha.com/learn/working-with-data-in-sencha-designer/) — _Jason Johnston_ on February 28, 2012 +- **(Video)** [Working With Data in Sencha Designer (12:40)](http://www.sencha.com/learn/working-with-data-in-sencha-designer/) — _Jason Johnston_ on February 28, 2012 This screencast provides an overview of the data layer in Sencha frameworks and demonstrates how you can use Designer to use the data capabilities. We explore the basics of creating stores, defining record structure using models, using proxies and readers to load data, sorting and grouping data, previewing loaded data, and attaching stores to views. -- **(Guide)** [Working With the Code Editor](http://docs.sencha.com/architect/2/#!/guide/custom_code) — _docs.sencha.com_ +- **(Guide)** [Working With the Code Editor](http://docs.sencha.com/architect/2/#!/guide/custom_code) — _docs.sencha.com_ Learn how Architect's built-in code editor lets you view generated code and add your own custom logic. -- **(Guide)** [Application node configuration notes](http://docs.sencha.com/architect/2/#!/guide/application_node) — _docs.sencha.com_ +- **(Guide)** [Application node configuration notes](http://docs.sencha.com/architect/2/#!/guide/application_node) — _docs.sencha.com_ How to configure the Application node. -- **(Guide)** [Example Projects](http://docs.sencha.com/architect/2/#!/guide/examples) — _docs.sencha.com_ +- **(Guide)** [Example Projects](http://docs.sencha.com/architect/2/#!/guide/examples) — _docs.sencha.com_ Download and open up these examples in Architect to get ideas for how to build your own apps. -- **(Guide)** [Working with Layouts: Three Examples](http://docs.sencha.com/architect/2/#!/guide/views_layoutexamples) — _docs.sencha.com_ +- **(Guide)** [Working with Layouts: Three Examples](http://docs.sencha.com/architect/2/#!/guide/views_layoutexamples) — _docs.sencha.com_ Hands-on examples of how to use layouts. -- **(Guide)** [Build Ext JS Forms in Architect](http://docs.sencha.com/architect/2/#!/guide/views_forms_extjs) — _docs.sencha.com_ +- **(Guide)** [Build Ext JS Forms in Architect](http://docs.sencha.com/architect/2/#!/guide/views_forms_extjs) — _docs.sencha.com_ Build Ext JS forms by following these examples. -- **(Guide)** [Build Sencha Touch Forms in Architect](http://docs.sencha.com/architect/2/#!/guide/views_forms_touch) — _docs.sencha.com_ +- **(Guide)** [Build Sencha Touch Forms in Architect](http://docs.sencha.com/architect/2/#!/guide/views_forms_touch) — _docs.sencha.com_ Build Sencha Touch forms by following these examples. -- **(Guide)** [Building Menus](http://docs.sencha.com/architect/2/#!/guide/views_buildmenu) — _docs.sencha.com_ +- **(Guide)** [Building Menus](http://docs.sencha.com/architect/2/#!/guide/views_buildmenu) — _docs.sencha.com_ Brief step-by-step instructions for building menus. -- **(Guide)** [Events and Controllers: Adding Interactivity](http://docs.sencha.com/architect/2/#!/guide/interactivity) — _docs.sencha.com_ +- **(Guide)** [Events and Controllers: Adding Interactivity](http://docs.sencha.com/architect/2/#!/guide/interactivity) — _docs.sencha.com_ Learn how to add interactivity to your app using event bindings and controllers. -- **(Guide)** [Working With Stores: Three Examples](http://docs.sencha.com/architect/2/#!/guide/stores_examples) — _docs.sencha.com_ +- **(Guide)** [Working With Stores: Three Examples](http://docs.sencha.com/architect/2/#!/guide/stores_examples) — _docs.sencha.com_ Build example Json, array, and XML stores and connect them to data. -- **(Guide)** [Using Navigation View in Mobile Apps](http://docs.sencha.com/architect/2/#!/guide/navigationview) — _docs.sencha.com_ +- **(Guide)** [Using Navigation View in Mobile Apps](http://docs.sencha.com/architect/2/#!/guide/navigationview) — _docs.sencha.com_ Build a mobile app and learn how to use the Sencha Touch 2 Navigation View component. -- **(Guide)** [Working With Classes](http://docs.sencha.com/architect/2/#!/guide/classes) — _docs.sencha.com_ +- **(Guide)** [Working With Classes](http://docs.sencha.com/architect/2/#!/guide/classes) — _docs.sencha.com_ Learn how Architect generates classes and how to customize them. -- **(Guide)** [Working With Linked Instances](http://docs.sencha.com/architect/2/#!/guide/linked_instances) — _docs.sencha.com_ +- **(Guide)** [Working With Linked Instances](http://docs.sencha.com/architect/2/#!/guide/linked_instances) — _docs.sencha.com_ Learn about using linked instances by following a simple example. -- **(Guide)** [Using Sencha Touch Overlays](http://docs.sencha.com/architect/2/#!/guide/touch_overlays) — _docs.sencha.com_ +- **(Guide)** [Using Sencha Touch Overlays](http://docs.sencha.com/architect/2/#!/guide/touch_overlays) — _docs.sencha.com_ Learn how to create and manipulate Sencha Touch 2 overlay widgets. -- **(Video)** [Sencha Architect supports Sencha Touch 2.1 Charts (3:40)](http://vimeo.com/52875480) — _vimeo.com_ +- **(Video)** [Sencha Architect supports Sencha Touch 2.1 Charts (3:40)](http://vimeo.com/52875480) — _vimeo.com_ Building an app that uses Sencha Touch Charts is now easier than ever. Our latest version of Sencha Architect now supports Sencha Touch Charts! Check out this demo with the Sencha Architect team on how to easily build an app with Sencha Touch Charts. -- **(Guide)** [Collaboration Best Practices](http://docs.sencha.com/architect/2/#!/guide/collaboration) — _docs.sencha.com_ +- **(Guide)** [Collaboration Best Practices](http://docs.sencha.com/architect/2/#!/guide/collaboration) — _docs.sencha.com_ An overview of capabilities that help you and your team collaborate on a project using Architect. -- **(Guide)** [Publishing, Packaging, and Simulating a Project](http://docs.sencha.com/architect/2/#!/guide/deploy) — _docs.sencha.com_ +- **(Guide)** [Publishing, Packaging, and Simulating a Project](http://docs.sencha.com/architect/2/#!/guide/deploy) — _docs.sencha.com_ How to deploy a project and package and simulate Sencha Touch projects. -- **(Documentation)** [Sencha Architect 2 Documentation](http://docs.sencha.com/architect/2/) — _docs.sencha.com_ +- **(Documentation)** [Sencha Architect 2 Documentation](http://docs.sencha.com/architect/2/) — _docs.sencha.com_ -- **(Examples)** [Sencha Architect Examples](https://github.com/SenchaArchitect) — _github.com_ +- **(Examples)** [Sencha Architect Examples](https://github.com/SenchaArchitect) — _github.com_ -- **(Forums)** [Sencha Architect 2.x Forums](http://www.sencha.com/forum/forumdisplay.php?99-Sencha-Architect-Forums-2.x) — _www.sencha.com_ +- **(Forums)** [Sencha Architect 2.x Forums](http://www.sencha.com/forum/forumdisplay.php?99-Sencha-Architect-Forums-2.x) — _www.sencha.com_ diff --git a/cmd.md b/cmd.md index 2086a32..87a7d36 100644 --- a/cmd.md +++ b/cmd.md @@ -4,65 +4,65 @@ The following learning pathway will help you get started scaffolding a new proje ## Prerequisites -- **(Download)** [Download Sencha Cmd](undefined) — _Sencha_ +- **(Download)** [Download Sencha Cmd](undefined) — _Sencha_ ## Beginner -- **(Guide)** [Introduction to Sencha Cmd](undefined) +- **(Guide)** [Introduction to Sencha Cmd](undefined) Introduction to using Sencha Cmd. -- **(Blog)** [Behind the Sencha Command Utility and the Build Process](http://www.sencha.com/blog/behind-sencha-command-and-the-build-process/) — _Jacky Nguyen_ on May 02, 2012 +- **(Blog)** [Behind the Sencha Command Utility and the Build Process](http://www.sencha.com/blog/behind-sencha-command-and-the-build-process/) — _Jacky Nguyen_ on May 02, 2012 The Sencha command utility is a cross-platform command line tool that helps make it easier than ever to develop applications with Sencha Touch 2. The tool consists of many useful automated tasks around the full lifecycle of your applications, from generating a fresh new project to deploying an app for production. -- **(Blog)** [The All New Sencha Cmd](http://www.sencha.com/blog/all-new-sencha-cmd/) — _Don Griffin_ on September 19, 2012 +- **(Blog)** [The All New Sencha Cmd](http://www.sencha.com/blog/all-new-sencha-cmd/) — _Don Griffin_ on September 19, 2012 Many exciting things have been happening internally on the build tools for Sencha frameworks. -- **(Guide)** [Using Sencha Cmd with Ext JS](http://docs.sencha.com/ext-js/4-1/#!/guide/command_app) — _docs.sencha.com_ +- **(Guide)** [Using Sencha Cmd with Ext JS](http://docs.sencha.com/ext-js/4-1/#!/guide/command_app) — _docs.sencha.com_ Using Sencha Cmd to generate and develop Ext JS applications. -- **(Guide)** [Using Sencha Cmd with Sencha Touch](http://docs.sencha.com/touch/2-1/#!/guide/command_app) — _docs.sencha.com_ +- **(Guide)** [Using Sencha Cmd with Sencha Touch](http://docs.sencha.com/touch/2-1/#!/guide/command_app) — _docs.sencha.com_ How to generate applications and automate the deployment and packaging process with Sencha Cmd. -- **(Blog)** [Using Sencha Cmd and the Sencha Eclipse Plugin Together](http://www.sencha.com/blog/using-sencha-cmd-and-the-sencha-eclipse-plugin-together/) — _Aditya Bansod_ on November 29, 2012 +- **(Blog)** [Using Sencha Cmd and the Sencha Eclipse Plugin Together](http://www.sencha.com/blog/using-sencha-cmd-and-the-sencha-eclipse-plugin-together/) — _Aditya Bansod_ on November 29, 2012 Sencha Cmd 3.0 is the newest addition to the set of tools that make it easy to build Sencha applications. The new Cmd greatly increases the functionality of what you can do on the command line, giving you the ability to scaffold, build and minify projects. -- **(Guide)** [Compiler-Friendly Code Guidelines](http://docs.sencha.com/ext-js/4-1/#!/guide/command_code) — _docs.sencha.com_ +- **(Guide)** [Compiler-Friendly Code Guidelines](http://docs.sencha.com/ext-js/4-1/#!/guide/command_code) — _docs.sencha.com_ Recommendations for getting the most from the compiler. -- **(Guide)** [Workspaces in Sencha Cmd](http://docs.sencha.com/ext-js/4-1/#!/guide/command_workspace) — _docs.sencha.com_ +- **(Guide)** [Workspaces in Sencha Cmd](http://docs.sencha.com/ext-js/4-1/#!/guide/command_workspace) — _docs.sencha.com_ Using Sencha Cmd to develop large, multi-page, applications. -- **(Guide)** [Single-Page Ext JS Apps](http://docs.sencha.com/ext-js/4-1/#!/guide/command_app_single) — _docs.sencha.com_ +- **(Guide)** [Single-Page Ext JS Apps](http://docs.sencha.com/ext-js/4-1/#!/guide/command_app_single) — _docs.sencha.com_ Using Sencha Cmd to develop single-page, Ext JS applications. -- **(Guide)** [Multi-Page Ext JS Apps](http://docs.sencha.com/ext-js/4-1/#!/guide/command_app_multi) — _docs.sencha.com_ +- **(Guide)** [Multi-Page Ext JS Apps](http://docs.sencha.com/ext-js/4-1/#!/guide/command_app_multi) — _docs.sencha.com_ Using Sencha Cmd to develop large, multi-page, Ext JS applications. -- **(Guide)** [Building Themes for Ext JS](http://docs.sencha.com/ext-js/4-1/#!/guide/command_theme) — _docs.sencha.com_ +- **(Guide)** [Building Themes for Ext JS](http://docs.sencha.com/ext-js/4-1/#!/guide/command_theme) — _docs.sencha.com_ Introduction to themes and the image slicer. ## Intermediate -- **(Guide)** [Advanced Sencha Cmd](http://docs.sencha.com/ext-js/4-1/#!/guide/command_advanced) — _docs.sencha.com_ +- **(Guide)** [Advanced Sencha Cmd](http://docs.sencha.com/ext-js/4-1/#!/guide/command_advanced) — _docs.sencha.com_ Advanced uses of Sencha Cmd. -- **(Guide)** [Sencha Compiler Reference](http://docs.sencha.com/ext-js/4-1/#!/guide/command_compiler) — _docs.sencha.com_ +- **(Guide)** [Sencha Compiler Reference](http://docs.sencha.com/ext-js/4-1/#!/guide/command_compiler) — _docs.sencha.com_ Using, configuring and getting the most from the compiler. -- **(Guide)** [Ant Integration](http://docs.sencha.com/ext-js/4-1/#!/guide/command_ant) — _docs.sencha.com_ +- **(Guide)** [Ant Integration](http://docs.sencha.com/ext-js/4-1/#!/guide/command_ant) — _docs.sencha.com_ Describes the Ant Tasks available from Sencha Cmd. -- **(Guide)** [Generating Metadata](http://docs.sencha.com/ext-js/4-1/#!/guide/command_compiler_meta) — _docs.sencha.com_ +- **(Guide)** [Generating Metadata](http://docs.sencha.com/ext-js/4-1/#!/guide/command_compiler_meta) — _docs.sencha.com_ Generation and uses for code metadata. -- **(Guide)** [Sencha Cmd Reference](http://docs.sencha.com/ext-js/4-1/#!/guide/command_reference) — _docs.sencha.com_ +- **(Guide)** [Sencha Cmd Reference](http://docs.sencha.com/ext-js/4-1/#!/guide/command_reference) — _docs.sencha.com_ A complete command line reference. -- **(Video)** [Using Sencha Eclipse Plugin with Sencha Cmd (10:21)](http://www.sencha.com/blog/using-sencha-cmd-and-the-sencha-eclipse-plugin-together/) — _www.sencha.com_ on November 27, 2012 +- **(Video)** [Using Sencha Eclipse Plugin with Sencha Cmd (10:21)](http://www.sencha.com/blog/using-sencha-cmd-and-the-sencha-eclipse-plugin-together/) — _www.sencha.com_ on November 27, 2012 Sencha Cmd and Sencha Eclipse Plugin work great together. See how Sencha Cmd streamlines the process of setting up your model-view-controller Ext JS or Sencha Touch application and how Sencha Eclipse Plugin gives you code assist, error checking and type ahead support from the popular Eclipse IDE. Use both these Sencha tools together to dramatically reduce your app development time. -- **(Forums)** [Sencha Cmd Forums](http://www.sencha.com/forum/forumdisplay.php?8-Sencha-Cmd) — _www.sencha.com_ +- **(Forums)** [Sencha Cmd Forums](http://www.sencha.com/forum/forumdisplay.php?8-Sencha-Cmd) — _www.sencha.com_ diff --git a/complete-team.md b/complete-team.md index 2ef6440..cc839a6 100644 --- a/complete-team.md +++ b/complete-team.md @@ -4,48 +4,48 @@ The following learning pathway will help you get started building mobile and des ## Prerequisites -- **(Download)** [Download Sencha Complete: Team](http://www.sencha.com/products/complete-team/evaluate) — _Sencha_ +- **(Download)** [Download Sencha Complete: Team](http://www.sencha.com/products/complete-team/evaluate) — _Sencha_ ## Beginner -- **(Blog)** [Introducing Sencha Complete: Team](http://www.sencha.com/blog/introducing-sencha-complete-team/) — _Aditya Bansod_ on September 11, 2012 +- **(Blog)** [Introducing Sencha Complete: Team](http://www.sencha.com/blog/introducing-sencha-complete-team/) — _Aditya Bansod_ on September 11, 2012 Over the last few years, we’ve been working hand in hand with our customers as they use Sencha technologies to make more complex and mission critical applications on both desktop and mobile. Sencha Complete: Team is intended to help teams of developers be more productive, connect their apps more easily to back-end data sources, and have more flexibility in deployment. -- **(Learning Pathway)** [Ext JS 4 Learning Pathway](http://www.sencha.com/learn/extjs4-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Ext JS 4 Learning Pathway](http://www.sencha.com/learn/extjs4-learning-pathway) — _Sencha_ The following learning pathway guides you through building desktop applications using Sencha Ext JS. -- **(Learning Pathway)** [Sencha Touch 2 Learning Pathway](http://www.sencha.com/learn/touch2-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Sencha Touch 2 Learning Pathway](http://www.sencha.com/learn/touch2-learning-pathway) — _Sencha_ The following learning pathway guides you through building mobile applications using Sencha Touch. -- **(Learning Pathway)** [Sencha Architect 2 Learning Pathway](http://www.sencha.com/learn/architect2-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Sencha Architect 2 Learning Pathway](http://www.sencha.com/learn/architect2-learning-pathway) — _Sencha_ The following learning pathway guides you through building Ext JS and Sencha Touch applications using Sencha Architect. -- **(Learning Pathway)** [Sencha Cmd Learning Pathway](http://www.sencha.com/learn/cmd-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Sencha Cmd Learning Pathway](http://www.sencha.com/learn/cmd-learning-pathway) — _Sencha_ ## Intermediate -- **(Video)** [Accelerate your multi-device application development with Sencha Complete (46:45)](http://vimeo.com/54618369) — _Chris Dawes_ on November 30, 2012 +- **(Video)** [Accelerate your multi-device application development with Sencha Complete (46:45)](http://vimeo.com/54618369) — _Chris Dawes_ on November 30, 2012 Learn how easy it is to build desktop and mobile applications with Sencha Complete. In this one-hour webinar, Sencha tech expert Chris Dawes will show you the power of using Sencha Architect, Sencha Ext JS, and Sencha Touch by building a multi-device-ready app. -- **(Video)** [Building Multi-device Apps with Sencha Complete (58:15)](http://vimeo.com/52871577) — _Daniel Gallo_ on November 5, 2012 +- **(Video)** [Building Multi-device Apps with Sencha Complete (58:15)](http://vimeo.com/52871577) — _Daniel Gallo_ on November 5, 2012 Daniel Gallo, Sencha's sales engineer in the UK presents how to build an application for managing customers with a .Net/MS SQL backend with Sencha Touch and Sencha Ext JS powering the front end HTML5 interfaces. -- **(Blog)** [Creating Native Applications with Sencha Desktop Packager](http://www.sencha.com/blog/creating-native-applications-with-sencha-desktop-packager/) — _Ariya Hidayat_ on November 26, 2012 +- **(Blog)** [Creating Native Applications with Sencha Desktop Packager](http://www.sencha.com/blog/creating-native-applications-with-sencha-desktop-packager/) — _Ariya Hidayat_ on November 26, 2012 Sencha Desktop Packager is a new product, included with the Sencha Complete: Team bundle, which enables you to take your existing Ext JS web application and package it as a native desktop application. From here, you may deliver your application to your customers who are running Windows and Mac OS X. -- **(Blog)** [Taking a look at the new Sencha SOAP Data Proxy](http://www.sencha.com/blog/taking-a-look-at-the-new-sencha-soap-data-proxy/) — _Kevin Kazmierczak_ on September 27, 2012 +- **(Blog)** [Taking a look at the new Sencha SOAP Data Proxy](http://www.sencha.com/blog/taking-a-look-at-the-new-sencha-soap-data-proxy/) — _Kevin Kazmierczak_ on September 27, 2012 The Sencha data package offers a number of different proxies to connect your application to all kinds of data. With the release of Ext JS 4.1.2 in Sencha Complete: Team, developers can now point to SOAP web services. With SOAP being one of the most popular web service protocols out there, this will allow developers a new option for connecting their applications to data. -- **(Learning Pathway)** [Sencha Eclipse Plugin Learning Pathway](http://www.sencha.com/blog/using-sencha-cmd-and-the-sencha-eclipse-plugin-together/) — _Sencha_ +- **(Learning Pathway)** [Sencha Eclipse Plugin Learning Pathway](http://www.sencha.com/blog/using-sencha-cmd-and-the-sencha-eclipse-plugin-together/) — _Sencha_ The following learning pathway shows how the Sencha Eclipse Plugin gives you code assist, error checking and type ahead support from the popular Eclipse IDE. -- **(Learning Pathway)** [Architecting Sencha Apps using MVC Learning Pathway](http://www.sencha.com/learn/mvc-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Architecting Sencha Apps using MVC Learning Pathway](http://www.sencha.com/learn/mvc-learning-pathway) — _Sencha_ -- **(Learning Pathway)** [Testing Sencha Applications Learning Pathway](http://www.sencha.com/learn/testing-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Testing Sencha Applications Learning Pathway](http://www.sencha.com/learn/testing-learning-pathway) — _Sencha_ -- **(Learning Pathway)** [Theming Sencha Applications Learning Pathway](http://www.sencha.com/learn/theming-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Theming Sencha Applications Learning Pathway](http://www.sencha.com/learn/theming-learning-pathway) — _Sencha_ The following learning pathway guides you through styling Ext JS and Sencha Touch applications using Sass and Compass. diff --git a/complete.md b/complete.md index fdcdd83..0407365 100644 --- a/complete.md +++ b/complete.md @@ -4,39 +4,39 @@ The following learning pathway will help you get started building mobile and des ## Prerequisites -- **(Download)** [Download Sencha Complete](http://www.sencha.com/products/complete/evaluate) — _Sencha_ +- **(Download)** [Download Sencha Complete](http://www.sencha.com/products/complete/evaluate) — _Sencha_ ## Beginner -- **(Learning Pathway)** [Ext JS 4 Learning Pathway](http://www.sencha.com/learn/extjs4-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Ext JS 4 Learning Pathway](http://www.sencha.com/learn/extjs4-learning-pathway) — _Sencha_ The following learning pathway guides you through building desktop applications using Sencha Ext JS. -- **(Learning Pathway)** [Sencha Touch 2 Learning Pathway](http://www.sencha.com/learn/touch2) — _Sencha_ +- **(Learning Pathway)** [Sencha Touch 2 Learning Pathway](http://www.sencha.com/learn/touch2) — _Sencha_ The following learning pathway guides you through building mobile applications using Sencha Touch. -- **(Learning Pathway)** [Sencha Architect 2 Learning Pathway](http://www.sencha.com/learn/architect2) — _Sencha_ +- **(Learning Pathway)** [Sencha Architect 2 Learning Pathway](http://www.sencha.com/learn/architect2) — _Sencha_ The following learning pathway guides you through building Ext JS and Sencha Touch applications using Sencha Architect. -- **(Learning Pathway)** [Sencha Cmd Learning Pathway](http://www.sencha.com/learn/cmd-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Sencha Cmd Learning Pathway](http://www.sencha.com/learn/cmd-learning-pathway) — _Sencha_ ## Intermediate -- **(Video)** [Accelerate your multi-device application development with Sencha Complete (46:45)](http://vimeo.com/54618369) — _Chris Dawes_ on November 30, 2012 +- **(Video)** [Accelerate your multi-device application development with Sencha Complete (46:45)](http://vimeo.com/54618369) — _Chris Dawes_ on November 30, 2012 Learn how easy it is to build desktop and mobile applications with Sencha Complete. In this one-hour webinar, Sencha tech expert Chris Dawes will show you the power of using Sencha Architect, Sencha Ext JS, and Sencha Touch by building a multi-device-ready app. -- **(Video)** [Building Multi-device Apps with Sencha Complete (58:15)](http://vimeo.com/52871577) — _Daniel Gallo_ on November 5, 2012 +- **(Video)** [Building Multi-device Apps with Sencha Complete (58:15)](http://vimeo.com/52871577) — _Daniel Gallo_ on November 5, 2012 Daniel Gallo, Sencha's sales engineer in the UK presents how to build an application for managing customers with a .Net/MS SQL backend with Sencha Touch and Sencha Ext JS powering the front end HTML5 interfaces. -- **(Learning Pathway)** [Sencha Eclipse Plugin Learning Pathway](http://www.sencha.com/blog/using-sencha-cmd-and-the-sencha-eclipse-plugin-together/) — _Sencha_ +- **(Learning Pathway)** [Sencha Eclipse Plugin Learning Pathway](http://www.sencha.com/blog/using-sencha-cmd-and-the-sencha-eclipse-plugin-together/) — _Sencha_ The following learning pathway shows how the Sencha Eclipse Plugin gives you code assist, error checking and type ahead support from the popular Eclipse IDE. -- **(Learning Pathway)** [Architecting Sencha Apps using MVC Learning Pathway](http://www.sencha.com/learn/mvc-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Architecting Sencha Apps using MVC Learning Pathway](http://www.sencha.com/learn/mvc-learning-pathway) — _Sencha_ -- **(Learning Pathway)** [Testing Sencha Applications Learning Pathway](http://www.sencha.com/learn/testing-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Testing Sencha Applications Learning Pathway](http://www.sencha.com/learn/testing-learning-pathway) — _Sencha_ -- **(Learning Pathway)** [Theming Sencha Applications Learning Pathway](http://www.sencha.com/learn/theming-learning-pathway) — _Sencha_ +- **(Learning Pathway)** [Theming Sencha Applications Learning Pathway](http://www.sencha.com/learn/theming-learning-pathway) — _Sencha_ The following learning pathway guides you through styling Ext JS and Sencha Touch applications using Sass and Compass. diff --git a/eclipse.md b/eclipse.md index f127bf6..4afe8a9 100644 --- a/eclipse.md +++ b/eclipse.md @@ -4,20 +4,20 @@ The following learning pathway shows how the Sencha Eclipse Plugin gives you cod ## Prerequisites -- **(Download)** [Download Sencha Complete: Team](http://www.sencha.com/products/complete-team/evaluate) — _Sencha_ +- **(Download)** [Download Sencha Complete: Team](http://www.sencha.com/products/complete-team/evaluate) — _Sencha_ ## Beginner -- **(Blog)** [The New Sencha Eclipse Plugin](http://www.sencha.com/blog/the-new-sencha-eclipse-plugin/) — _Aditya Bansod_ on September 25, 2012 +- **(Blog)** [The New Sencha Eclipse Plugin](http://www.sencha.com/blog/the-new-sencha-eclipse-plugin/) — _Aditya Bansod_ on September 25, 2012 We've been working on various tools that make a Sencha developer's life easier, and we started with Sencha Architect. Our new plugin makes it even easier to use Architect by providing a full set of code completion and code assistance features for Eclipse. -- **(Video)** [Sencha Complete Eclipse Plug-in (12:41)](http://vimeo.com/49176749) — _vimeo.com_ on September 10, 2012 +- **(Video)** [Sencha Complete Eclipse Plug-in (12:41)](http://vimeo.com/49176749) — _vimeo.com_ on September 10, 2012 -- **(Blog)** [Sencha Eclipse Plugin Tips & Tricks](http://www.sencha.com/blog/sencha-eclipse-plugin-tips-tricks) — _Justin Early_ on December 11, 2012 +- **(Blog)** [Sencha Eclipse Plugin Tips & Tricks](http://www.sencha.com/blog/sencha-eclipse-plugin-tips-tricks) — _Justin Early_ on December 11, 2012 With the Sencha Eclipse Plugin, you're able to get code assist for standard Sencha Touch (new in Sencha Eclipse Plugin 1.1) and Ext JS types, as well as custom types that you define as a part of your project. In this article, guest blogger Justin Early demonstrates some of the tricks and tips that can make you a more productive Sencha Touch developer. -- **(Video)** [Using Sencha Eclipse Plugin with Sencha Cmd (10:21)](http://www.sencha.com/blog/using-sencha-cmd-and-the-sencha-eclipse-plugin-together/) — _www.sencha.com_ on November 27, 2012 +- **(Video)** [Using Sencha Eclipse Plugin with Sencha Cmd (10:21)](http://www.sencha.com/blog/using-sencha-cmd-and-the-sencha-eclipse-plugin-together/) — _www.sencha.com_ on November 27, 2012 Sencha Cmd and Sencha Eclipse Plugin work great together. See how Sencha Cmd streamlines the process of setting up your model-view-controller Ext JS or Sencha Touch application and how Sencha Eclipse Plugin gives you code assist, error checking and type ahead support from the popular Eclipse IDE. Use both these Sencha tools together to dramatically reduce your app development time. diff --git a/extjs4-migrating.md b/extjs4-migrating.md index f63b43f..9324e07 100644 --- a/extjs4-migrating.md +++ b/extjs4-migrating.md @@ -4,30 +4,30 @@ The following learning pathway shows how you can migrate your Sencha Ext JS appl ## Beginner -- **(Video)** [What's New in Ext JS 4 Webinar (58:49)](http://docs.sencha.com/ext-js/4-1/#!/video/25264626) — _Aditya Bansod, Ed Spencer, Brian Moeskau_ on June 17, 2011 +- **(Video)** [What's New in Ext JS 4 Webinar (58:49)](http://docs.sencha.com/ext-js/4-1/#!/video/25264626) — _Aditya Bansod, Ed Spencer, Brian Moeskau_ on June 17, 2011 Ext JS 4 raises the bar for cross-browser web apps. New features include plug-in-free charting, fully customizable theming, upgraded components — all packaged in a modern app framework that delivers high-quality, predictable results faster and easier than ever. Join us for this one-hour webinar where we'll discuss the new features and benefits of using Ext JS 4. We'll also provide tips and resources for migrating from Ext JS 3 to Ext JS 4. -- **(Guide)** [Upgrade Guide](http://docs.sencha.com/ext-js/4-1/#!/guide/upgrade) — _docs.sencha.com_ +- **(Guide)** [Upgrade Guide](http://docs.sencha.com/ext-js/4-1/#!/guide/upgrade) — _docs.sencha.com_ Ext 4 is a revolutionary step forward in web app development. Almost every major component within the framework has been improved, in many cases drastically so. There are also many components and subsystems that are brand new since Ext 3. This guide will provide an introduction to all major changes between Ext 3 and 4. -- **(Forums)** [Ext JS 3 to 4 Migration Forums](http://www.sencha.com/forum/showthread.php?124015-Ext-3-to-4-Migration) — _www.sencha.com_ +- **(Forums)** [Ext JS 3 to 4 Migration Forums](http://www.sencha.com/forum/showthread.php?124015-Ext-3-to-4-Migration) — _www.sencha.com_ -- **(Blog)** [Ext JS 3 to 4 Migration](http://www.sencha.com/blog/ext-js-3-to-4-migration/) — _Brian Moeskau_ on May 02, 2011 +- **(Blog)** [Ext JS 3 to 4 Migration](http://www.sencha.com/blog/ext-js-3-to-4-migration/) — _Brian Moeskau_ on May 02, 2011 Ext JS 4 is the most comprehensive upgrade to the framework we've ever released. From completely overhauled packages like Data and Charting, to widgets like the Tree and Grid that were rewritten from the ground up, Ext JS 4 represents a new level of power and flexibility in RIA development. -- **(Video)** [Migrating from Ext JS 3 to 4 (40:52)](http://www.sencha.com/conference/session/migrating-from-ext-js-3-to-4) — _Brian Moeskau, Mats Bryntse_ on December 11, 2011 +- **(Video)** [Migrating from Ext JS 3 to 4 (40:52)](http://www.sencha.com/conference/session/migrating-from-ext-js-3-to-4) — _Brian Moeskau, Mats Bryntse_ on December 11, 2011 Anyone with existing code based on Ext 3.x or earlier will sooner or later want to start taking advantage of the new capabilities offered by Ext 4. From MVC to charting to infinite grid scrolling, there are many reasons to upgrade, but where to begin? This session will provide practical strategies for migrating to Ext 4, including following the “Four R’s” of migration, dealing with common problems and pitfalls, debugging best practices, migrating custom components and much more. We’ll introduce the Ext 3 Compatibility layer and outline how it can minimize the time and effort required to convert your existing applications to Ext 4. -- **(Video)** [Ext JS 3 to 4 Migration, Part 1 of 2 (32:58)](http://docs.sencha.com/ext-js/4-1/#!/video/23027769) — _Brian Moeskau_ on April 28, 2011 +- **(Video)** [Ext JS 3 to 4 Migration, Part 1 of 2 (32:58)](http://docs.sencha.com/ext-js/4-1/#!/video/23027769) — _Brian Moeskau_ on April 28, 2011 In this video tutorial series Brian Moeskau teaches you how to use the Ext compatibility layer to migrate existing Ext 3 applications to Ext 4. The tutorial covers setup, debugging, dealing with common problems, and techniques for properly updating your application code. Part 1 focuses on the initial setup of the compatibility layer and getting a demo Ext 3 application running under Ext 4 in compatibility mode. -- **(Video)** [Ext JS 3 to 4 Migration, Part 2 of 2 (52:12)](http://docs.sencha.com/ext-js/4-1/#!/video/23046756) — _Brian Moeskau_ on April 29, 2011 +- **(Video)** [Ext JS 3 to 4 Migration, Part 2 of 2 (52:12)](http://docs.sencha.com/ext-js/4-1/#!/video/23046756) — _Brian Moeskau_ on April 29, 2011 In this video tutorial series Brian Moeskau teaches you how to use the Ext compatibility layer to migrate existing Ext 3 applications to Ext 4. The tutorial covers setup, debugging, dealing with common problems, and techniques for properly updating your application code. Part 2 builds on the first video, migrating the demo application off of the compatibility layer and getting it fully converted to Ext 4, including using the new class system and dynamic loading. -- **(Guide)** [Upgrade 4.0 to 4.1](http://docs.sencha.com/ext-js/4-1/#!/guide/upgrade_41) — _docs.sencha.com_ +- **(Guide)** [Upgrade 4.0 to 4.1](http://docs.sencha.com/ext-js/4-1/#!/guide/upgrade_41) — _docs.sencha.com_ This guide is meant to assist developers migrating from Ext JS 4.0.x to 4.1. Our goal was to maintain API compatibility as much as possible, despite the scope of the changes we are making to address bugs and user feedback. However, some changes were needed, which you need to consider in further Ext JS development. -- **(Video)** [Ext JS 4 Architecture (45:31)](http://docs.sencha.com/ext-js/4-1/#!/video/17733892) — _Ed Spencer_ on December 12, 2010 +- **(Video)** [Ext JS 4 Architecture (45:31)](http://docs.sencha.com/ext-js/4-1/#!/video/17733892) — _Ed Spencer_ on December 12, 2010 Ext JS 4 has a thoroughly revamped architecture that enables faster performance and more developer flexibility. In this session, we will take a tour through the revamped architecture of Ext JS 4.x, taking a high-level look at the updated data package, component hierarchy and core APIs. Afterwards, developers will have an understanding of why Ext JS 4 works the way it does and how best to leverage its underlying APIs. diff --git a/extjs4.md b/extjs4.md index c6469a5..873bb5a 100644 --- a/extjs4.md +++ b/extjs4.md @@ -4,233 +4,233 @@ The following learning pathway will help you get started building MVC-based Web ## Prerequisites -- **(Download)** [Download Ext JS 4](http://www.sencha.com/products/extjs/download/) — _Sencha_ +- **(Download)** [Download Ext JS 4](http://www.sencha.com/products/extjs/download/) — _Sencha_ ## Beginner -- **(Video)** [Ext JS 4 - The Most Advanced JavaScript Framework for Web Apps (2:00)](http://docs.sencha.com/ext-js/4-1/#!/video/22863837) — _docs.sencha.com_ on April 25, 2011 +- **(Video)** [Ext JS 4 - The Most Advanced JavaScript Framework for Web Apps (2:00)](http://docs.sencha.com/ext-js/4-1/#!/video/22863837) — _docs.sencha.com_ on April 25, 2011 Ext JS 4 represents a major upgrade of the flagship Sencha JavaScript framework, which is used by more than one million developers to create amazing cross-browser app experiences that execute with precision and performance. Highlights of the release include major enhancements to the drawing and charting capabilities of Ext JS, comprehensive cross-browser support, and an improved data package — all based on a modern architecture. -- **(Video)** [Introducing Ext JS 4 (38:18)](http://docs.sencha.com/ext-js/4-1/#!/video/17666102) — _docs.sencha.com_ on December 10, 2010 +- **(Video)** [Introducing Ext JS 4 (38:18)](http://docs.sencha.com/ext-js/4-1/#!/video/17666102) — _docs.sencha.com_ on December 10, 2010 Ext JS 4 is a major advance in JavaScript frameworks providing significantly expanded and refactored functionality in practically every area of the product. It's faster, easier and more stable. -- **(Video)** [Ext JS 4.1 - Build Amazing Apps with Web Standards (1:06:40)](http://vimeo.com/42166231) — _Ted Patrick_ on May 14, 2012 +- **(Video)** [Ext JS 4.1 - Build Amazing Apps with Web Standards (1:06:40)](http://vimeo.com/42166231) — _Ted Patrick_ on May 14, 2012 Learn about new features in the 4.1 release of our popular JavaScript framework, Ext JS. Follow Ted Patrick as he gives an Ext JS 4.1 sample app walkthrough, and provides an overview of the Ext JS framework structure and licensing model. -- **(Blog)** [HelloWorld with Ext JS 4](http://www.sencha.com/blog/helloworld-with-ext-js-4/) — _Samuel Asher Rivello_ on June 21, 2012 +- **(Blog)** [HelloWorld with Ext JS 4](http://www.sencha.com/blog/helloworld-with-ext-js-4/) — _Samuel Asher Rivello_ on June 21, 2012 For readers who are new to Sencha but coming from a Flex background, this guest blog post provides useful context and reference to familiarize yourself with how Flex concepts map to Sencha concepts. Typically, a Hello World program illustrates the quickest way to get anything (such as text) on the screen and publishing (or compiling) without errors. In this post, I have also added a few things. We see a Sencha component (Viewport), Sencha classpathing (src), a custom super class, a custom subclass, and an example of a mixin class (similar to multiple inheritance). -- **(Guide)** [Getting Started with Ext JS 4](http://docs.sencha.com/ext-js/4-1/#!/guide/getting_started) — _docs.sencha.com_ +- **(Guide)** [Getting Started with Ext JS 4](http://docs.sencha.com/ext-js/4-1/#!/guide/getting_started) — _docs.sencha.com_ This introduction to Ext JS 4 explains how you can get started with creating your first application. -- **(Tutorial)** [Ext JS Essentials](http://www.sencha.com/learn/ext-js-essentials) — _Brian Moeskau_ on July 11, 2011 +- **(Tutorial)** [Ext JS Essentials](http://www.sencha.com/learn/ext-js-essentials) — _Brian Moeskau_ on July 11, 2011 Anyone new to using the Ext library or trying to learn more about it has come to the right place. This tutorial will walk through Ext basic concepts and how to get a dynamic page up and running quickly. It is assumed that the reader has some Javascript experience and a basic understanding of the HTML document object model (DOM). If not, you may want to begin with some general references first. -- **(Guide)** [The Class System](http://docs.sencha.com/ext-js/4-1/#!/guide/class_system) — _docs.sencha.com_ +- **(Guide)** [The Class System](http://docs.sencha.com/ext-js/4-1/#!/guide/class_system) — _docs.sencha.com_ This manual is intended for any developer who wants to create new or extend existing classes with the new class system in Ext JS 4.x. -- **(Video)** [The Sencha Class System (52:30)](http://www.sencha.com/conference/session/the-sencha-class-system) — _Jacky Nguyen_ on December 10, 2011 +- **(Video)** [The Sencha Class System (52:30)](http://www.sencha.com/conference/session/the-sencha-class-system) — _Jacky Nguyen_ on December 10, 2011 Ext JS 4.x and Sencha Touch 2.0 went through a huge refactoring from the ground up with the new class system. It combines the familiar class-based programming style with the dynamic nature of JavaScript into a robust architecture which stands behind every single class written in the frameworks. This session will give you a complete picture of everything our new foundation has to offer as well as their benefits and best practices. -- **(Video)** [Ext.each explained (9:58)](http://www.sencha.com/learn/ext-each-explained/) — _Jay Garcia_ on February 26, 2010 +- **(Video)** [Ext.each explained (9:58)](http://www.sencha.com/learn/ext-each-explained/) — _Jay Garcia_ on February 26, 2010 Jay Garcia explains the Ext.each function. -- **(Video)** [Ext.extend explained (7:35)](http://www.sencha.com/learn/ext-extend-explained1/) — _Jay Garcia_ on Apr 1, 2008 +- **(Video)** [Ext.extend explained (7:35)](http://www.sencha.com/learn/ext-extend-explained1/) — _Jay Garcia_ on Apr 1, 2008 Jay Garcia explains an important concept in Ext JS: that of the Ext.extend function. -- **(Video)** [Ext.apply explained (7:37)](http://www.sencha.com/learn/ext-apply-explained/) — _Jay Garcia_ on May 26, 2008 +- **(Video)** [Ext.apply explained (7:37)](http://www.sencha.com/learn/ext-apply-explained/) — _Jay Garcia_ on May 26, 2008 Jay Garcia explains the Ext.apply function. -- **(Guide)** [Layouts and Containers](http://docs.sencha.com/ext-js/4-1/#!/guide/layouts_and_containers) — _docs.sencha.com_ +- **(Guide)** [Layouts and Containers](http://docs.sencha.com/ext-js/4-1/#!/guide/layouts_and_containers) — _docs.sencha.com_ The layout system handles the sizing and positioning of every component in your application. -- **(Video)** [Ext JS 4.1: Layouts, Performance, and API updates (43:04)](http://www.sencha.com/conference/session/tba-sencha-touch-1135am-1220pm) — _Don Griffin_ on December 10, 2011 +- **(Video)** [Ext JS 4.1: Layouts, Performance, and API updates (43:04)](http://www.sencha.com/conference/session/tba-sencha-touch-1135am-1220pm) — _Don Griffin_ on December 10, 2011 Improving layout and rendering performance is a major focus of Ext JS 4.1. This session will discuss some of these details and how they might impact your application, custom components and custom layouts. Beyond these largely invisible features, Ext JS 4.1 has other exciting enhancements. We will also cover: improvements to Grid, Border layout, XTemplate, Data and the class system. -- **(Video)** [The Ext JS 4 Layout System (47:27)](http://docs.sencha.com/ext-js/4-1/#!/video/17917111) — _Jamie Avins_ on December 17, 2010 +- **(Video)** [The Ext JS 4 Layout System (47:27)](http://docs.sencha.com/ext-js/4-1/#!/video/17917111) — _Jamie Avins_ on December 17, 2010 Ext JS 4 has a fully refactored layout engine with higher efficiency and performance. During this session, you'll learn all the in-depth details with a hands-on coding review of the updated ContainerLayouts and newly introduced ComponentLayouts. -- **(Guide)** [Components](http://docs.sencha.com/ext-js/4-1/#!/guide/components) — _docs.sencha.com_ +- **(Guide)** [Components](http://docs.sencha.com/ext-js/4-1/#!/guide/components) — _docs.sencha.com_ A simple example, and videos, about how to create components in Ext JS. -- **(Blog)** [Ext JS 4 Grid Components](http://www.sencha.com/blog/ext-js-4-grid-components/) — _Brian Moeskau_ on March 14, 2011 +- **(Blog)** [Ext JS 4 Grid Components](http://www.sencha.com/blog/ext-js-4-grid-components/) — _Brian Moeskau_ on March 14, 2011 The grid components have been rewritten from the ground up for Ext JS 4 and will provide numerous benefits over the 3.x versions. The 4.0 grid includes greatly improved performance and flexibility, so extending it and adding new functionality will be easier than ever. Here's a rundown of the most important new features. -- **(Guide)** [The Grid Component](http://docs.sencha.com/ext-js/4-1/#!/guide/grid) — _docs.sencha.com_ +- **(Guide)** [The Grid Component](http://docs.sencha.com/ext-js/4-1/#!/guide/grid) — _docs.sencha.com_ The grid provides a great way to view lots of data at once, formatted exactly how you need it. -- **(Blog)** [First Look at Ext JS 4.2 Grid](http://www.sencha.com/blog/first-look-at-ext-js-4-2-grid) — _Arthur Kay_ on December 11, 2012 +- **(Blog)** [First Look at Ext JS 4.2 Grid](http://www.sencha.com/blog/first-look-at-ext-js-4-2-grid) — _Arthur Kay_ on December 11, 2012 The release of Ext JS 4.2 beta delivers significantly faster performance of our Grid component. Check out the performance enhancements we’ve made in buffered rendering that allow this feature to be used in more situations with much less configuration. Developers who build apps featuring large data sets should see a dramatic increase in responsiveness thanks to these optimizations. -- **(Guide)** [Trees](http://docs.sencha.com/ext-js/4-1/#!/guide/tree) — _docs.sencha.com_ +- **(Guide)** [Trees](http://docs.sencha.com/ext-js/4-1/#!/guide/tree) — _docs.sencha.com_ Tree and grid now both extend from the same base class. All of the benefits of grid can now be used on trees. -- **(Guide)** [The Data Package](http://docs.sencha.com/ext-js/4-1/#!/guide/data) — _docs.sencha.com_ +- **(Guide)** [The Data Package](http://docs.sencha.com/ext-js/4-1/#!/guide/data) — _docs.sencha.com_ The data package is what loads and saves all of the data in your application. -- **(Blog)** [Sencha Basics: An Introduction to Data Stores](http://www.sencha.com/blog/sencha-basics-an-introduction-to-data-stores/) — _David Kaneda_ on June 23, 2011 +- **(Blog)** [Sencha Basics: An Introduction to Data Stores](http://www.sencha.com/blog/sencha-basics-an-introduction-to-data-stores/) — _David Kaneda_ on June 23, 2011 The process of building a complex web application has evolved a lot over the past few years, largely thanks to the ever-evolving browser landscape. Many server-side and native application development paradigms — including MVC, layout systems, and data stores — are moving to frontend web technology like JavaScript. This article will take a brief, high-level, look at data stores, and how they can be used to reduce your development time and future-proof your applications. -- **(Blog)** [Using Ext Loader for Your Application](http://www.sencha.com/blog/using-ext-loader-for-your-application/) — _Jay Garcia_ on June 27, 2011 +- **(Blog)** [Using Ext Loader for Your Application](http://www.sencha.com/blog/using-ext-loader-for-your-application/) — _Jay Garcia_ on June 27, 2011 Brand new to Ext JS 4.0 is a class Loader system that makes use of the new dependency system. These two powerful new features allow you to create extensive applications that allow the browser to download digest code as necessary. -- **(Guide)** [The Form Package](http://docs.sencha.com/ext-js/4-1/#!/guide/forms) — _docs.sencha.com_ +- **(Guide)** [The Form Package](http://docs.sencha.com/ext-js/4-1/#!/guide/forms) — _docs.sencha.com_ The Form package enables you to create powerful forms backed with the Ext Data package. -- **(Guide)** [Drag and Drop](http://docs.sencha.com/ext-js/4-1/#!/guide/drag_and_drop) — _docs.sencha.com_ +- **(Guide)** [Drag and Drop](http://docs.sencha.com/ext-js/4-1/#!/guide/drag_and_drop) — _docs.sencha.com_ This guide explains how to use the drag and drop system. -- **(Video)** [Ext JS 4 Panel Docked Items (14:01)](http://www.sencha.com/learn/ext-js-4-panel-docked-items/) — _Jay Garcia_ on Aug 15, 2011 +- **(Video)** [Ext JS 4 Panel Docked Items (14:01)](http://www.sencha.com/learn/ext-js-4-panel-docked-items/) — _Jay Garcia_ on Aug 15, 2011 Jay Garcia from Modus/Create demonstrates the new Ext JS 4.0 `dockedItems` configuration property and some workarounds. -- **(Video)** [Building Multi-device Apps with Sencha Complete (58:15)](http://vimeo.com/52871577) — _Daniel Gallo_ on November 5, 2012 +- **(Video)** [Building Multi-device Apps with Sencha Complete (58:15)](http://vimeo.com/52871577) — _Daniel Gallo_ on November 5, 2012 Daniel Gallo, Sencha's sales engineer in the UK presents how to build an application for managing customers with a .Net/MS SQL backend with Sencha Touch and Sencha Ext JS powering the front end HTML5 interfaces. -- **(Video)** [Accelerate your multi-device application development with Sencha Complete (46:45)](http://vimeo.com/54618369) — _Chris Dawes_ on November 30, 2012 +- **(Video)** [Accelerate your multi-device application development with Sencha Complete (46:45)](http://vimeo.com/54618369) — _Chris Dawes_ on November 30, 2012 Learn how easy it is to build desktop and mobile applications with Sencha Complete. In this one-hour webinar, Sencha tech expert Chris Dawes will show you the power of using Sencha Architect, Sencha Ext JS, and Sencha Touch by building a multi-device-ready app. -- **(Documentation)** [Sencha Try](http://try.sencha.com/extjs/) — _try.sencha.com_ +- **(Documentation)** [Sencha Try](http://try.sencha.com/extjs/) — _try.sencha.com_ -- **(Forums)** [Ext JS 4.x Community Forums](http://www.sencha.com/forum/forumdisplay.php?79-Ext-JS-Community-Forums-4.x) — _www.sencha.com_ +- **(Forums)** [Ext JS 4.x Community Forums](http://www.sencha.com/forum/forumdisplay.php?79-Ext-JS-Community-Forums-4.x) — _www.sencha.com_ ## Intermediate -- **(Learning Pathway)** [Migrating Ext JS Apps Learning Pathway](/learn/migrating-extjs) — _Sencha_ +- **(Learning Pathway)** [Migrating Ext JS Apps Learning Pathway](/learn/migrating-extjs) — _Sencha_ -- **(Documentation)** [Ext JS API Documentation](http://docs.sencha.com/ext-js/4-1/#!/api) — _docs.sencha.com_ +- **(Documentation)** [Ext JS API Documentation](http://docs.sencha.com/ext-js/4-1/#!/api) — _docs.sencha.com_ -- **(Video)** [Creating Ext JS Extensions and Components (46:32)](http://docs.sencha.com/ext-js/4-1/#!/video/17920271) — _Mats Bryntse_ on December 17, 2010 +- **(Video)** [Creating Ext JS Extensions and Components (46:32)](http://docs.sencha.com/ext-js/4-1/#!/video/17920271) — _Mats Bryntse_ on December 17, 2010 One of the great benefits of developing in Ext JS is its clean extensibility. This lets you create reusable components easily that other developers can simply drop into their own applications with minimal effort. In this session, you'll learn how to create a re-usable component for Ext JS, and I'll describe my own experience creating Ext Scheduler - the scheduling component for Ext JS. -- **(Guide)** [Keyboard Navigation](http://docs.sencha.com/ext-js/4-1/#!/guide/keyboard_nav) — _docs.sencha.com_ +- **(Guide)** [Keyboard Navigation](http://docs.sencha.com/ext-js/4-1/#!/guide/keyboard_nav) — _docs.sencha.com_ This guide explains how to use the keyboard navigation system. -- **(Learning Pathway)** [Architecting Sencha Apps using MVC Learning Pathway](/learn/mvc) — _Sencha_ +- **(Learning Pathway)** [Architecting Sencha Apps using MVC Learning Pathway](/learn/mvc) — _Sencha_ -- **(Video)** [Debugging Your Ext JS Code (45:07)](http://docs.sencha.com/ext-js/4-1/#!/video/18080793) — _Aaron Conran, Jarred Nicholls_ on December 22, 2010 +- **(Video)** [Debugging Your Ext JS Code (45:07)](http://docs.sencha.com/ext-js/4-1/#!/video/18080793) — _Aaron Conran, Jarred Nicholls_ on December 22, 2010 -- **(Blog)** [Infinite Grid Scrolling in Ext JS 4](http://www.sencha.com/blog/infinite-grid-scrolling-in-ext-js-4/) — _Ed Spencer_ on May 10, 2011 +- **(Blog)** [Infinite Grid Scrolling in Ext JS 4](http://www.sencha.com/blog/infinite-grid-scrolling-in-ext-js-4/) — _Ed Spencer_ on May 10, 2011 The Grid is one of the most powerful aspects of Ext JS. And in Ext JS 4, we’ve made it even more powerful, with Grids that can scroll indefinitely with an infinite amount of rows. Ed Spencer goes in depth in our latest Ext JS 4 tutorial. -- **(Guide)** [Drawing and Charting](http://docs.sencha.com/ext-js/4-1/#!/guide/drawing_and_charting) — _docs.sencha.com_ +- **(Guide)** [Drawing and Charting](http://docs.sencha.com/ext-js/4-1/#!/guide/drawing_and_charting) — _docs.sencha.com_ The drawing and charting packages enable you to create cross browser and cross device graphics in a versatile way. -- **(Video)** [Sencha Charting & Visualization (36:39)](http://www.sencha.com/conference/session/sencha-charting-visualization) — _Jamie Avins, Nicolas Garcia Belmonte_ on December 9, 2011 +- **(Video)** [Sencha Charting & Visualization (36:39)](http://www.sencha.com/conference/session/sencha-charting-visualization) — _Jamie Avins, Nicolas Garcia Belmonte_ on December 9, 2011 Learn how to make beautiful and interactive charts for both Ext JS 4 and Sencha Touch - without a browser plugin in sight. -- **(Video)** [Charting & Data Visualization in Ext JS 4 (49:52)](http://docs.sencha.com/ext-js/4-1/#!/video/17673342) — _Jamie Avins_ on December 10, 2010 +- **(Video)** [Charting & Data Visualization in Ext JS 4 (49:52)](http://docs.sencha.com/ext-js/4-1/#!/video/17673342) — _Jamie Avins_ on December 10, 2010 The exciting future of full JavaScript-powered charts and data visualizations coming in Ext JS 4.0! No Flash required! ## Advanced -- **(Blog)** [Creating Native Applications with Sencha Desktop Packager](http://www.sencha.com/blog/creating-native-applications-with-sencha-desktop-packager/) — _Ariya Hidayat_ on November 26, 2012 +- **(Blog)** [Creating Native Applications with Sencha Desktop Packager](http://www.sencha.com/blog/creating-native-applications-with-sencha-desktop-packager/) — _Ariya Hidayat_ on November 26, 2012 Sencha Desktop Packager is a new product, included with the Sencha Complete: Team bundle, which enables you to take your existing Ext JS web application and package it as a native desktop application. From here, you may deliver your application to your customers who are running Windows and Mac OS X. -- **(Video)** [Sencha Desktop Packager Walkthrough (2:56)](http://vimeo.com/53452515) — _Ariya Hidayat_ on November 13, 2012 +- **(Video)** [Sencha Desktop Packager Walkthrough (2:56)](http://vimeo.com/53452515) — _Ariya Hidayat_ on November 13, 2012 Engineering Director Ariya Hidayat gives a walkthrough of the benefits and features of the Sencha Desktop Packager, showing how easy it is to enable web applications to be built in to desktop apps, leverage native APIs and leverage full HTML5 capabilities. -- **(Video)** [Advanced Templates for Ext JS (48:04)](http://docs.sencha.com/ext-js/4-1/#!/video/17905336) — _James Brantly_ on December 16, 2010 +- **(Video)** [Advanced Templates for Ext JS (48:04)](http://docs.sencha.com/ext-js/4-1/#!/video/17905336) — _James Brantly_ on December 16, 2010 In this session you'll learn how to go beyond basic templating and harness the power of XTemplate to create complex, data-bound HTML. We'll show you how to use XTemplate in ways you didn't think were possible. Among other topics, we'll look at JavaScript member functions, recursive templates, subtemplates, and layouts for lists. -- **(Guide)** [Localization in Ext JS](http://docs.sencha.com/ext-js/4-1/#!/guide/localization) — _docs.sencha.com_ +- **(Guide)** [Localization in Ext JS](http://docs.sencha.com/ext-js/4-1/#!/guide/localization) — _docs.sencha.com_ This guide explains how to localize your application for multiple languages. -- **(Blog)** [Ext JS 4.1 Performance](http://www.sencha.com/blog/ext-js-4-1-performance/) — _Nige "Animal" White_ on July 03, 2012 +- **(Blog)** [Ext JS 4.1 Performance](http://www.sencha.com/blog/ext-js-4-1-performance/) — _Nige "Animal" White_ on July 03, 2012 In this article, we will review several factors that affect performance of an Ext JS application. -- **(Guide)** [Performance Guide](http://docs.sencha.com/ext-js/4-1/#!/guide/performance) — _docs.sencha.com_ +- **(Guide)** [Performance Guide](http://docs.sencha.com/ext-js/4-1/#!/guide/performance) — _docs.sencha.com_ Best practices and concepts for creating performant Ext JS apps. -- **(Blog)** [Optimizing Ext JS 4.1-based Applications](http://www.sencha.com/blog/optimizing-ext-js-4-1-based-applications/) — _Don Griffin_ on March 1, 2012 +- **(Blog)** [Optimizing Ext JS 4.1-based Applications](http://www.sencha.com/blog/optimizing-ext-js-4-1-based-applications/) — _Don Griffin_ on March 1, 2012 Sencha improved performance with Ext JS 4.1, but when it comes to optimal performance of Ext JS-based applications, that's only part of the battle. The rest comes from optimizing applications for performance, which often includes making a few changes so your code can take advantage of Ext JS enhancements. -- **(Community)** [JavaScript Performance Tips & Tricks](http://moduscreate.com/javascript-performance-tips-tricks/) — _Grgur Grisogono_ on July 31, 2012 +- **(Community)** [JavaScript Performance Tips & Tricks](http://moduscreate.com/javascript-performance-tips-tricks/) — _Grgur Grisogono_ on July 31, 2012 Some say spending time developing for performance is not worth it when hardware upgrades are usually a cheaper alternative. If I would tell them that spending 10 minutes reading this could save more than 50 new upgrades with simple code improvements that account for a 50x+ performance increase, do you think they would listen? -- **(Community)** [JavaScript Performance Tips (Video) (36:39)](http://moduscreate.com/javascript-performance-tips-video/) — _Jay Garcia_ on October 8, 2012 +- **(Community)** [JavaScript Performance Tips (Video) (36:39)](http://moduscreate.com/javascript-performance-tips-video/) — _Jay Garcia_ on October 8, 2012 Filmed at our NoVa JS meetup on 10/2/2012, Grgur Grisogono discusses JavaScript Performance tips. This video goes along with Grgur’s recent ... -- **(Community)** [localStorage Caching of Reference Data with ExtJS](http://moduscreate.com/localstorage-caching-of-reference-data-with-extjs/) — _Aaron Smith_ on October 15, 2012 +- **(Community)** [localStorage Caching of Reference Data with ExtJS](http://moduscreate.com/localstorage-caching-of-reference-data-with-extjs/) — _Aaron Smith_ on October 15, 2012 Do you have a ton of reference data that needs to load with your app? Lots of combo boxes with mostly static data? Previously I had used a custom ... -- **(Community)** [Expert Ext JS: Reading and Writing Structured Data](http://moduscreate.com/expert-ext-js-reading-and-writing-structured-data/) — _Aaron Smith_ on July 9, 2012 +- **(Community)** [Expert Ext JS: Reading and Writing Structured Data](http://moduscreate.com/expert-ext-js-reading-and-writing-structured-data/) — _Aaron Smith_ on July 9, 2012 Often times front-end developers don't have the option to change server-side behavior. This can be highly frustrating. I'll discuss a few ... -- **(Community)** [Expert Ext JS: Managing Model Associations Across Independent API Calls](http://moduscreate.com/expert-ext-js-managing-model-associations-across-independent-api-calls/) — _Aaron Smith_ on July 9, 2012 +- **(Community)** [Expert Ext JS: Managing Model Associations Across Independent API Calls](http://moduscreate.com/expert-ext-js-managing-model-associations-across-independent-api-calls/) — _Aaron Smith_ on July 9, 2012 A few weeks back, Rob Boerman reached out to us with questions about creating linkages between models. As our de facto Associations expert, I ... -- **(Community)** [Expert Ext JS: Associations in Forms](http://moduscreate.com/expert-ext-js-associations-in-forms/) — _Aaron Smith_ on June 18, 2012 +- **(Community)** [Expert Ext JS: Associations in Forms](http://moduscreate.com/expert-ext-js-associations-in-forms/) — _Aaron Smith_ on June 18, 2012 Associations were a major addition to the data package in Ext JS 4 and, to me at least, appeared to be a great answer to problems I had faced ... -- **(Community)** [Expert Ext JS: Model Integration in Forms](http://moduscreate.com/expert-ext-js-model-integration-in-forms/) — _Aaron Smith_ on June 11, 2012 +- **(Community)** [Expert Ext JS: Model Integration in Forms](http://moduscreate.com/expert-ext-js-model-integration-in-forms/) — _Aaron Smith_ on June 11, 2012 In Ext JS 4, the data package received a lot of attention and the improvements made were, for the most part, quite impressive. However, the ... -- **(Learning Pathway)** [Theming Sencha Apps Learning Pathway](/learn/theming) — _Sencha_ +- **(Learning Pathway)** [Theming Sencha Apps Learning Pathway](/learn/theming) — _Sencha_ -- **(Video)** [Ext JS 4: Advanced Expert Techniques (47:23)](http://www.sencha.com/conference/session/ext-js-4-advanced-expert-techniques) — _Rich Waters_ on December 11, 2011 +- **(Video)** [Ext JS 4: Advanced Expert Techniques (47:23)](http://www.sencha.com/conference/session/ext-js-4-advanced-expert-techniques) — _Rich Waters_ on December 11, 2011 This session will take a detailed look into a variety of internal and less known properties of Ext JS. Topics range from component lifecycles to properties such as renderTpl, renderSelectors, childEls, renderData, and mon. Other topics include delegated events (where the framework utilizes it, and where you should be using them in your code) and many useful utility classes like MixedCollection, DelayedTask, TaskRunner, and more. -- **(Video)** [Application Security for RIAs (42:02)](http://www.sencha.com/conference/session/application-security-for-rias) — _John Wilander_ on December 10, 2011 +- **(Video)** [Application Security for RIAs (42:02)](http://www.sencha.com/conference/session/application-security-for-rias) — _John Wilander_ on December 10, 2011 In this session, you'll learn about the top 10 security risks in web applications, and, with demos, how REST backends and rich JavaScript applications map to these risks. Current and upcoming countermeasures include new HTTP headers, double submit cookies, and escaping input client-side to avoid DOM-based XSS. We'll look at each of these, discuss the techniques you'll want to add to your developer toolbox, and how to build reasonable security processes into an agile team environment. -- **(Video)** [Architecting for the Enterprise (27:27)](http://docs.sencha.com/ext-js/4-1/#!/video/18309352) — _Doug Hendricks_ on December 30, 2010 +- **(Video)** [Architecting for the Enterprise (27:27)](http://docs.sencha.com/ext-js/4-1/#!/video/18309352) — _Doug Hendricks_ on December 30, 2010 Adopting early planning and architectural design strategies is essential to create scalable Enterprise apps that are ready to meet the demands of dynamic workforces, and can scale to meet future business needs. You'll learn how to leverage class-based UI development within evolving Agile/Waterfall development methodologies and how Ext.Direct, Connect, and Ext.data packages can assist with integration. We'll also review best practices for strong, unit-tested foundation classes that will support your 'next' enterprise solution. -- **(Guide)** [Mapping a Grid to a MySQL table using Direct and PHP, Part 1 of 2](http://docs.sencha.com/ext-js/4-1/#!/guide/direct_grid_pt1) — _docs.sencha.com_ +- **(Guide)** [Mapping a Grid to a MySQL table using Direct and PHP, Part 1 of 2](http://docs.sencha.com/ext-js/4-1/#!/guide/direct_grid_pt1) — _docs.sencha.com_ In this tutorial we will be looking at how to build a table, or 'grid', that receives its data from a MySQL database. It's aimed at people who have some familiarity with JavaScript, PHP and MySQL but are new to the Ext JS framework. -- **(Guide)** [How to map an Ext 4 Grid to a MySQL table using Ext Direct and PHP, Part 2 of 2: CRUD](http://docs.sencha.com/ext-js/4-1/#!/guide/direct_grid_pt2) — _docs.sencha.com_ +- **(Guide)** [How to map an Ext 4 Grid to a MySQL table using Ext Direct and PHP, Part 2 of 2: CRUD](http://docs.sencha.com/ext-js/4-1/#!/guide/direct_grid_pt2) — _docs.sencha.com_ In the last tutorial we created a grid that pulled information from a MySQL database using Ext Direct. Through the power and simplicity of grids we created what was essentially a glorified table (albeit 'turbocharged'). To add to the dynamism that grids present to us we'll be adding CRUD (Create, Read, Update, Delete) capabilities as well. A typical scenario that benefits from this is backend interfaces where a client might want to do anything from update someone's address or rename a blog post. -- **(Guide)** [Editable Grid with Node.js, Part 1 of 2](http://docs.sencha.com/ext-js/4-1/#!/guide/editable_grid) — _docs.sencha.com_ +- **(Guide)** [Editable Grid with Node.js, Part 1 of 2](http://docs.sencha.com/ext-js/4-1/#!/guide/editable_grid) — _docs.sencha.com_ The Grid is a powerful way to display tabular data. It is an ideal solution for displaying dynamic data from a database. It can also allow users to edit the fields of the data displayed in the grid. Changes to the dataset can be easily saved back to the server. This guide describes how to create this functionality using Ext's MVC application architecture. -- **(Guide)** [Editable Grid with Node.js, Part 2 of 2](http://docs.sencha.com/ext-js/4-1/#!/guide/editable_grid_pt2) — _docs.sencha.com_ +- **(Guide)** [Editable Grid with Node.js, Part 2 of 2](http://docs.sencha.com/ext-js/4-1/#!/guide/editable_grid_pt2) — _docs.sencha.com_ Since we already have the Read operation working from part 1, we are left with the Create, Update, and Delete operations to implement. Let's start with updating existing movies in our grid. -- **(Video)** [Advanced Server Integration with Data and Direct (37:40)](http://docs.sencha.com/ext-js/4-1/#!/video/17876920) — _Aaron Conran_ on December 16, 2010 +- **(Video)** [Advanced Server Integration with Data and Direct (37:40)](http://docs.sencha.com/ext-js/4-1/#!/video/17876920) — _Aaron Conran_ on December 16, 2010 Many Ext JS developers have yet to take advantage of Ext Direct to directly call server methods from the browser. During this session, you'll learn how to leverage Ext.Direct's existing functionality to make accessing your server data easier while eliminating common boiler-plate code. This session will spend more time on introductory material. The session repeat on Tuesday will spend more time on advanced material including developing routers, using ColdFusion as an example. -- **(Guide)** [Loading data from an AMF data source](http://docs.sencha.com/ext-js/4-1/#!/guide/amf) — _docs.sencha.com_ +- **(Guide)** [Loading data from an AMF data source](http://docs.sencha.com/ext-js/4-1/#!/guide/amf) — _docs.sencha.com_ Action Message Format (AMF) is a compact binary format used by Adobe Flash/Flex to serialize ActionScript object graphs. AMF is typically used to encode messages that are sent between an Adobe Flash client and a remote service. AMF is only a serialization technology, not a transport, so AMF encoded binary data can be used with any transport such as HTTP or HTTPS. This guide will show you how to use Ext JS and AJAX to consume AMF data sent over HTTP right inside a web browser, with no need for a Flash plugin. This guide assumes you are already somewhat familiar with the Ext JS Data Package and Grids. -- **(Guide)** [Using SOAP Services in Ext JS](http://docs.sencha.com/ext-js/4-1/#!/guide/soap) — _docs.sencha.com_ +- **(Guide)** [Using SOAP Services in Ext JS](http://docs.sencha.com/ext-js/4-1/#!/guide/soap) — _docs.sencha.com_ SOAP (Simple Object Access Protocol) is a Web Services standard built on HTTP and XML. The SOAP Proxy and Ext.data.soap.Reader provide a convenient way to create a SOAP request, and load the SOAP response into a Ext.data.Store. This guide will show you how to use the SOAP Proxy and Reader to load data from and save data to a fictional SOAP service that provides information about blenders. This guide assumes a basic knowledge of the Ext JS Data Package. -- **(Blog)** [Taking a look at the new Sencha SOAP Data Proxy](http://www.sencha.com/blog/taking-a-look-at-the-new-sencha-soap-data-proxy/) — _Kevin Kazmierczak_ on September 27, 2012 +- **(Blog)** [Taking a look at the new Sencha SOAP Data Proxy](http://www.sencha.com/blog/taking-a-look-at-the-new-sencha-soap-data-proxy/) — _Kevin Kazmierczak_ on September 27, 2012 The Sencha data package offers a number of different proxies to connect your application to all kinds of data. With the release of Ext JS 4.1.2 in Sencha Complete: Team, developers can now point to SOAP web services. With SOAP being one of the most popular web service protocols out there, this will allow developers a new option for connecting their applications to data. The SOAP proxy works just like the other proxies, all you need to do is configure the proxy on your store, and you don't have to worry about the details of handling the communication requests. -- **(Blog)** [The New Sencha Eclipse Plugin](http://www.sencha.com/blog/the-new-sencha-eclipse-plugin/) — _Aditya Bansod_ on September 25, 2012 +- **(Blog)** [The New Sencha Eclipse Plugin](http://www.sencha.com/blog/the-new-sencha-eclipse-plugin/) — _Aditya Bansod_ on September 25, 2012 We've been working on various tools that make a Sencha developer's life easier, and we started with Sencha Architect. Our new plugin makes it even easier to use Architect by providing a full set of code completion and code assistance features for Eclipse. -- **(Video)** [The "In Action" Pattern for RIA Development (29:31)](http://docs.sencha.com/ext-js/4-1/#!/video/18537381) — _Jay Garcia_ on January 7, 2011 +- **(Video)** [The "In Action" Pattern for RIA Development (29:31)](http://docs.sencha.com/ext-js/4-1/#!/video/18537381) — _Jay Garcia_ on January 7, 2011 With RIAs growing in complexity, JavaScript developers today have to make tough choices on how to organize their code and do so in a manner that both allows for growth and ease of management. Often the wrong choices are made, impacting the maintenance cycles of the applications. In this session, we'll discuss exactly how to organize your code from ground up by exploring popular patterns used by today's industry leaders. -- **(Video)** [JavaScript: Advanced Scoping & Other Puzzles (46:05)](http://docs.sencha.com/ext-js/4-1/#!/video/18312985) — _Doug Hendricks_ on December 30, 2010 +- **(Video)** [JavaScript: Advanced Scoping & Other Puzzles (46:05)](http://docs.sencha.com/ext-js/4-1/#!/video/18312985) — _Doug Hendricks_ on December 30, 2010 In this session, we'll review the fundamentals of JavaScript variable scope and common "execution context" (scope) challenges associated with early/late binding of event handlers, specifically within complex Ext JS layouts. We'll also bring several patterns (namespaced references, Function closures, inline references, ref/refOwner, and the "Poor-man's message bus") to bear on the bowl of soup we call "scope." -- **(Learning Pathway)** [Testing Sencha Apps Learning Pathway](/learn/testing) — _Sencha_ +- **(Learning Pathway)** [Testing Sencha Apps Learning Pathway](/learn/testing) — _Sencha_ -- **(Video)** [Designing for Accessibility with ARIA (36:38)](http://docs.sencha.com/ext-js/4-1/#!/video/17840717) — _Aaron Conran_ on December 15, 2010 +- **(Video)** [Designing for Accessibility with ARIA (36:38)](http://docs.sencha.com/ext-js/4-1/#!/video/17840717) — _Aaron Conran_ on December 15, 2010 ARIA is an accessibility standard that provides capabilities such as screen-reader access to application functionality. During this session, we'll take a tour of the latest accessibility enhancements to Ext JS and Ext GWT including improved keyboard navigation, ARIA and focus management. We'll also discuss how government standards like Section 508 may apply to your organization. -- **(Learning Pathway)** [Sencha Cmd Learning Pathway](/learn/cmd) — _Sencha_ +- **(Learning Pathway)** [Sencha Cmd Learning Pathway](/learn/cmd) — _Sencha_ ## Other -- **(Book)** [Ext JS in Action, Second Edition (Manning Press)](http://www.manning.com/garcia3/) — _Jesus Garcia, Jacob K. Andresen, and Grgur Grisogono_ on February 2013 +- **(Book)** [Ext JS in Action, Second Edition (Manning Press)](http://www.manning.com/garcia3/) — _Jesus Garcia, Jacob K. Andresen, and Grgur Grisogono_ on February 2013 Ext JS in Action, Second Edition teaches Ext JS from the ground up. You'll start with a quick overview of the framework and then explore the core components by diving into complete examples, engaging illustrations, and crisp, straightforward explanations. You'll feel like you have an expert guide right at your elbow teaching you important Ext techniques and offering insight into its inner workings. Along the way, you'll learn the best practices for building and scaling full-featured web applications, including how to customize and build Ext widgets. -- **(Book)** [Ext JS 4 Web Application Development Cookbook (Packt Publishing)](http://www.packtpub.com/sencha-ext-js-4-web-application-development-cookbook/book) — _Andrew Duncan, Stuart Ashworth_ on August 2012 +- **(Book)** [Ext JS 4 Web Application Development Cookbook (Packt Publishing)](http://www.packtpub.com/sencha-ext-js-4-web-application-development-cookbook/book) — _Andrew Duncan, Stuart Ashworth_ on August 2012 Ext JS 4 Web Application Development Cookbook works through the framework from the fundamentals to advanced features and application design. More than 130 detailed and practical recipes demonstrate all of the key widgets and features the framework has to offer. With this book, and the Ext JS framework, learn how to develop truly interactive and responsive web applications. -- **(Book)** [Ext JS First Look (Packt Publishing)](http://www.packtpub.com/ext-js-4-first-look/book) — _Loiane Groner_ on January 2012 +- **(Book)** [Ext JS First Look (Packt Publishing)](http://www.packtpub.com/ext-js-4-first-look/book) — _Loiane Groner_ on January 2012 Ext JS 4 First Look teaches you the main functional areas of Ext JS 4 that have significant new features, explains the new features and how to use them, while highlighting the differences between Ext JS 4 and the previous versions. diff --git a/gxt3.md b/gxt3.md index b8ba160..2576aa7 100644 --- a/gxt3.md +++ b/gxt3.md @@ -4,83 +4,83 @@ The following learning pathway will help you get started using Sencha GXT, an en ## Prerequisites -- **(Download)** [Download Sencha GXT](http://www.sencha.com/products/gxt/download/) — _Sencha_ +- **(Download)** [Download Sencha GXT](http://www.sencha.com/products/gxt/download/) — _Sencha_ ## Beginner -- **(Blog)** [Announcing Sencha GXT 3.0](http://www.sencha.com/blog/announcing-sencha-gxt-3-0) — _Darrell Meyer_ on April 27, 2012 +- **(Blog)** [Announcing Sencha GXT 3.0](http://www.sencha.com/blog/announcing-sencha-gxt-3-0) — _Darrell Meyer_ on April 27, 2012 We're excited to announce the general availability of Sencha GXT 3.0! Sencha GXT, previously known as Ext GWT, is our Java based web application framework that leverages the Google Web Toolkit compiler. With the Sencha GXT 3.0 framework, developers can build high performance web applications with cross-browser compatibility across all desktop browsers. -- **(Slides)** [Introducing Ext GWT 3.0](http://www.sencha.com/conference/session/ext-gwt-3-fundamentals) — _Darrell Meyer_ on November 03, 2011 +- **(Slides)** [Introducing Ext GWT 3.0](http://www.sencha.com/conference/session/ext-gwt-3-fundamentals) — _Darrell Meyer_ on November 03, 2011 This session will provide an overview of Ext GWT 3.0. There are many new features and lots of new functionality in this major release including Cell-based data widgets, Cell-based fields, a new data API, new charts, and theming. -- **(Video)** [Migrating from Ext GWT 2.x to 3.0 (33:31)](http://www.sencha.com/conference/session/migrating-from-ext-gwt-2.x-to-3.0) — _Darrell Meyer_ on December 13, 2011 +- **(Video)** [Migrating from Ext GWT 2.x to 3.0 (33:31)](http://www.sencha.com/conference/session/migrating-from-ext-gwt-2.x-to-3.0) — _Darrell Meyer_ on December 13, 2011 Looking to move to Ext GWT 3.0 from 2.x? This session will walk through the important API changes to help make the migration as straightforward as possible. -- **(Tutorial)** [Running Ext GWT 2 and 3 Together](http://www.sencha.com/learn/running-ext-gwt-2-and-3-together/) — _Darrell Meyer_ on December 15, 2011 +- **(Tutorial)** [Running Ext GWT 2 and 3 Together](http://www.sencha.com/learn/running-ext-gwt-2-and-3-together/) — _Darrell Meyer_ on December 15, 2011 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. -- **(Blog)** [Setting Up Your First Ext GWT Project in Eclipse](http://www.sencha.com/blog/setting-up-your-first-ext-gwt-project-in-eclipse/) — _Brendan Coughran_ on November 10, 2010 +- **(Blog)** [Setting Up Your First Ext GWT Project in Eclipse](http://www.sencha.com/blog/setting-up-your-first-ext-gwt-project-in-eclipse/) — _Brendan Coughran_ on November 10, 2010 For those of you just entering the Ext GWT world, this is a quick guide for setting up your first project in Eclipse. -- **(Documentation)** [Sencha GXT 3 API](http://docs.sencha.com/gxt/3/) — _docs.sencha.com_ +- **(Documentation)** [Sencha GXT 3 API](http://docs.sencha.com/gxt/3/) — _docs.sencha.com_ This document is the API specification for Sencha GXT 3.0.1. -- **(Examples)** [Samples & Demos](http://www.sencha.com/products/gxt/examples/) — _www.sencha.com_ +- **(Examples)** [Samples & Demos](http://www.sencha.com/products/gxt/examples/) — _www.sencha.com_ -- **(Slides)** [Ext GWT 3.0 Data Widgets](http://www.sencha.com/conference/session/ext-gwt-3.0-data-widgets) — _Colin Alworth_ on November 2, 2011 +- **(Slides)** [Ext GWT 3.0 Data Widgets](http://www.sencha.com/conference/session/ext-gwt-3.0-data-widgets) — _Colin Alworth_ on November 2, 2011 The data widgets in Ext GWT3 have been completely rewritten. Rather than using renderers in 2.x, the new data widgets are GWT Cell-based. In this session you will learn about the changes and how to use the new API. -- **(Video)** [Ext GWT 3.0 Data Binding and Editors (30:22)](http://www.sencha.com/conference/session/ext-gwt-3.0-data-binding-and-editors) — _Colin Alworth_ on December 21, 2011 +- **(Video)** [Ext GWT 3.0 Data Binding and Editors (30:22)](http://www.sencha.com/conference/session/ext-gwt-3.0-data-binding-and-editors) — _Colin Alworth_ on December 21, 2011 With the GWT Editor framework, any Java bean can have its data bound to a view. Data can be any bean-like object, POJO, AutoBean, or RF EntityProxy, as well as BaseModelData subclass, to facilitate migrating legacy code. We’ll discuss creating Editor subclasses and reusing them, as well as look at possible patterns for using the Drivers. -- **(Blog)** [Build an App with Ext GWT DataProxies](http://www.sencha.com/blog/build-an-app-with-ext-gwt-dataproxies/) — _Darrell Meyer_ on January 06, 2011 +- **(Blog)** [Build an App with Ext GWT DataProxies](http://www.sencha.com/blog/build-an-app-with-ext-gwt-dataproxies/) — _Darrell Meyer_ on January 06, 2011 The Ext GWT Loading API provides a powerful and flexible design for retrieving remote content. Ext GWT team lead Darrell Meyer takes you through a demo app using DataProxies. -- **(Video)** [Using UIBinder with Ext GWT 3.0 (31:02)](http://www.sencha.com/conference/session/using-uibinder-with-ext-gwt-3.0) — _Darrell Meyer_ on December 14, 2011 +- **(Video)** [Using UIBinder with Ext GWT 3.0 (31:02)](http://www.sencha.com/conference/session/using-uibinder-with-ext-gwt-3.0) — _Darrell Meyer_ on December 14, 2011 With Ext GWT 3.0 it is now possible to leverage declarative layouts with Ext GWT widgets and containers. In this session, you’ll learn how to use UIBinder within your Ext GWT application. -- **(Tutorial)** [Ext GWT 3 Declarative Markup with UiBinder](http://www.sencha.com/learn/ext-gwt-3-declarative-markup-with-uibinder/) — _Justin Hickman_ on October 18, 2011 +- **(Tutorial)** [Ext GWT 3 Declarative Markup with UiBinder](http://www.sencha.com/learn/ext-gwt-3-declarative-markup-with-uibinder/) — _Justin Hickman_ on October 18, 2011 The GWT 2.0 release introduced the ability to construct user interfaces in a declarative way using XML files. To support UiBinder in Widgets, several conventions had to be followed. These include implementing HasWidgets to allow a Widget to behave as a container, implementing HasHTML to allow raw HTML directly in panels, and adding @UiConstructor and @UiChild annotations in Widgets to support custom behavior. Ext GWT 2 was released prior to GWT 2.0 and thus did not have support for UiBinder. UiBinder support has been one of the major driving factors for many of the API changes in Ext GWT 3.0. -- **(Blog)** [Ext GWT 3.0 Appearance Design](http://www.sencha.com/blog/ext-gwt-3-appearance-design/) — _Darrell Meyer_ on June 28, 2011 +- **(Blog)** [Ext GWT 3.0 Appearance Design](http://www.sencha.com/blog/ext-gwt-3-appearance-design/) — _Darrell Meyer_ on June 28, 2011 With Ext GWT 3.0, we have introduced a new way of rendering the view and styling a widget. This approach, introduced by Google, is very flexible and has many advantages to the previous method. Darrell Meyer provides a glimpse into the appearance design of Ext GWT 3.0. -- **(Forums)** [Sencha GXT 3.x Community Forums](http://www.sencha.com/forum/forumdisplay.php?83-Sencha-GXT-Community-Forums-(3.x)) — _www.sencha.com_ +- **(Forums)** [Sencha GXT 3.x Community Forums](http://www.sencha.com/forum/forumdisplay.php?83-Sencha-GXT-Community-Forums-(3.x)) — _www.sencha.com_ ## Intermediate -- **(Slides)** [Ext GWT 3.0 Advanced Templates](http://www.sencha.com/conference/session/ext-gwt-3.0-advanced-templates) — _Colin Alworth_ on November 2, 2011 +- **(Slides)** [Ext GWT 3.0 Advanced Templates](http://www.sencha.com/conference/session/ext-gwt-3.0-advanced-templates) — _Colin Alworth_ on November 2, 2011 Templates in Ext GWT 3.0 are generated at compile time, allowing them to be optimized. In addition to being mapped to a model, Templates can render data from beans, and can work with CssResources. We’ll discuss how to use these to create new component or how to create new appearances for existing ones, and how to use them with GWT Cells. -- **(Blog)** [Ext GWT 3.0 XTemplate Redesign](http://www.sencha.com/blog/ext-gwt-3-xtemplate-redesign/) — _Darrell Meyer_ on May 18, 2011 +- **(Blog)** [Ext GWT 3.0 XTemplate Redesign](http://www.sencha.com/blog/ext-gwt-3-xtemplate-redesign/) — _Darrell Meyer_ on May 18, 2011 XTemplates are are a powerful feature in Ext GWT. Prior to 3.0, XTemplates have been implemented using the same design and code as Ext JS. For 3.0, we decided we would like to replace the Ext JS JavaScript-based implementation with a solution more fitting with GWT and the features it offers. This article walks through the details of this redesign and gives some insight into the final design as well as a few code samples. -- **(Video)** [Creating Ext GWT Extensions and Components (32:39)](http://vimeo.com/33644493) — _Sven Brunken_ on December 14, 2011 +- **(Video)** [Creating Ext GWT Extensions and Components (32:39)](http://vimeo.com/33644493) — _Sven Brunken_ on December 14, 2011 Do you have a need for custom components or behavior? This session will bring you the knowledge you require to create and extend custom components. Learn which calls to intercept for your custom logic. -- **(Slides)** [Creating Ext GWT Extensions and Components](http://www.sencha.com/conference/session/creating-ext-gwt-extensions-and-components) — _Sven Brunken_ on November 2, 2011 +- **(Slides)** [Creating Ext GWT Extensions and Components](http://www.sencha.com/conference/session/creating-ext-gwt-extensions-and-components) — _Sven Brunken_ on November 2, 2011 Do you have a need for custom components or behavior? This session will bring you the knowledge you require to create and extend custom components. Learn which calls to intercept for your custom logic. -- **(Blog)** [Expressive Presentation of Data with Sencha GXT 3 Charts](http://www.sencha.com/blog/building-gxt-charts/) — _Brendan Coughran_ on July 5, 2012 +- **(Blog)** [Expressive Presentation of Data with Sencha GXT 3 Charts](http://www.sencha.com/blog/building-gxt-charts/) — _Brendan Coughran_ on July 5, 2012 In a previous article, we discussed the charting library as a whole. However, there is far more to the Sencha GXT 3 charting library than was covered in that introduction. This article discusses a number of the more intermediate and advanced features that you can use — including tweaking the data store backing your chart. With some simple changes to the basic chart setup, you can make your visualizations even more explanatory and expressive. -- **(Blog)** [Ext GWT 3.0 Drawing and Charting](http://www.sencha.com/blog/ext-gwt-3-drawing-and-charting/) — _Brendan Coughran_ on August 30, 2011 +- **(Blog)** [Ext GWT 3.0 Drawing and Charting](http://www.sencha.com/blog/ext-gwt-3-drawing-and-charting/) — _Brendan Coughran_ on August 30, 2011 It has always been a challenge to draw objects in GWT because SVG and VML are not supported out of the box. In Ext GWT 3.0, we solve this problem by providing a draw framework that runs everywhere, from IE6 to the latest Chrome that is developed as a pure GWT library. -- **(Slides)** [Charting & Data Visualization in Ext GWT 3.0](http://www.sencha.com/conference/session/charting-data-visualization-in-ext-gwt-3.0) — _Brendan Coughran_ on November 2, 2011 +- **(Slides)** [Charting & Data Visualization in Ext GWT 3.0](http://www.sencha.com/conference/session/charting-data-visualization-in-ext-gwt-3.0) — _Brendan Coughran_ on November 2, 2011 It has always been a challenge to draw objects in GWT because SVG and VML are not supported out of the box. In Ext GWT 3.0, we solve this problem by providing a draw framework that runs everywhere, from IE6 to the latest Chrome that is developed as a pure GWT library. Learn about the new API’s and features including examples. -- **(Slides)** [Ext GWT 3.0 Theming and Appearances](http://www.sencha.com/conference/session/ext-gwt-3.0-theming-and-appearances) — _Darrell Meyer_ on November 2, 2011 +- **(Slides)** [Ext GWT 3.0 Theming and Appearances](http://www.sencha.com/conference/session/ext-gwt-3.0-theming-and-appearances) — _Darrell Meyer_ on November 2, 2011 Theming in Ext GWT 3.0 now uses the GWT Appearance pattern and utilizes GWT ClientBundle and CssResource. This session will provide a detailed overview of how theming works and how to extend and create new themes. -- **(Blog)** [Migrating Styles & Themes from Ext GWT 2 to Sencha GXT 3](http://www.sencha.com/blog/migrating-styles-and-themes-from-ext-gwt-2-to-gxt-3/) — _Tony Stuart_ on August 22, 2012 +- **(Blog)** [Migrating Styles & Themes from Ext GWT 2 to Sencha GXT 3](http://www.sencha.com/blog/migrating-styles-and-themes-from-ext-gwt-2-to-gxt-3/) — _Tony Stuart_ on August 22, 2012 In Ext GWT 2, component styles were defined in a single large CSS file. Developers could extend or redefine the styles in this file to control the appearance of a component or define a custom theme. Although this made it easy to give components a new look, it was hard to determine the relationship between the styles in the CSS file and the components in the library. Furthermore, there was no assurance that all of the styles in the CSS file were needed, or that the styles needed for a particular component were actually defined in the CSS file. -- **(Slides)** [Performance Optimization for Ext GWT 3.0](http://www.sencha.com/conference/session/tba) — _Sven Brunken_ on November 2, 2011 +- **(Slides)** [Performance Optimization for Ext GWT 3.0](http://www.sencha.com/conference/session/tba) — _Sven Brunken_ on November 2, 2011 Application performance is an important part of an application’s usability. This session will provide detailed information and tips to keep your applications running fast. diff --git a/io.md b/io.md index e643e0d..0e1fdea 100644 --- a/io.md +++ b/io.md @@ -4,80 +4,80 @@ The following learning pathway will help you get started with the complete cloud ## Prerequites -- **(Download)** [Download Sencha.io SDK](http://download.sencha.io/) — _download.sencha.io_ +- **(Download)** [Download Sencha.io SDK](http://download.sencha.io/) — _download.sencha.io_ -- **(Dashboard)** [Sencha.io Dashboard](http://developer.sencha.io/) — _developer.sencha.io_ +- **(Dashboard)** [Sencha.io Dashboard](http://developer.sencha.io/) — _developer.sencha.io_ ## Beginner -- **(Blog)** [Introducing Sencha.io - The First Mobile HTML5 Cloud](http://www.sencha.com/blog/introducing-sencha-io-the-first-mobile-html5-cloud/) — _Aditya Bansod_ on October 24, 2011 +- **(Blog)** [Introducing Sencha.io - The First Mobile HTML5 Cloud](http://www.sencha.com/blog/introducing-sencha-io-the-first-mobile-html5-cloud/) — _Aditya Bansod_ on October 24, 2011 Today we're very excited to announce the beta availability of Sencha.io, the first cloud built for the mobile web developer. Sencha.io makes it easy for you to build applications that deliver shared experiences. The Sencha.io platform provides a set of cloud services that make it easier for mobile web app developers to deliver robust web functionality to users. Your mobile apps goes well beyond just the client itself and your apps need to be able to create, store, and share data and messages with the app's users. -- **(Video)** [Introducing Sencha.io (44:05)](http://vimeo.com/33627066) — _John Merrells, Aditya Bansod_ on December 13, 2011 +- **(Video)** [Introducing Sencha.io (44:05)](http://vimeo.com/33627066) — _John Merrells, Aditya Bansod_ on December 13, 2011 Running apps in the cloud has never been easier. Providing both low level system services like image resizing, hosting, fail-over, and high level app services like social, databases and synchronization, Sencha.io is the first next-generation mobile cloud helping developers focus on the fun of building apps for their customers. In this session, you'll learn about what Sencha.io is, how it works, and how to exploit it in your projects. -- **(Blog)** [What's New with Sencha.io](http://www.sencha.com/blog/whats-new-with-sencha-io/) — _Aditya Bansod_ on June 7, 2012 +- **(Blog)** [What's New with Sencha.io](http://www.sencha.com/blog/whats-new-with-sencha-io/) — _Aditya Bansod_ on June 7, 2012 We've been hard at work on Sencha.io, but it's been a while since we've shared with the community updates on what we've been doing. So, we thought we'd take a moment to update folks on what’s new in the world of Sencha.io. -- **(Guide)** [Introduction](http://docs.sencha.io/current/index.html#!/guide/overview_introduction) — _docs.sencha.io_ +- **(Guide)** [Introduction](http://docs.sencha.io/current/index.html#!/guide/overview_introduction) — _docs.sencha.io_ A general introduction to Sencha.io and the services it provides. -- **(Guide)** [Part 1: Terminology](http://docs.sencha.io/current/index.html#!/guide/overview_terminology) — _docs.sencha.io_ +- **(Guide)** [Part 1: Terminology](http://docs.sencha.io/current/index.html#!/guide/overview_terminology) — _docs.sencha.io_ Definition of terms. Not exciting, but an important place to begin. -- **(Guide)** [Part 2: Architecture](http://docs.sencha.io/current/index.html#!/guide/overview_architecture) — _docs.sencha.io_ +- **(Guide)** [Part 2: Architecture](http://docs.sencha.io/current/index.html#!/guide/overview_architecture) — _docs.sencha.io_ Learn about the Sencha.io architecture. -- **(Guide)** [Part 3: User Services](http://docs.sencha.io/current/index.html#!/guide/overview_users) — _docs.sencha.io_ +- **(Guide)** [Part 3: User Services](http://docs.sencha.io/current/index.html#!/guide/overview_users) — _docs.sencha.io_ Learn how to use the Sencha.io user registraton and login service. -- **(Guide)** [Part 4: Data Services](http://docs.sencha.io/current/index.html#!/guide/overview_stores) — _docs.sencha.io_ +- **(Guide)** [Part 4: Data Services](http://docs.sencha.io/current/index.html#!/guide/overview_stores) — _docs.sencha.io_ With Sencha.io data synchronization, apps always have instant access to the data associated with them. -- **(Guide)** [Part 5: Channel Services](http://docs.sencha.io/current/index.html#!/guide/overview_channels) — _docs.sencha.io_ +- **(Guide)** [Part 5: Channel Services](http://docs.sencha.io/current/index.html#!/guide/overview_channels) — _docs.sencha.io_ Read about how the Sencha.io enables your app to send one-to-one and one-to-many messages. -- **(Guide)** [Part 6: Deployment Service](http://docs.sencha.io/current/index.html#!/guide/overview_deployment) — _docs.sencha.io_ +- **(Guide)** [Part 6: Deployment Service](http://docs.sencha.io/current/index.html#!/guide/overview_deployment) — _docs.sencha.io_ Learn about Sencha.io cloud services for app version management. -- **(Guide)** [Concepts: Device](http://docs.sencha.io/current/index.html#!/guide/concepts_device) — _docs.sencha.io_ +- **(Guide)** [Concepts: Device](http://docs.sencha.io/current/index.html#!/guide/concepts_device) — _docs.sencha.io_ Learn about what a device is. -- **(Guide)** [Concepts: User](http://docs.sencha.io/current/index.html#!/guide/concepts_user) — _docs.sencha.io_ +- **(Guide)** [Concepts: User](http://docs.sencha.io/current/index.html#!/guide/concepts_user) — _docs.sencha.io_ Learn about what a user is. -- **(Guide)** [Dashboard: Apps](http://docs.sencha.io/current/index.html#!/guide/dashboard_apps) — _docs.sencha.io_ +- **(Guide)** [Dashboard: Apps](http://docs.sencha.io/current/index.html#!/guide/dashboard_apps) — _docs.sencha.io_ Learn more about apps on Sencha.io -- **(Guide)** [Additional Resources](http://docs.sencha.io/current/index.html#!/guide/overview_resources) — _docs.sencha.io_ +- **(Guide)** [Additional Resources](http://docs.sencha.io/current/index.html#!/guide/overview_resources) — _docs.sencha.io_ Find other Sencha.io resources. -- **(Documentation)** [Sencha.io API Documentation](http://docs.sencha.io/current/index.html#!/api) — _docs.sencha.io_ +- **(Documentation)** [Sencha.io API Documentation](http://docs.sencha.io/current/index.html#!/api) — _docs.sencha.io_ -- **(Forums)** [Sencha.io Community Forums](http://www.sencha.com/forum/forumdisplay.php?94-Sencha.io-Community-Forums) — _www.sencha.com_ +- **(Forums)** [Sencha.io Community Forums](http://www.sencha.com/forum/forumdisplay.php?94-Sencha.io-Community-Forums) — _www.sencha.com_ -- **(Guide)** [How to use src.sencha.io](http://docs.sencha.io/current/index.html#!/guide/src) — _docs.sencha.io_ +- **(Guide)** [How to use src.sencha.io](http://docs.sencha.io/current/index.html#!/guide/src) — _docs.sencha.io_ Sencha.io Src helps you dynamically resize images for the ever increasing number of mobile screen sizes. -- **(Blog)** [Sencha.io Src Walk Through](http://www.sencha.com/blog/sencha-io-src-walk-through/) — _Aditya Bansod_ on August 8, 2011 +- **(Blog)** [Sencha.io Src Walk Through](http://www.sencha.com/blog/sencha-io-src-walk-through/) — _Aditya Bansod_ on August 8, 2011 Sencha.io Src is an adaptive image resizing service in the cloud and is part of the Sencha.io set of cloud services. Use it to dynamically resize images to fit each mobile browser viewing your web app. -- **(Blog)** [Sencha.io Src Update](http://www.sencha.com/blog/sencha-io-src-update/) — _James Pearce_ on November 22, 2011 +- **(Blog)** [Sencha.io Src Update](http://www.sencha.com/blog/sencha-io-src-update/) — _James Pearce_ on November 22, 2011 We're pleased to announce a set of new and experimental features for Sencha.io Src, the image resizing service within our popular Sencha.io cloud suite. -- **(Blog)** [Using Sencha.io Sync](http://www.sencha.com/blog/using-sencha-io-sync/) — _Aditya Bansod_ on September 30, 2011 +- **(Blog)** [Using Sencha.io Sync](http://www.sencha.com/blog/using-sencha-io-sync/) — _Aditya Bansod_ on September 30, 2011 Sencha.io Sync was made available as an open beta last week, so we wanted to give a more detailed look at how to use Sync. We announced Sencha.io Sync in the early summer and have spent time honing and tuning the service based on feedback from our private beta customers, and we're excited to invite the Sencha community to try their hands at our Sync service. -- **(Guide)** [Adding Sencha.io to Touch 2](http://docs.sencha.io/current/index.html#!/guide/integration) — _docs.sencha.io_ +- **(Guide)** [Adding Sencha.io to Touch 2](http://docs.sencha.io/current/index.html#!/guide/integration) — _docs.sencha.io_ -- **(Guide)** [Deploy a Touch 2 app](http://docs.sencha.io/current/index.html#!/guide/deploy_app) — _docs.sencha.io_ +- **(Guide)** [Deploy a Touch 2 app](http://docs.sencha.io/current/index.html#!/guide/deploy_app) — _docs.sencha.io_ Learn how to deploy a Sencha Touch 2 app using Sencha.io. -- **(Blog)** [Sencha.io Photo Sharing Example Using Sencha Touch](http://www.sencha.com/blog/sencha-io-photo-sharing-example-using-sencha-touch/) — _Nils Dehl_ on July 12, 2012 +- **(Blog)** [Sencha.io Photo Sharing Example Using Sencha Touch](http://www.sencha.com/blog/sencha-io-photo-sharing-example-using-sencha-touch/) — _Nils Dehl_ on July 12, 2012 The Sencha.io photo sharing example shows you how to use Sencha.io, the Sencha cloud service, with your Sencha Touch 2 mobile apps. -- **(Blog)** [Build a "To Do" Application with Sencha Touch, Sencha.io, and Facebook Integration](http://www.sencha.com/blog/build-a-to-do-application-with-sencha-touch-senchaio-and-facebook/) — _Jason Cline_ on June 26, 2012 +- **(Blog)** [Build a "To Do" Application with Sencha Touch, Sencha.io, and Facebook Integration](http://www.sencha.com/blog/build-a-to-do-application-with-sencha-touch-senchaio-and-facebook/) — _Jason Cline_ on June 26, 2012 In this article, we'll show you how to take advantage of Sencha.io in a Sencha Touch application. We'll use two of the Sencha.io services — the User Login service to have users connect to the app via Facebook, and the Data service to store information. diff --git a/mvc.md b/mvc.md index 3ab058e..dcfa045 100644 --- a/mvc.md +++ b/mvc.md @@ -4,23 +4,23 @@ The following learning pathway helps you get started building Sencha application ## Beginner -- **(Guide)** [Architecting Your App in Ext JS 4, Part 1](http://docs.sencha.com/ext-js/4-1/#!/guide/mvc_pt1) — _docs.sencha.com_ +- **(Guide)** [Architecting Your App in Ext JS 4, Part 1](http://docs.sencha.com/ext-js/4-1/#!/guide/mvc_pt1) — _docs.sencha.com_ -- **(Guide)** [Architecting Your App in Ext JS 4, Part 2](http://docs.sencha.com/ext-js/4-1/#!/guide/mvc_pt2) — _docs.sencha.com_ +- **(Guide)** [Architecting Your App in Ext JS 4, Part 2](http://docs.sencha.com/ext-js/4-1/#!/guide/mvc_pt2) — _docs.sencha.com_ -- **(Guide)** [Architecting Your App in Ext JS 4, Part 3](http://docs.sencha.com/ext-js/4-1/#!/guide/mvc_pt3) — _docs.sencha.com_ +- **(Guide)** [Architecting Your App in Ext JS 4, Part 3](http://docs.sencha.com/ext-js/4-1/#!/guide/mvc_pt3) — _docs.sencha.com_ -- **(Blog)** [Architecting your app with Sencha Touch 2 MVC, Part 4](http://www.sencha.com/blog/architecting-your-app-with-sencha-touch-2-mvc/) — _Tommy Maintz_ on May 21, 2012 +- **(Blog)** [Architecting your app with Sencha Touch 2 MVC, Part 4](http://www.sencha.com/blog/architecting-your-app-with-sencha-touch-2-mvc/) — _Tommy Maintz_ on May 21, 2012 -- **(Guide)** [MVC Application Architecture](http://docs.sencha.com/ext-js/4-1/#!/guide/application_architecture) — _docs.sencha.com_ +- **(Guide)** [MVC Application Architecture](http://docs.sencha.com/ext-js/4-1/#!/guide/application_architecture) — _docs.sencha.com_ -- **(Video)** [MVC in Depth, Part 1 of 2 (40:57)](http://www.sencha.com/conference/session/mvc-in-depth-pt-1) — _Ed Spencer_ on December 7, 2011 +- **(Video)** [MVC in Depth, Part 1 of 2 (40:57)](http://www.sencha.com/conference/session/mvc-in-depth-pt-1) — _Ed Spencer_ on December 7, 2011 -- **(Video)** [MVC in Depth, Part 2 of 2 (41:03)](http://www.sencha.com/conference/session/mvc-in-depth-pt-2) — _Tommy Maintz_ on December 9, 2011 +- **(Video)** [MVC in Depth, Part 2 of 2 (41:03)](http://www.sencha.com/conference/session/mvc-in-depth-pt-2) — _Tommy Maintz_ on December 9, 2011 -- **(Blog)** [A Sencha Touch MVC application with PhoneGap](http://www.sencha.com/blog/a-sencha-touch-mvc-application-with-phonegap/) — _James Pearce_ on March 21, 2011 +- **(Blog)** [A Sencha Touch MVC application with PhoneGap](http://www.sencha.com/blog/a-sencha-touch-mvc-application-with-phonegap/) — _James Pearce_ on March 21, 2011 Sencha Touch makes it easy to create the best touch interfaces that work on a broad range of devices — but did you know you can use PhoneGap to wrap your app for deployment in the top app stores? James Pearce is ready to show you how. -- **(Blog)** [Deft JS: Loosely Coupled MVC through Dependency Injection](http://www.sencha.com/blog/deftjs-loosely-coupled-mvc-through-dependency-injection/) — _John Yanarella_ on May 14, 2012 +- **(Blog)** [Deft JS: Loosely Coupled MVC through Dependency Injection](http://www.sencha.com/blog/deftjs-loosely-coupled-mvc-through-dependency-injection/) — _John Yanarella_ on May 14, 2012 diff --git a/testing.md b/testing.md index 1a7102e..95321b1 100644 --- a/testing.md +++ b/testing.md @@ -4,19 +4,19 @@ The following learning pathway will help you get started unit testing your mobil ## Beginner -- **(Blog)** [Automating Unit Tests](http://www.sencha.com/blog/automating-unit-tests/) — _Arthur Kay_ on August 02, 2012 +- **(Blog)** [Automating Unit Tests](http://www.sencha.com/blog/automating-unit-tests/) — _Arthur Kay_ on August 02, 2012 It’s obvious that many people understand the benefits of unit tests—developers want to minimize the number of bugs in their code and managers want to reduce the amount of time required to test an application before release. Although the concept of unit testing has existed for years, software teams are only now beginning to explore building tests for their Rich Internet Applications (RIAs). -- **(Guide)** [Unit Testing with Jasmine](http://docs.sencha.com/ext-js/4-1/#!/guide/testing) — _docs.sencha.com_ +- **(Guide)** [Unit Testing with Jasmine](http://docs.sencha.com/ext-js/4-1/#!/guide/testing) — _docs.sencha.com_ In this tutorial we will take an existing Ext application and introduce the Jasmine assertion library for unit testing. Readers must be familiar with JavaScript, Ext JS 4, the MVC architecture as well as the fundamentals of HTML, CSS, and using resources. -- **(Video)** [Behavior Driven Testing with Jasmine (37:39)](http://docs.sencha.com/ext-js/4-1/#!/video/18100173) — _Davis Frank_ on December 22, 2010 +- **(Video)** [Behavior Driven Testing with Jasmine (37:39)](http://docs.sencha.com/ext-js/4-1/#!/video/18100173) — _Davis Frank_ on December 22, 2010 An intro to Jasmine: BDD for JavaScript. We'll talk about why you want to use a test framework for JavaScript testing, why use Jasmine, and review its features, syntax and infrastructure, including how best to incorporate into a Sencha application. -- **(Blog)** [Headless Testing for Continuous Integration with Git and Jasmine](http://www.sencha.com/blog/headless-testing-for-continuous-integration-with-git-and-jasmine/) — _Ariya Hidayat_ on January 14, 2011 +- **(Blog)** [Headless Testing for Continuous Integration with Git and Jasmine](http://www.sencha.com/blog/headless-testing-for-continuous-integration-with-git-and-jasmine/) — _Ariya Hidayat_ on January 14, 2011 Our WebKit Team lead, Ariya Hidayat, walks you through creating a Continuous Integration setup that will run on Windows, Mac and Linux. -- **(Blog)** [Introducing Siesta: A Testing Tool for Ext JS](http://www.sencha.com/blog/introducing-siesta-a-testing-tool-for-ext-js/) — _Mats Bryntse_ on December 14, 2011 +- **(Blog)** [Introducing Siesta: A Testing Tool for Ext JS](http://www.sencha.com/blog/introducing-siesta-a-testing-tool-for-ext-js/) — _Mats Bryntse_ on December 14, 2011 Siesta is a new unit testing framework for Ext JS and other JavaScript code. Testing Ext JS, or any JavaScript-centric web framework, can be difficult because the available tools are not really suited for the task. Most popular web UI testing tools don’t offer enough help unless your application uses simple static HTML pages. This is where Siesta is different from the rest, because its top priority is Ext JS testing. diff --git a/theming.md b/theming.md index 74ecb2e..9ad6c64 100644 --- a/theming.md +++ b/theming.md @@ -4,45 +4,45 @@ The following learning pathway will help you style and theme your Sencha applica ## Prerequisites -- **(Download)** [Download Sass](http://sass-lang.com/download.html) — _sass-lang.com_ +- **(Download)** [Download Sass](http://sass-lang.com/download.html) — _sass-lang.com_ ## Beginner -- **(Guide)** [Theming Sencha Touch](http://docs.sencha.com/touch/2-0/#!guide/theming) — _docs.sencha.com_ +- **(Guide)** [Theming Sencha Touch](http://docs.sencha.com/touch/2-0/#!guide/theming) — _docs.sencha.com_ Customizing the interface of your Sencha Touch mobile app using CSS 3 and Sass/SCSS. -- **(Slides)** [Theming Sencha Touch](http://slideshare.net/senchainc/theming-sencha-touch) — _David Kaneda_ on November 29, 2010 +- **(Slides)** [Theming Sencha Touch](http://slideshare.net/senchainc/theming-sencha-touch) — _David Kaneda_ on November 29, 2010 Sencha Touch features a novel theming system built on top of Sass & Compass. This session will show you how to quickly customize the look and feel of your application, extend core styles, and optimize your stylesheets to download faster. Lot of code samples and walkthroughs included. -- **(Video)** [Theming Sencha Touch (9:36)](http://docs.sencha.com/touch/2-0/#!/video/theming) — _Drew Neil_ on February 16, 2012 +- **(Video)** [Theming Sencha Touch (9:36)](http://docs.sencha.com/touch/2-0/#!/video/theming) — _Drew Neil_ on February 16, 2012 Drew Neil ([@nelstrom](http://twitter.com/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 CSS 3 and Sass/SCSS. -- **(Guide)** [Theming Ext JS](http://docs.sencha.com/ext-js/4-1/#!/guide/theming) — _docs.sencha.com_ +- **(Guide)** [Theming Ext JS](http://docs.sencha.com/ext-js/4-1/#!/guide/theming) — _docs.sencha.com_ Ext JS 4 has a brand new theming system to customize the look of your application while still supporting all browsers. -- **(Video)** [Theming Ext JS 4 (34:52)](http://docs.sencha.com/ext-js/4-1/#!/video/19159630) — _Robert Dougan_ on January 25, 2011 +- **(Video)** [Theming Ext JS 4 (34:52)](http://docs.sencha.com/ext-js/4-1/#!/video/19159630) — _Robert Dougan_ on January 25, 2011 Ext JS 4 has a new CSS architecture which uses Sass & Compass. This will enable developers to easily create new themes. During this session you will learn how the Ext JS 4 theme was constructed, how to quickly customize the look and feel of your application and how to optimize your stylesheets for faster downloads. -- **(Video)** [Building Sencha Themes (43:20)](http://www.sencha.com/conference/session/building-sencha-themes) — _Rob Dougan, David Kaneda_ on December 7, 2011 +- **(Video)** [Building Sencha Themes (43:20)](http://www.sencha.com/conference/session/building-sencha-themes) — _Rob Dougan, David Kaneda_ on December 7, 2011 Learn how to use the power of CSS3, Sass, Compass, and Sencha tools to create consistent and cross-platform themes for Ext JS 4 and Sencha Touch. -- **(Video)** [Theming Sencha Frameworks with Sass and Compass (1:22:02)](http://docs.sencha.com/ext-js/4-1/#!/video/26506883) — _James Pearce_ on July 16, 2011 +- **(Video)** [Theming Sencha Frameworks with Sass and Compass (1:22:02)](http://docs.sencha.com/ext-js/4-1/#!/video/26506883) — _James Pearce_ on July 16, 2011 James Pearce takes you through setting up Sass and Compass to start theming Sencha Touch and Ext JS 4. -- **(Video)** [Sass - The Next Wave in Styling and Theming (45:34)](http://docs.sencha.com/ext-js/4-1/#!/video/18084338) — _Chris Eppstein_ on December 22, 2010 +- **(Video)** [Sass - The Next Wave in Styling and Theming (45:34)](http://docs.sencha.com/ext-js/4-1/#!/video/18084338) — _Chris Eppstein_ on December 22, 2010 CSS and CSS3 are an amazing toolbox for styling your applications, but they're a challenge to wrangle due to their wordy and encyclopedic nature. Sass is an overlay language for CSS that allows powerful and thorough control of CSS properties with a minimum of typing. In this session, we'll give you a thorough grounder in Sass. -- **(Community)** [Getting started with Sass and Compass](http://thesassway.com/beginner/getting-started-with-sass-and-compass) — _Adam Stacoviak (thesassway.com)_ on June 29, 2011 +- **(Community)** [Getting started with Sass and Compass](http://thesassway.com/beginner/getting-started-with-sass-and-compass) — _Adam Stacoviak (thesassway.com)_ on June 29, 2011 So your friend, co-worker, web-buddy or whomever told you about Sass, Compass ... or both. Great! Now what? In this beginner guide we take you through the first steps of getting started with Sass and Compass. We walk you through installation, creating a test project, compiling your first lines of Sass to CSS, and we even "mixin" a little Sass history. -- **(Community)** [Theming Sencha Touch with SASS](http://www.uvd.co.uk/blog/theming-sencha-touch-with-sass/) — _Patrick Hamann (www.uvd.co.uk)_ on August 28, 2012 +- **(Community)** [Theming Sencha Touch with SASS](http://www.uvd.co.uk/blog/theming-sencha-touch-with-sass/) — _Patrick Hamann (www.uvd.co.uk)_ on August 28, 2012 At the last London Sencha Touch user group I gave a talk on theming Sencha Touch (ST) with SASS. We've since had many requests for the slides and therefore thought I'd write the process up in a blog post. -- **(Blog)** [CSS3 Styling in Every Browser](http://www.sencha.com/blog/using-CSS3-in-every-browser/) — _Robert Dougan_ on July 07, 2011 +- **(Blog)** [CSS3 Styling in Every Browser](http://www.sencha.com/blog/using-CSS3-in-every-browser/) — _Robert Dougan_ on July 07, 2011 Traditionally, cross-browser styling has been a time consuming and tedious task. With the rise of modern browsers and the introduction of CSS3, we can finally create beautiful cross-browser interfaces using a simple syntax. We show you how with the new Sencha SDK Tools. -- **(Video)** [Kicking Ass + Taking Names with Sass & Compass (16:29)](http://vimeo.com/24278115) — _Nathan Henderson_ +- **(Video)** [Kicking Ass + Taking Names with Sass & Compass (16:29)](http://vimeo.com/24278115) — _Nathan Henderson_ A quick introduction to Sass - a powerful extension to CSS3, and Compass - a CSS authoring framework. See how using Sass & Compass can help to simplify your workflow, make changes & revisions easier, and impress your colleagues with newfound stylesheet wizardry. @@ -50,29 +50,29 @@ The following learning pathway will help you style and theme your Sencha applica ## Other -- **(App)** [Sass](http://sass-lang.com/) — _sass-lang.com_ +- **(App)** [Sass](http://sass-lang.com/) — _sass-lang.com_ Sass is an extension of CSS that adds nested rules, variables, mixin functions, and a whole lot more. It eases the burden of organizing and maintaining CSS code, while also compiling your Sass code to properly formatted CSS. -- **(App)** [Compass](http://compass-style.org/) — _compass-style.org_ +- **(App)** [Compass](http://compass-style.org/) — _compass-style.org_ Compass is an open-source CSS framework that makes using CSS3 and popular design patterns easier than ever. Compass works exclusively with Sass to help you write cleaner, quicker CSS code. -- **(App)** [Compass.app](http://compass.handlino.com/) — _compass.handlino.com_ +- **(App)** [Compass.app](http://compass.handlino.com/) — _compass.handlino.com_ Compass.app is a menubar only app for Sass and Compass. It helps designers compile stylesheets easily eithout resorting to command line interface. -- **(App)** [Scout](http://mhs.github.com/scout-app/) — _mhs.github.com_ +- **(App)** [Scout](http://mhs.github.com/scout-app/) — _mhs.github.com_ Scout runs Sass and Compass in a self-contained Ruby environment, letting you effortlessly manage all of your Sass projects with a handful of clicks. You’ll never have to worry about your Ruby setup or deal with technical issues. Scout does all of the heavy lifting, giving you more time to do what you love. -- **(App)** [CodeKit (Mac only)](http://incident57.com/codekit/) — _incident57.com_ +- **(App)** [CodeKit (Mac only)](http://incident57.com/codekit/) — _incident57.com_ CodeKit automatically compiles Less, Sass, Stylus, CoffeeScript, Jade & Haml files. It effortlessly combines, minifies and error-checks Javascript. It supports Compass. It even optimizes jpeg & png images, auto-reloads your browser and lets you use the same files across many projects. -- **(App)** [Hammer (Mac only)](http://hammerformac.com/) — _hammerformac.com_ +- **(App)** [Hammer (Mac only)](http://hammerformac.com/) — _hammerformac.com_ Hammer is a web development tool for web designers & developers. Hammer knows all about CoffeeScript, SASS & SCSS - and automatically compiles them into JavaScript & CSS. You can also use special tags to reference them in the . -- **(Book)** [Sass and Compass in Action (Manning Press)](http://www.manning.com/netherland/) — _Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, Brandon Mathis_ on January 2013 +- **(Book)** [Sass and Compass in Action (Manning Press)](http://www.manning.com/netherland/) — _Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, Brandon Mathis_ on January 2013 Sass and Compass in Action is the definitive guide to stylesheet authoring using these two revolutionary tools. Written for both designers and developers, this book demonstrates the power of both Sass and Compass through a series of examples that address common pain points associated with traditional stylesheet authoring. The book begins with simple topics such as CSS resets and moves on to more involved topics such as grid frameworks and CSS3 vendor implementation differences. -- **(Book)** [Pragmatic Guide to Sass (The Pragmatic Programmers)](http://pragprog.com/book/pg_sass/pragmatic-guide-to-sass) — _Hampton Catlin, Michael Lintorn Catlin_ on December 2011 +- **(Book)** [Pragmatic Guide to Sass (The Pragmatic Programmers)](http://pragprog.com/book/pg_sass/pragmatic-guide-to-sass) — _Hampton Catlin, Michael Lintorn Catlin_ on December 2011 Written by Sass creator Hampton Catlin and Michael Lintorn Catlin, Pragmatic Guide to Sass shows you how to you to improve your CSS, from the basics to advanced topics, from first installation to sprucing up your buttons. You'll see how to code the right way in Sass thanks to short, clear examples. Two-page spreads show the explanation on one side and code examples on the other. You'll learn how to improve your pages in minutes." diff --git a/touch1-charts.md b/touch1-charts.md index 50107ad..cad26a1 100644 --- a/touch1-charts.md +++ b/touch1-charts.md @@ -4,30 +4,30 @@ The following learning pathway will help you get started building rich, interact ## Prerequisites -- **(Download)** [Download Sencha Touch](undefined) — _Sencha_ +- **(Download)** [Download Sencha Touch](undefined) — _Sencha_ ## Beginner -- **(Video)** [Sencha Touch Charts (1:16)](http://docs.sencha.com/touch/1-1/#!/video/26651228) — _docs.sencha.com_ on July 19, 2011 +- **(Video)** [Sencha Touch Charts (1:16)](http://docs.sencha.com/touch/1-1/#!/video/26651228) — _docs.sencha.com_ on July 19, 2011 Introducing Sencha Touch Charts — the world's first HTML5-based, mobile charting and drawing product. Sencha Touch Charts enables you to build complex radar, bar, line, stacked, and pie charts with stunning interactivity and incredible ease of use. Visualizing rich data on the mobile web has never been easier. -- **(Tutorial)** [Learning Sencha Touch Charts](http://www.sencha.com/learn/learning-sencha-touch-charts/) — _Jamie Avins_ on March 13, 2012 +- **(Tutorial)** [Learning Sencha Touch Charts](http://www.sencha.com/learn/learning-sencha-touch-charts/) — _Jamie Avins_ on March 13, 2012 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. -- **(Tutorial)** [Touch Drawing and Charting](http://www.sencha.com/learn/touch-drawing-and-charting/) — _Sencha_ on March 5, 2012 +- **(Tutorial)** [Touch Drawing and Charting](http://www.sencha.com/learn/touch-drawing-and-charting/) — _Sencha_ on March 5, 2012 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. -- **(Tutorial)** [Touch Charts Interactions](http://www.sencha.com/learn/touch-charts-interactions/) — _Sencha_ on March 5, 2012 +- **(Tutorial)** [Touch Charts Interactions](http://www.sencha.com/learn/touch-charts-interactions/) — _Sencha_ on March 5, 2012 This guide introduces the advanced interaction features in Sencha Touch Charts. By taking advantage of these features, you can create highly interactive charts that allow your users to visualize and easily navigate complex data sets. -- **(Documentation)** [Sencha Touch Charts 1.0 Documentation](http://docs.sencha.com/touch-charts/1-0/) — _docs.sencha.com_ +- **(Documentation)** [Sencha Touch Charts 1.0 Documentation](http://docs.sencha.com/touch-charts/1-0/) — _docs.sencha.com_ -- **(Examples)** [Sencha Touch Charts Demos and Examples (WebKit required)](http://dev.sencha.com/deploy/touch-charts-1.0.0/examples/) — _Sencha_ on July 15, 2011 +- **(Examples)** [Sencha Touch Charts Demos and Examples (WebKit required)](http://dev.sencha.com/deploy/touch-charts-1.0.0/examples/) — _Sencha_ on July 15, 2011 -- **(Forums)** [Sencha Touch 1.x Charts Forums](http://www.sencha.com/forum/forumdisplay.php?85-Sencha-Touch-1.x-Charts) — _www.sencha.com_ +- **(Forums)** [Sencha Touch 1.x Charts Forums](http://www.sencha.com/forum/forumdisplay.php?85-Sencha-Touch-1.x-Charts) — _www.sencha.com_ -- **(Tutorial)** [Touch Charts Styling](http://www.sencha.com/learn/touch-charts-styling/) — _Sencha_ on March 5, 2012 +- **(Tutorial)** [Touch Charts Styling](http://www.sencha.com/learn/touch-charts-styling/) — _Sencha_ on March 5, 2012 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. diff --git a/touch1.md b/touch1.md index 927c7f2..bf5cad3 100644 --- a/touch1.md +++ b/touch1.md @@ -4,158 +4,158 @@ The following learning pathway will help you get started with building mobile HT ## Prerequisites -- **(Download)** [Download Sencha Touch](undefined) — _Sencha_ +- **(Download)** [Download Sencha Touch](undefined) — _Sencha_ ## Beginner -- **(Tutorial)** [Sencha Touch Quick Start](http://www.sencha.com/learn/sencha-touch-quick-start/) — _James Pearce_ on December 5, 2011 +- **(Tutorial)** [Sencha Touch Quick Start](http://www.sencha.com/learn/sencha-touch-quick-start/) — _James Pearce_ on December 5, 2011 The quickest possible ways to get started with Sencha Touch development, on both Mac and Windows machines. Ideal for a rolling start at hackathons! -- **(Video)** [Sencha Touch Introduction (7:22)](http://docs.sencha.com/touch/1-1/#!/video/12636777) — _docs.sencha.com_ on Thursday, June 17, 2010 +- **(Video)** [Sencha Touch Introduction (7:22)](http://docs.sencha.com/touch/1-1/#!/video/12636777) — _docs.sencha.com_ on Thursday, June 17, 2010 -- **(Video)** [SenchaCon 2010: Sencha Touch for the Mobile Web (37:39)](http://docs.sencha.com/touch/1-1/#!/video/17677004) — _David Kaneda_ on December 10, 2010 +- **(Video)** [SenchaCon 2010: Sencha Touch for the Mobile Web (37:39)](http://docs.sencha.com/touch/1-1/#!/video/17677004) — _David Kaneda_ on December 10, 2010 Sencha Touch leverages HTML5 and CSS3 to provide a robust web app framework for webkit based mobile browsers. This session is a high-level introduction to Sencha Touch. We will cover components and data handling, theming, best practices, and deployment, and talk about the roadmap for Sencha Touch 2.0. -- **(Video)** [Introduction to Sencha Touch: Hello World (1:06:31)](http://docs.sencha.com/touch/1-1/#!/video/18134446) — _James Pearce_ on December 23, 2010 +- **(Video)** [Introduction to Sencha Touch: Hello World (1:06:31)](http://docs.sencha.com/touch/1-1/#!/video/18134446) — _James Pearce_ on December 23, 2010 Ready to build your first mobile web app with Sencha Touch? We recently conducted a great introductory webinar, which provides step-by-step instructions for getting started with Sencha Touch. We run through the absolute basics of building your first Sencha Touch app in the time-honored tradition of displaying the words "Hello World." -- **(Tutorial)** [Hello World](http://www.sencha.com/learn/hello-world/) — _Peter deHaan_ on March 21, 2012 +- **(Tutorial)** [Hello World](http://www.sencha.com/learn/hello-world/) — _Peter deHaan_ on March 21, 2012 In this article, we will run through the absolute basics of building your first application, in the time-honored tradition of displaying the words 'Hello World'. -- **(Tutorial)** [My First Sencha Touch Experience](http://www.sencha.com/learn/my-first-sencha-touch-experience/) — _Joe McCann_ on July 11, 2011 +- **(Tutorial)** [My First Sencha Touch Experience](http://www.sencha.com/learn/my-first-sencha-touch-experience/) — _Joe McCann_ on July 11, 2011 Well-known designer and developer, Joe McCann, recently spent a few days using Sencha Touch. In this article, he talks through his experiences of building his first application. -- **(Video)** [Sencha Touch - Intro to Layouts (8:34)](http://docs.sencha.com/touch/1-1/#!/video/15888504) — _Drew Neil_ on October 15, 2010 +- **(Video)** [Sencha Touch - Intro to Layouts (8:34)](http://docs.sencha.com/touch/1-1/#!/video/15888504) — _Drew Neil_ on October 15, 2010 Drew Neil (@nelstrom) describes the basics of how layouts work in Sencha Touch. This tutorial is perfect for beginners who want to understand how to create components and buttons inside their Sencha Touch mobile app. -- **(Video)** [Sencha Touch - Layouts Walkthrough (9:22)](http://docs.sencha.com/touch/1-1/#!/video/15672257) — _Brian Suda_ on October 8, 2010 +- **(Video)** [Sencha Touch - Layouts Walkthrough (9:22)](http://docs.sencha.com/touch/1-1/#!/video/15672257) — _Brian Suda_ on October 8, 2010 Brian Suda describes and demonstrates how Sencha Touch layouts work in this nine minute tutorial. -- **(Video)** [Sencha Touch - Intro to Panels (5:42)](http://docs.sencha.com/touch/1-1/#!/video/15879797) — _Drew Neil_ on October 15, 2010 +- **(Video)** [Sencha Touch - Intro to Panels (5:42)](http://docs.sencha.com/touch/1-1/#!/video/15879797) — _Drew Neil_ on October 15, 2010 Drew Neil (@nelstrom) describes the basics of how panels work in Sencha Touch. This tutorial is perfect for beginners who want to understand how to create components and buttons inside their Sencha Touch mobile app. Github repo: http://github.com/nelstrom/Sencha-Touch-panels-demo -- **(Video)** [Sencha Touch - An Introduction to Carousels (12:56)](http://docs.sencha.com/touch/1-1/#!/video/24475654) — _Drew Neil_ on May 31, 2011 +- **(Video)** [Sencha Touch - An Introduction to Carousels (12:56)](http://docs.sencha.com/touch/1-1/#!/video/24475654) — _Drew Neil_ on May 31, 2011 Drew Neil (@nelstrom) demonstrates how to use Sencha Touch to create carousel-based apps, such as this artist's portfolio. He also gives a brief introduction to the src.sencha.io resizing service. The GitHub repo for the application is at https://github.com/nelstrom/Sencha-Touch-Carousel-demo -- **(Video)** [Sencha Touch - Intro to List Component (10:48)](http://docs.sencha.com/touch/1-1/#!/video/19245335) — _Drew Neil_ on January 27, 2011 +- **(Video)** [Sencha Touch - Intro to List Component (10:48)](http://docs.sencha.com/touch/1-1/#!/video/19245335) — _Drew Neil_ on January 27, 2011 Drew Neil (@nelstrom) demonstrates using the List Component in Sencha Touch. GitHub repo: https://github.com/nelstrom/Sencha-Touch-list-view-demo -- **(Video)** [Sencha Touch - Intro to Nested List Component (7:53)](http://docs.sencha.com/touch/1-1/#!/video/20580117) — _Drew Neil_ on March 2, 2011 +- **(Video)** [Sencha Touch - Intro to Nested List Component (7:53)](http://docs.sencha.com/touch/1-1/#!/video/20580117) — _Drew Neil_ on March 2, 2011 Drew Neil (@nelstrom) demonstrates using the NestedList Component in Sencha Touch. GitHub repo: https://github.com/nelstrom/Sencha-Touch-nested-list-demo -- **(Video)** [Sencha Touch - Working With Forms (17:54)](http://docs.sencha.com/touch/1-1/#!/video/26784522) — _Drew Neil_ on July 22, 2011 +- **(Video)** [Sencha Touch - Working With Forms (17:54)](http://docs.sencha.com/touch/1-1/#!/video/26784522) — _Drew Neil_ on July 22, 2011 Drew Neil (@nelstrom) demonstrates how to use Sencha Touch to create applications that allow users to interact with data through forms, and using a simple MVC pattern. The GitHub repo for the application is at https://github.com/senchalearn/Forms-demo -- **(Video)** [Sencha Touch Tabs and Toolbars (11:51)](http://docs.sencha.com/touch/1-1/#!/video/22251762) — _Drew Neil_ on April 11, 2011 +- **(Video)** [Sencha Touch Tabs and Toolbars (11:51)](http://docs.sencha.com/touch/1-1/#!/video/22251762) — _Drew Neil_ on April 11, 2011 Drew Neil (@nelstrom) demonstrates how to use Sencha Touch to create a tabbed interface with icons, and how toolbars can be used to hold buttons, or a titlebar. GitHub repo: https://github.com/nelstrom/Sencha-Touch-tabs-and-toolbars-demo -- **(Video)** [Sencha Touch - Intro to Listeners (13:57)](http://docs.sencha.com/touch/1-1/#!/video/17414405) — _Drew Neil_ on December 2, 2010 +- **(Video)** [Sencha Touch - Intro to Listeners (13:57)](http://docs.sencha.com/touch/1-1/#!/video/17414405) — _Drew Neil_ on December 2, 2010 Drew Neil (@nelstrom) describes the basics of how listeners work in Sencha Touch. This tutorial is perfect for beginners who want to understand how to create custom behavior and functionality inside their Sencha Touch mobile app. GitHub repo: http://github.com/nelstrom/Sencha-Touch-listeners-demo -- **(Tutorial)** [Using the Data Package in Sencha Touch](http://www.sencha.com/learn/using-the-data-package-in-sencha-touch/) — _Ed Spencer_ on July 11, 2011 +- **(Tutorial)** [Using the Data Package in Sencha Touch](http://www.sencha.com/learn/using-the-data-package-in-sencha-touch/) — _Ed Spencer_ on July 11, 2011 This tutorial shows how to quickly put together simple components backed by the data package. See how the Model/Store/Proxy ecosystem fits together and how to use Stores with data-aware components, just like in our Sencha Touch Twitter example. -- **(Tutorial)** [Using Validations and Associations in Sencha Touch](http://www.sencha.com/learn/using-validations-and-associations-in-sencha-touch/) — _Ed Spencer_ on July 11, 2011 +- **(Tutorial)** [Using Validations and Associations in Sencha Touch](http://www.sencha.com/learn/using-validations-and-associations-in-sencha-touch/) — _Ed Spencer_ on July 11, 2011 Sencha Touch already has a rich Model layer which makes it easy to deal with different types of data. As of version 0.96, Models became a lot richer with support for validating their data and associating them with other Models. These new capabilities make it easier to write client-side applications by reducing the amount of code you need to write. -- **(Documentation)** [Sencha Touch 1.1 API Documentation](http://docs.sencha.com/touch/1-1/#!/api) — _docs.sencha.com_ +- **(Documentation)** [Sencha Touch 1.1 API Documentation](http://docs.sencha.com/touch/1-1/#!/api) — _docs.sencha.com_ -- **(Learning Pathway)** [Sencha Touch Charts Learning Pathway](learn/touch1-charts) — _Sencha_ +- **(Learning Pathway)** [Sencha Touch Charts Learning Pathway](learn/touch1-charts) — _Sencha_ -- **(Video)** [An Introduction to the Kitchen Sink (7:22)](http://www.sencha.com/learn/an-introduction-to-the-kitchen-sink/) — _Michael Mullany_ on July 13, 2011 +- **(Video)** [An Introduction to the Kitchen Sink (7:22)](http://www.sencha.com/learn/an-introduction-to-the-kitchen-sink/) — _Michael Mullany_ on July 13, 2011 Michael Mullany runs through an early beta version of the Sencha Touch Kitchen Sink app, demonstrating many of the core capabilities of the framework. -- **(Video)** [SenchaCon 2010: Structuring Your Sencha Touch Application (51:04)](http://docs.sencha.com/touch/1-1/#!/video/17705448) — _Tommy Maintz_ on December 11, 2010 +- **(Video)** [SenchaCon 2010: Structuring Your Sencha Touch Application (51:04)](http://docs.sencha.com/touch/1-1/#!/video/17705448) — _Tommy Maintz_ on December 11, 2010 In this session you'll learn about the recommended application structure for Sencha Touch (or Ext JS) applications. The new application structure enables any Sencha developer to quickly understand any Sencha application using the new Sencha MVC package. -- **(Video)** [SenchaCon 2010: Designing The Mobile User Experience (45:43)](http://docs.sencha.com/touch/1-1/#!/video/18093057) — _Brian Fling_ on December 22, 2010 +- **(Video)** [SenchaCon 2010: Designing The Mobile User Experience (45:43)](http://docs.sencha.com/touch/1-1/#!/video/18093057) — _Brian Fling_ on December 22, 2010 Creating mobile applications that people love to use is a challenging task. In this session, we'll go over the steps required to create a great user experience for different categories of applications and use contexts. We'll review great, and not-so-great mobile design examples and provide practical tips and best practices. ## Intermediate -- **(Video)** [SenchaCon 2010: Mobile Development Challenges & Solutions (50:36)](http://docs.sencha.com/touch/1-1/#!/video/17838527) — _docs.sencha.com_ on December 15, 2010 +- **(Video)** [SenchaCon 2010: Mobile Development Challenges & Solutions (50:36)](http://docs.sencha.com/touch/1-1/#!/video/17838527) — _docs.sencha.com_ on December 15, 2010 Mobile web development is becoming exciting again! HTML5 capable mobile devices have blown away the old conventions about how to develop mobile web experiences. But significant challenges still remain. Please join our panel of mobile technology and device experts as they discuss the big challenges in mobile web development as well as what's next for the mobile web. Panel. -- **(Video)** [XTemplates in Sencha Touch, Part 1 of 2 (12:27)](http://docs.sencha.com/touch/1-1/#!/video/16289757) — _Drew Neil_ on October 28, 2010 +- **(Video)** [XTemplates in Sencha Touch, Part 1 of 2 (12:27)](http://docs.sencha.com/touch/1-1/#!/video/16289757) — _Drew Neil_ on October 28, 2010 Drew Neil (@nelstrom) has created a two-part series describing how to use XTemplates, a powerful templating system in Ext JS and Sencha Touch that allows developers to easily format views around dynamic data. GitHub repo: http://github.com/nelstrom/Sencha-Touch-templates-demo -- **(Video)** [XTemplates in Sencha Touch, Part 2 of 2 (10:47)](http://docs.sencha.com/touch/1-1/#!/video/16289990) — _Drew Neil_ on October 28, 2010 +- **(Video)** [XTemplates in Sencha Touch, Part 2 of 2 (10:47)](http://docs.sencha.com/touch/1-1/#!/video/16289990) — _Drew Neil_ on October 28, 2010 Drew Neil (@nelstrom) has created a two-part series describing how to use XTemplates, a powerful templating system in Ext JS and Sencha Touch that allows developers to easily format views around dynamic data. Check out part 1 here: http://vimeo.com/16289757 Github repo: http://github.com/nelstrom/Sencha-Touch-templates-demo -- **(Tutorial)** [How to use src.sencha.io](http://www.sencha.com/learn/how-to-use-src-sencha-io/) — _James Pearce_ on November 22, 2011 +- **(Tutorial)** [How to use src.sencha.io](http://www.sencha.com/learn/how-to-use-src-sencha-io/) — _James Pearce_ on November 22, 2011 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. -- **(Tutorial)** [Idiomatic Layouts with Sencha Touch, Part 1 of 2](http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch/) — _James Pearce_ on August 9, 2011 +- **(Tutorial)** [Idiomatic Layouts with Sencha Touch, Part 1 of 2](http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch/) — _James Pearce_ on August 9, 2011 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's 'application profiles' mechanism to deliver idiomatic user interfaces to both phone and tablet users. -- **(Tutorial)** [Idiomatic Layouts with Sencha Touch, Part 2 of 2](http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch-ii/) — _James Pearce_ on August 9, 2011 +- **(Tutorial)** [Idiomatic Layouts with Sencha Touch, Part 2 of 2](http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch-ii/) — _James Pearce_ on August 9, 2011 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. -- **(Video)** [Sencha Touch - Create a Twitter App w/ Geolocation (14:08)](http://docs.sencha.com/touch/1-1/#!/video/15672696) — _Drew Neil_ on October 8, 2010 +- **(Video)** [Sencha Touch - Create a Twitter App w/ Geolocation (14:08)](http://docs.sencha.com/touch/1-1/#!/video/15672696) — _Drew Neil_ on October 8, 2010 Drew Neil (@nelstrom) demonstrates how to create a Geolocation-powered Twitter mobile app with Sencha Touch. -- **(Video)** [SenchaCon 2010: Developing Mobile Web Apps for RIM BB6 (48:58)](http://docs.sencha.com/touch/1-1/#!/video/17799772) — _Laurent Hasson_ on December 14, 2010 +- **(Video)** [SenchaCon 2010: Developing Mobile Web Apps for RIM BB6 (48:58)](http://docs.sencha.com/touch/1-1/#!/video/17799772) — _Laurent Hasson_ on December 14, 2010 After years of false starts, the mobile web is finally getting it right by essentially keeping desktop web standards as is, providing enticing HTML5 capabilities, and having frameworks addressing user experience issues unique to the mobile form factor. RIM has built its BlackBerry WebWorks platform using de-facto standards such as WebKit, and great implementations of key web standards such as HTML5, CSS3, SVG and JavaScript. BlackBerry WebWorks enables developers to use modern web technologies to build mobile applications. In this session, we will review the core aspects of this new platform, and provide a few best practices and code samples. -- **(Video)** [SenchaCon 2010: Serving Mobile Apps from Content Management Systems (49:59)](http://docs.sencha.com/touch/1-1/#!/video/18036452) — _James Pearce_ on December 20, 2010 +- **(Video)** [SenchaCon 2010: Serving Mobile Apps from Content Management Systems (49:59)](http://docs.sencha.com/touch/1-1/#!/video/18036452) — _James Pearce_ on December 20, 2010 Hundreds of millions of web sites around the world are served from Content Management Systems like WordPress and Drupal. How do you equip these platforms to deal with the inevitable rise of mobile web technologies? In this session, we will explore how to create great mobile sites and apps from your existing content, using Sencha Touch. Presented by James Pearce. -- **(Tutorial)** [Taking Sencha Touch Apps Offline](http://www.sencha.com/learn/taking-sencha-touch-apps-offline/) — _James Pearce_ on August 22, 2011 +- **(Tutorial)** [Taking Sencha Touch Apps Offline](http://www.sencha.com/learn/taking-sencha-touch-apps-offline/) — _James Pearce_ on August 22, 2011 Mobile and tablet users are now first-class citizens of the web, and with Sencha Touch, we can create beautiful web-based applications for them. That is, until they drive into a tunnel. Or get on a plane. Or stray too far from cellular coverage. In this article, we discuss tactics you can use to serve users, regardless of their connectivity. -- **(Video)** [SenchaCon 2010: Debugging Sencha Touch Apps (40:13)](http://docs.sencha.com/touch/1-1/#!/video/17853133) — _Evan Trimboli, Tommy Maintz_ on December 15, 2010 +- **(Video)** [SenchaCon 2010: Debugging Sencha Touch Apps (40:13)](http://docs.sencha.com/touch/1-1/#!/video/17853133) — _Evan Trimboli, Tommy Maintz_ on December 15, 2010 Debugging applications on mobile devices is challenging. Although simulators exist, tooling is limited. Luckily, with some accomodations, you can debug your mobile web applications using most desktop tools. In this session, we'll go over what works, what doesn't and how to use tools appropriately to debug your mobile web app. -- **(Blog)** [Sencha Touch: Optimizing Memory Usage](http://www.sencha.com/blog/sencha-touch-optimizing-memory-usage/) — _Tommy Maintz_ on March 15, 2011 +- **(Blog)** [Sencha Touch: Optimizing Memory Usage](http://www.sencha.com/blog/sencha-touch-optimizing-memory-usage/) — _Tommy Maintz_ on March 15, 2011 Although most modern mobile devices have good hardware specs, almost all of them are still lacking in areas like memory — especially compared to their desktop counterparts. In a previous article, we looked at event delegation as a way of improving the performance of your mobile web application. In this article, we will look at one more technique that improves your application's memory usage. -- **(Video)** [SenchaCon 2010: Performance Optimization for Sencha Touch (47:18)](http://docs.sencha.com/touch/1-1/#!/video/17882927) — _Tommy Maintz_ on December 16, 2010 +- **(Video)** [SenchaCon 2010: Performance Optimization for Sencha Touch (47:18)](http://docs.sencha.com/touch/1-1/#!/video/17882927) — _Tommy Maintz_ on December 16, 2010 Mobile devices have very limited processing power compared to modern desktops. It's essential to keep performance optimization in mind when developing Touch applications. Here, we'll discuss how to keep your mobile web app fast and lightweight. We'll learn about such techniques as keeping your DOM slim, managing troublesome CSS3 properties, and other ways to keep your app sleek and responsive. -- **(Video)** [Sencha Labs EventRecorder for Android (2:23)](http://docs.sencha.com/touch/1-1/#!/video/20672408) — _docs.sencha.com_ on March 5, 2011 +- **(Video)** [Sencha Labs EventRecorder for Android (2:23)](http://docs.sencha.com/touch/1-1/#!/video/20672408) — _docs.sencha.com_ on March 5, 2011 The WebKit team at Sencha Inc. has created an open source tool essential to anyone doing web app development on Android mobile devices. Read more about this project on our blog: http://www.sencha.com/blog/event-recorder-for-android-web-applications/ -- **(Blog)** [EventRecorder for Android Web Applications](http://www.sencha.com/blog/event-recorder-for-android-web-applications/) — _Helder Correia_ on March 7, 2011 +- **(Blog)** [EventRecorder for Android Web Applications](http://www.sencha.com/blog/event-recorder-for-android-web-applications/) — _Helder Correia_ on March 7, 2011 EventRecorder is an infrastructure that provides automated web application testing on Android-based devices. It consists of a device tool and a host machine recording client. This client application receives a playback script from the device tool at the end of the recording. The script is a self-contained program that is able to contact the device tool and send all the recorded events in order to reproduce the session as closely as possible. -- **(Video)** [Theming Sencha Frameworks with Sass and Compass (1:22:02)](http://www.sencha.com/learn/theming-sencha-frameworks-with-sass-and-compass/) — _James Pearce_ on August 2, 2011 +- **(Video)** [Theming Sencha Frameworks with Sass and Compass (1:22:02)](http://www.sencha.com/learn/theming-sencha-frameworks-with-sass-and-compass/) — _James Pearce_ on August 2, 2011 James Pearce takes you through setting up Sass and Compass to start theming Sencha Touch and Ext JS 4. -- **(Blog)** [An Introduction to Theming Sencha Touch](http://www.sencha.com/blog/an-introduction-to-theming-sencha-touch/) — _David Kaneda_ on December 17, 2010 +- **(Blog)** [An Introduction to Theming Sencha Touch](http://www.sencha.com/blog/an-introduction-to-theming-sencha-touch/) — _David Kaneda_ on December 17, 2010 Sencha Touch has introduced a revolutionary new theming system, built on SASS and Compass, that allows you to create versions of our base theme custom tailored to your application and brand. -- **(Video)** [SenchaCon 2010: Theming Sencha Touch (46:06)](http://docs.sencha.com/touch/1-1/#!/video/17879651) — _David Kaneda_ on December 16, 2010 +- **(Video)** [SenchaCon 2010: Theming Sencha Touch (46:06)](http://docs.sencha.com/touch/1-1/#!/video/17879651) — _David Kaneda_ on December 16, 2010 Sencha Touch features a novel theming system built on top of SASS & Compass. This session will show you how to quickly customize the look and feel of your application, extend core styles, and optimize your stylesheets to download faster. Lot of code samples and walkthroughs included. -- **(Forums)** [Sencha Touch 1.x Forums](http://www.sencha.com/forum/forumdisplay.php?56-Sencha-Touch-1.x-Forums) — _www.sencha.com_ +- **(Forums)** [Sencha Touch 1.x Forums](http://www.sencha.com/forum/forumdisplay.php?56-Sencha-Touch-1.x-Forums) — _www.sencha.com_ ## Advanced -- **(Tutorial)** [Enhancing iOS Sencha Touch apps with NimbleKit, Part 1 of 2](http://www.sencha.com/learn/enhancing-ios-sencha-touch-apps-with-nimblekit/) — _James Pearce_ on August 9, 2011 +- **(Tutorial)** [Enhancing iOS Sencha Touch apps with NimbleKit, Part 1 of 2](http://www.sencha.com/learn/enhancing-ios-sencha-touch-apps-with-nimblekit/) — _James Pearce_ on August 9, 2011 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. -- **(Tutorial)** [Enhancing iOS Sencha Touch apps with NimbleKit, Part 2 of 2](http://www.sencha.com/learn/enhancing-ios-sencha-touch-apps-with-nimblekit-pt-ii/) — _James Pearce_ on August 9, 2011 +- **(Tutorial)** [Enhancing iOS Sencha Touch apps with NimbleKit, Part 2 of 2](http://www.sencha.com/learn/enhancing-ios-sencha-touch-apps-with-nimblekit-pt-ii/) — _James Pearce_ on August 9, 2011 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. -- **(Tutorial)** [A Sencha Touch MVC application with PhoneGap](http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap/) — _James Pearce_ on October 7, 2011 +- **(Tutorial)** [A Sencha Touch MVC application with PhoneGap](http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap/) — _James Pearce_ on October 7, 2011 In this article, we introduce PhoneGap, a way to package and allow web applications to access device functionality. We use its APIs to create a custom data proxy which underpins a Sencha Touch MVC application. By the end of the article, we will have demonstrated how to replicate the iPhone's address book application using web technology alone. -- **(Video)** [Sencha Touch & PhoneGap demo, SourceDevCon 2011 (1:42)](http://docs.sencha.com/touch/1-1/#!/video/23358554) — _James Pearce_ on May 6, 2011 +- **(Video)** [Sencha Touch & PhoneGap demo, SourceDevCon 2011 (1:42)](http://docs.sencha.com/touch/1-1/#!/video/23358554) — _James Pearce_ on May 6, 2011 This is the final demo from James Pearce's PhoneGap session at Source DevCon, 2011. The standard SeattleBars application is enhanced to add a button to each detail page, which in turn fires the createContact() function, containing the code to add a new record via the PhoneGap contacts API. The new contact record contains name, telephone number, and photo. The PhoneGap notification API is used to alert the user to the API's success. The source code for this demo can be found in Jesse MacFadyen's fork of the app: https://github.com/purplecabbage/seattlebars -- **(Video)** [SenchaCon 2010: Creating Native Apps with Sencha and PhoneGap (43:32)](http://docs.sencha.com/touch/1-1/#!/video/17806772) — _Andrew Lunny_ on December 14, 2010 +- **(Video)** [SenchaCon 2010: Creating Native Apps with Sencha and PhoneGap (43:32)](http://docs.sencha.com/touch/1-1/#!/video/17806772) — _Andrew Lunny_ on December 14, 2010 Creating native, cross-platform mobile applications doesn't need to be any more complicated than creating a mobile web app. In this session, we will discuss using PhoneGap to create installable web apps that work seamlessly across iOS, Android, BlackBerry and other platforms. We'll look at what features of your web server you can port to the client side, and how to manage syncing with a remote server to create the best mobile experience, online or off. ## Other -- **(Book)** [Sencha Touch Mobile JavaScript Framework (Packt Publishing)](http://www.packtpub.com/sencha-touch-mobile-javascript-framework/book) — _John E. Clark, Bryan P. Johnson_ on February 2012 +- **(Book)** [Sencha Touch Mobile JavaScript Framework (Packt Publishing)](http://www.packtpub.com/sencha-touch-mobile-javascript-framework/book) — _John E. Clark, Bryan P. Johnson_ on February 2012 Since its initial launch, Sencha Touch has quickly become the gold standard for developing rich mobile web applications with HTML5. Sencha Touch is the first HTML5 mobile JavaScript framework that allows you to develop mobile web apps that look and feel like native apps on both iPhone and Android touchscreen devices. Sencha Touch is the world's first application framework built specifically to leverage HTML5, CSS3 and JavaScript for the highest level of power, flexibility and optimization. It makes specific use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. Sencha Touch also makes extensive use of CSS3 in its components and themes to provide an incredibly robust styling layer, giving you total control over the look of your application. -- **(Book)** [Sencha Touch Cookbook (Packt Publishing)](http://www.packtpub.com/sencha-touch-for-creating-cross-platform-html5-apps-cookbook/book) — _Ajit Kumar_ on December 2011 +- **(Book)** [Sencha Touch Cookbook (Packt Publishing)](http://www.packtpub.com/sencha-touch-for-creating-cross-platform-html5-apps-cookbook/book) — _Ajit Kumar_ on December 2011 Sencha touch is a versatile HTML5-based framework for developing mobile web apps that look and feel native on touch screen devices, and with it you can write your code once and deploy it to both iOS and Android saving you both time and money. diff --git a/touch2.md b/touch2.md index 87e5a98..8bffa3f 100644 --- a/touch2.md +++ b/touch2.md @@ -4,165 +4,165 @@ The following learning pathway will help you get started with building mobile HT ## Prerequisites -- **(Download)** [Download Sencha Touch 2](http://www.sencha.com/products/touch/download/) — _Sencha_ +- **(Download)** [Download Sencha Touch 2](http://www.sencha.com/products/touch/download/) — _Sencha_ ## Beginner -- **(Guide)** [Getting Started with Sencha Touch 2](http://docs.sencha.com/touch/2-1/#!/guide/getting_started) — _docs.sencha.com_ +- **(Guide)** [Getting Started with Sencha Touch 2](http://docs.sencha.com/touch/2-1/#!/guide/getting_started) — _docs.sencha.com_ A short introduction to what Sencha Touch is and how to use it for your first app. -- **(Blog)** [What's New in Sencha Touch 2.1?](http://www.sencha.com/blog/whats-new-in-sencha-touch-21/) — _Jamie Avins_ on October 24, 2012 +- **(Blog)** [What's New in Sencha Touch 2.1?](http://www.sencha.com/blog/whats-new-in-sencha-touch-21/) — _Jamie Avins_ on October 24, 2012 Sencha Touch 2.1 is our next release of the Sencha mobile framework. The 2.1 release includes the following key upgrades: significant performance improvements, charting support, an advanced list component, and enhanced native support through the Sencha Mobile Packager. -- **(Video)** [Why Sencha Touch Makes Sense for Large Mobile Endeavors (31:46)](http://vimeo.com/41529555) — _Dan Menard, Erwin Nell_ on May 3, 2012 +- **(Video)** [Why Sencha Touch Makes Sense for Large Mobile Endeavors (31:46)](http://vimeo.com/41529555) — _Dan Menard, Erwin Nell_ on May 3, 2012 Join Dan Menard, Software Developer at Macadamian, and Erwin Nell, Director of User Experience at Varian as they discuss why they picked Sencha Touch and the implementation process. The group will discuss why Sencha Touch was the right choice, how to extend Sencha Touch to support the vast needs of a complex electronic medical record system, and how Sencha Touch makes large-scale projects more manageable. -- **(Tutorial)** [Hello World Sencha Touch Tutorial](http://www.sencha.com/learn/hello-world/) — _Peter deHaan_ on March 21, 2012 +- **(Tutorial)** [Hello World Sencha Touch Tutorial](http://www.sencha.com/learn/hello-world/) — _Peter deHaan_ on March 21, 2012 -- **(Guide)** [Building your First App](http://docs.sencha.com/touch/2-1/#!/guide/first_app) — _docs.sencha.com_ +- **(Guide)** [Building your First App](http://docs.sencha.com/touch/2-1/#!/guide/first_app) — _docs.sencha.com_ How to build your first app in 15 minutes flat. Includes a simple HTML page, a contact form and a blog feed. -- **(Video)** [Building Mobile HTML5 Apps in Hours, Not Days (43:23)](http://vimeo.com/43916394) — _Aditya Bansod_ on June 12, 2012 +- **(Video)** [Building Mobile HTML5 Apps in Hours, Not Days (43:23)](http://vimeo.com/43916394) — _Aditya Bansod_ on June 12, 2012 HTML5 has delivered on the promise to make building mobile apps work seamlessly across devices and operating systems. But developers looking to build applications still have to code HTML, JavaScript and CSS by hand, often laboriously rebuilding features that exist in native platforms without the benefit of tooling that native platforms offer. New tools in the HTML5 space, like Sencha Designer (now called Sencha Architect), make building mobile HTML5 apps as fun and easy as building native apps. -- **(Guide)** [How to use classes in Sencha Touch 2](http://docs.sencha.com/touch/2-1/#!/guide/class_system) — _docs.sencha.com_ +- **(Guide)** [How to use classes in Sencha Touch 2](http://docs.sencha.com/touch/2-1/#!/guide/class_system) — _docs.sencha.com_ Tells you all you need to know about the Sencha Touch class. We suggest you read this before you start your first app. -- **(Video)** [The Sencha Class System (52:30)](http://docs.sencha.com/touch/2-1/#!/video/class-system) — _Jacky Nguyen_ on December 10, 2011 +- **(Video)** [The Sencha Class System (52:30)](http://docs.sencha.com/touch/2-1/#!/video/class-system) — _Jacky Nguyen_ on December 10, 2011 Sencha Touch 2.0 went through a huge refactoring from the ground up with the new class system. It combines the familiar class-based programming style with the dynamic nature of JavaScript into a robust architecture which stands behind every single class written in the frameworks. This session will give you a complete picture of everything our new foundation has to offer as well as their benefits and best practices. -- **(Video)** [Intro to Layouts in Sencha Touch 2 (9:31)](http://docs.sencha.com/touch/2-1/#!/video/layouts) — _Drew Neil_ on March 7, 2012 +- **(Video)** [Intro to Layouts in Sencha Touch 2 (9:31)](http://docs.sencha.com/touch/2-1/#!/video/layouts) — _Drew Neil_ on March 7, 2012 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. -- **(Documentation)** [Sencha Touch 2.1 API Documentation](http://docs.sencha.com/touch/2-1/#!/api) — _docs.sencha.com_ +- **(Documentation)** [Sencha Touch 2.1 API Documentation](http://docs.sencha.com/touch/2-1/#!/api) — _docs.sencha.com_ -- **(Documentation)** [Sencha Try](http://try.sencha.com/touch/) — _try.sencha.com_ +- **(Documentation)** [Sencha Try](http://try.sencha.com/touch/) — _try.sencha.com_ -- **(Guide)** [Using Lists in Sencha Touch 2](http://docs.sencha.com/touch/2-1/#!/guide/list) — _docs.sencha.com_ +- **(Guide)** [Using Lists in Sencha Touch 2](http://docs.sencha.com/touch/2-1/#!/guide/list) — _docs.sencha.com_ Lists are great at showing lots of information, and pack loads of functionality in out of the box. Find out how to use them here. -- **(Guide)** [Using Nested List in Sencha Touch 2](http://docs.sencha.com/touch/2-1/#!/guide/nested_list) — _docs.sencha.com_ +- **(Guide)** [Using Nested List in Sencha Touch 2](http://docs.sencha.com/touch/2-1/#!/guide/nested_list) — _docs.sencha.com_ Nested List provides a miller column interface to navigate between nested sets of data with a clean and easy to use interface. -- **(Video)** [Intro to List Component (11:22)](http://docs.sencha.com/touch/2-1/#!/video/list) — _Drew Neil_ on February 21, 2012 +- **(Video)** [Intro to List Component (11:22)](http://docs.sencha.com/touch/2-1/#!/video/list) — _Drew Neil_ on February 21, 2012 Sencha Touch provides a list component which is ideal for presenting an index-style list of items. In this tutorial, Drew Neil ([@nelstrom](http://twitter.com/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. -- **(Blog)** [Dive into DataView with Sencha Touch 2](http://www.sencha.com/blog/dive-into-dataview-with-sencha-touch-2-beta-2/) — _Robert Dougan_ on February 8, 2012 +- **(Blog)** [Dive into DataView with Sencha Touch 2](http://www.sencha.com/blog/dive-into-dataview-with-sencha-touch-2-beta-2/) — _Robert Dougan_ on February 8, 2012 We're pleased to release Sencha Touch 2 beta 2, which contains around 100 improvements over beta 1. Today we’re also taking you on a detailed tour of DataView and asking for your help voting on an Android bug report. -- **(Guide)** [Using AJAX with Sencha Touch 2](http://docs.sencha.com/touch/2-1/#!/guide/ajax) — _docs.sencha.com_ +- **(Guide)** [Using AJAX with Sencha Touch 2](http://docs.sencha.com/touch/2-1/#!/guide/ajax) — _docs.sencha.com_ While Sencha Touch's data binding means you rarely have to interact with AJAX directly, we provide several options for making AJAX requests. ## Intermediate -- **(Slides)** [Migrating from Touch 1.x to 2.0](http://www.sencha.com/conference/session/migrating-from-touch-1.x-to-2.0) — _Jamie Avins_ on November 2, 2011 +- **(Slides)** [Migrating from Touch 1.x to 2.0](http://www.sencha.com/conference/session/migrating-from-touch-1.x-to-2.0) — _Jamie Avins_ on November 2, 2011 Understand how to benefit from the latest capabilities of the Sencha Touch framework, and how to ensure your code is compatible when you upgrade. -- **(Blog)** [What's New in Sencha Touch 2.1](http://www.sencha.com/blog/whats-new-in-sencha-touch-21/) — _Jamie Avins_ on October 24, 2012 +- **(Blog)** [What's New in Sencha Touch 2.1](http://www.sencha.com/blog/whats-new-in-sencha-touch-21/) — _Jamie Avins_ on October 24, 2012 Sencha Touch 2.1 is our next release of the Sencha mobile framework. The 2.1 release includes the following key upgrades: significant performance improvements, charting support, an advanced list component, and enhanced native support through the Sencha Mobile Packager. -- **(Documentation)** [Sencha Touch 2 Examples](http://docs.sencha.com/touch/2-1/#!/example) — _docs.sencha.com_ +- **(Documentation)** [Sencha Touch 2 Examples](http://docs.sencha.com/touch/2-1/#!/example) — _docs.sencha.com_ -- **(Guide)** [Data Package Overview](http://docs.sencha.com/touch/2-1/#!/guide/data) — _docs.sencha.com_ +- **(Guide)** [Data Package Overview](http://docs.sencha.com/touch/2-1/#!/guide/data) — _docs.sencha.com_ Introduces the Data Package as a whole, showing you how everything is connected. See the other data guides for more detail. -- **(Guide)** [Using Models](http://docs.sencha.com/touch/2-1/#!/guide/models) — _docs.sencha.com_ +- **(Guide)** [Using Models](http://docs.sencha.com/touch/2-1/#!/guide/models) — _docs.sencha.com_ Introduces the concept of a Model, where they are used and how to configure fields, validations, associations and more. -- **(Guide)** [Using Stores](http://docs.sencha.com/touch/2-1/#!/guide/stores) — _docs.sencha.com_ +- **(Guide)** [Using Stores](http://docs.sencha.com/touch/2-1/#!/guide/stores) — _docs.sencha.com_ Introduces the concept of Stores, which load data and underpin data-bound Components such as Lists and DataViews. -- **(Guide)** [Using Proxies](http://docs.sencha.com/touch/2-1/#!/guide/proxies) — _docs.sencha.com_ +- **(Guide)** [Using Proxies](http://docs.sencha.com/touch/2-1/#!/guide/proxies) — _docs.sencha.com_ Introduces the concept of a Proxy, which is responsible for loading and saving data in your Models and Stores. -- **(Video)** [Sencha Architect supports Sencha Touch 2.1 Charts (3:40)](http://vimeo.com/52875480) — _vimeo.com_ on November 5, 2012 +- **(Video)** [Sencha Architect supports Sencha Touch 2.1 Charts (3:40)](http://vimeo.com/52875480) — _vimeo.com_ on November 5, 2012 Building an app that uses Sencha Touch Charts is now easier than ever. Our latest version of Sencha Architect now supports Sencha Touch Charts! Check out this demo with the Sencha Architect team on how to easily build an app with Sencha Touch Charts. -- **(Video)** [Building Multi-device Apps with Sencha Complete (58:15)](http://vimeo.com/52871577) — _Daniel Gallo_ on November 5, 2012 +- **(Video)** [Building Multi-device Apps with Sencha Complete (58:15)](http://vimeo.com/52871577) — _Daniel Gallo_ on November 5, 2012 Daniel Gallo, Sencha's sales engineer in the UK presents how to build an application for managing customers with a .Net/MS SQL backend with Sencha Touch and Sencha Ext JS powering the front end HTML5 interfaces. -- **(Video)** [Accelerate your multi-device application development with Sencha Complete (46:45)](http://vimeo.com/54618369) — _Chris Dawes_ on November 30, 2012 +- **(Video)** [Accelerate your multi-device application development with Sencha Complete (46:45)](http://vimeo.com/54618369) — _Chris Dawes_ on November 30, 2012 Learn how easy it is to build desktop and mobile applications with Sencha Complete. In this one-hour webinar, Sencha tech expert Chris Dawes will show you the power of using Sencha Architect, Sencha Ext JS, and Sencha Touch by building a multi-device-ready app. -- **(Learning Pathway)** [Architecting Sencha Apps using MVC Learning Pathway](/learn/mvc) — _Sencha_ +- **(Learning Pathway)** [Architecting Sencha Apps using MVC Learning Pathway](/learn/mvc) — _Sencha_ -- **(Blog)** [Building Sencha Touch Custom Components, Part 1 of 3](http://www.sencha.com/blog/building-sencha-touch-customer-components-part-1/) — _Andrea Cammarata_ on November 14, 2012 +- **(Blog)** [Building Sencha Touch Custom Components, Part 1 of 3](http://www.sencha.com/blog/building-sencha-touch-customer-components-part-1/) — _Andrea Cammarata_ on November 14, 2012 We've heard developers ask for more tutorials and guides for our frameworks, and today we’re walking through Sencha Touch component creation. I was recently asked to create an HTML5 component that would allow users to hear a preview of an audio track and show its progress inside a circular progress bar, similar to the iOS component. -- **(Blog)** [Building Sencha Touch Custom Components, Part 2 of 3](http://www.sencha.com/blog/building-sencha-touch-custom-components-part-2/) — _Andrea Cammarata_ on November 14, 2012 +- **(Blog)** [Building Sencha Touch Custom Components, Part 2 of 3](http://www.sencha.com/blog/building-sencha-touch-custom-components-part-2/) — _Andrea Cammarata_ on November 14, 2012 We're back with part two of our Sencha Touch 2.1 component creation tutorial. In part one of this tutorial, we introduced the concept of Sencha Touch components, our Ext.tux.AudioCover idea and began defining the functionalities needed for our Ext.tux.AudioCover to be a success. Today, we'll be continuing with detailing those definitions, starting with the configuration parameters. -- **(Blog)** [Building Sencha Touch Custom Components, Part 3 of 3](http://www.sencha.com/blog/building-sencha-touch-custom-components-part-3/) — _Andrea Cammarata_ on November 16, 2012 +- **(Blog)** [Building Sencha Touch Custom Components, Part 3 of 3](http://www.sencha.com/blog/building-sencha-touch-custom-components-part-3/) — _Andrea Cammarata_ on November 16, 2012 In the final part of our tutorial series on Sencha Touch components, we'll cover styling for our Ext.tux.AudioCover component. Over the last few posts, we've walked through the component's code development, but now we want to customize our component's look. -- **(Community)** [Sencha Touch 2.0 Tip: Increase the speed of your app rotation by temporarily removing DOM (4:18)](http://moduscreate.com/sencha-touch-2-0-expert-tip-how-to-increase-the-speed-of-your-app-rotation-by-temporarily-removing-dom/) — _Jay Garcia_ on July 17, 2012 +- **(Community)** [Sencha Touch 2.0 Tip: Increase the speed of your app rotation by temporarily removing DOM (4:18)](http://moduscreate.com/sencha-touch-2-0-expert-tip-how-to-increase-the-speed-of-your-app-rotation-by-temporarily-removing-dom/) — _Jay Garcia_ on July 17, 2012 In the screencast below, I demonstrate how you can increase the speed of your apps by temporarily removing DOM that is not viewed by the user. ... -- **(Community)** [Sencha Touch 2.0 Tip: Make the Carousel fire show events at the proper time!](http://moduscreate.com/sencha-touch-2-0-expert-tip-make-the-carousel-fire-show-events-at-the-proper-time/) — _Jay Garcia_ on July 16, 2012 +- **(Community)** [Sencha Touch 2.0 Tip: Make the Carousel fire show events at the proper time!](http://moduscreate.com/sencha-touch-2-0-expert-tip-make-the-carousel-fire-show-events-at-the-proper-time/) — _Jay Garcia_ on July 16, 2012 Recently, I came across a requirement where I needed to know when a Sencha Touch 2.0 Carousel Item is shown to the user (active item 0) to render ... -- **(Community)** [Sencha Touch 2 Touch Events Re-firing](http://moduscreate.com/sencha-touch-2-touch-events-re-firing/) — _Stan Bershadskiy_ on July 11, 2012 +- **(Community)** [Sencha Touch 2 Touch Events Re-firing](http://moduscreate.com/sencha-touch-2-touch-events-re-firing/) — _Stan Bershadskiy_ on July 11, 2012 While generally we try to avoid native browser alert() and confirm() we sometimes have no control over their use. I have come across a situation ... -- **(Blog)** [Build a "To Do" Application with Sencha Touch, Sencha.io, and Facebook Integration](http://www.sencha.com/blog/build-a-to-do-application-with-sencha-touch-senchaio-and-facebook/) — _Jason Cline_ on June 26, 2012 +- **(Blog)** [Build a "To Do" Application with Sencha Touch, Sencha.io, and Facebook Integration](http://www.sencha.com/blog/build-a-to-do-application-with-sencha-touch-senchaio-and-facebook/) — _Jason Cline_ on June 26, 2012 In this article, we'll show you how to take advantage of Sencha.io in a Sencha Touch application. We’ll use two of the Sencha.io services — the User Login service to have users connect to the app via Facebook, and the Data service to store information. -- **(Blog)** [Sencha.io Photo Sharing Example Using Sencha Touch](http://www.sencha.com/blog/sencha-io-photo-sharing-example-using-sencha-touch/) — _Nils Dehl_ on July 12, 2012 +- **(Blog)** [Sencha.io Photo Sharing Example Using Sencha Touch](http://www.sencha.com/blog/sencha-io-photo-sharing-example-using-sencha-touch/) — _Nils Dehl_ on July 12, 2012 The Sencha.io photo sharing example shows you how to use Sencha.io, the Sencha cloud service, with your Sencha Touch 2 mobile apps. -- **(Blog)** [Developing Mobile Applications with Force.com and Sencha Touch - Part 1](http://www.sencha.com/blog/developing-mobile-applications-with-force-com-and-sencha-touch-part-1/) — _Don Robins_ on September 13, 2012 +- **(Blog)** [Developing Mobile Applications with Force.com and Sencha Touch - Part 1](http://www.sencha.com/blog/developing-mobile-applications-with-force-com-and-sencha-touch-part-1/) — _Don Robins_ on September 13, 2012 This series of articles will introduce you to the Sencha Touch mobile framework for building HTML5 applications with JavaScript, HTML and CSS. Sencha Touch integrates very easily with Visualforce and the Force.com platform, and makes it relatively simple to build powerful business apps linked to a Salesforce or Force.com backend. -- **(Blog)** [Developing Mobile Applications with Force.com and Sencha Touch - Part 2](http://www.sencha.com/blog/developing-mobile-applications-with-forcecom-and-sencha-touch-part-2/) — _Don Robins_ on September 17, 2012 +- **(Blog)** [Developing Mobile Applications with Force.com and Sencha Touch - Part 2](http://www.sencha.com/blog/developing-mobile-applications-with-forcecom-and-sencha-touch-part-2/) — _Don Robins_ on September 17, 2012 In the first part of our series introducing you to the Sencha Touch mobile framework, we built the foundation for a simple mobile application hosted in a Visualforce page that displays lead data served from an Apex controller. We reviewed the basics of the Sencha class system and MVC data package by constructing model, view, controller and store components in JavaScript. -- **(Blog)** [Meetcha—Using Sencha Touch to Build a Mobile App for Meetup.com](http://www.sencha.com/blog/meetcha-using-sencha-touch-to-build-a-mobile-app-for-meetup-com/) — _Ashvin Radiya_ on August 23, 2012 +- **(Blog)** [Meetcha—Using Sencha Touch to Build a Mobile App for Meetup.com](http://www.sencha.com/blog/meetcha-using-sencha-touch-to-build-a-mobile-app-for-meetup-com/) — _Ashvin Radiya_ on August 23, 2012 We developed the Meetcha app to demonstrate how to use Sencha Touch 2 features in a real world application. We used the Sencha Touch’s built in MVC architecture, which we’ve found in this app and in general is absolutely required for developing large commercial applications. We also wanted the Meetcha app to have an engaging UI, so we used custom theming to create rounded buttons and non-rectangular positioning with a custom background that changes with orientation. -- **(Blog)** [Building SharePoint Web Apps using Sencha Touch](http://www.sencha.com/blog/building-sharepoint-web-apps-using-sencha-touch/) — _Luc Stakenborg_ on April 10, 2012 +- **(Blog)** [Building SharePoint Web Apps using Sencha Touch](http://www.sencha.com/blog/building-sharepoint-web-apps-using-sencha-touch/) — _Luc Stakenborg_ on April 10, 2012 In this post we will explore how to build a SharePoint mobile web app using the Sencha Touch mobile JavaScript framework for HTML5 apps. -- **(Learning Pathway)** [Testing Sencha Apps Learning Pathway](/learn/testing/) — _Sencha_ +- **(Learning Pathway)** [Testing Sencha Apps Learning Pathway](/learn/testing/) — _Sencha_ -- **(Learning Pathway)** [Theming Sencha Applications Learning Pathway](/learn/theming/) — _Sencha_ +- **(Learning Pathway)** [Theming Sencha Applications Learning Pathway](/learn/theming/) — _Sencha_ -- **(Learning Pathway)** [Sencha Cmd Learning Pathway](/learn/cmd/) — _Sencha_ +- **(Learning Pathway)** [Sencha Cmd Learning Pathway](/learn/cmd/) — _Sencha_ -- **(Forums)** [Sencha Touch 2.x Forums](http://www.sencha.com/forum/forumdisplay.php?89-Sencha-Touch-2.x-Forums) — _www.sencha.com_ +- **(Forums)** [Sencha Touch 2.x Forums](http://www.sencha.com/forum/forumdisplay.php?89-Sencha-Touch-2.x-Forums) — _www.sencha.com_ ## Advanced -- **(Video)** [Hardware Acceleration on Mobile (29:48)](http://www.sencha.com/conference/session/hardware-acceleration-on-mobile) — _Ariya Hidayat, Jarred Nicholls_ on December 21, 2011 +- **(Video)** [Hardware Acceleration on Mobile (29:48)](http://www.sencha.com/conference/session/hardware-acceleration-on-mobile) — _Ariya Hidayat, Jarred Nicholls_ on December 21, 2011 GPU acceleration on mobile browsers, if it is leveraged correctly, can lead to a smooth and fluid applications, thus improving the user experience. There has been a lot of mentions and best practices of hardware acceleration these days, although so far it has been pretty general and hasn’t provided much technical direction apart from simple magical advice such as “use translate3d”. This talk sheds some more light on browser interactions with the GPU and explain what happens behind the scenes, covering the topic of acceleration of primitive drawing, the use of tiled backing store, and composited layer. Knowing the actual machinery behind hardware acceleration, you will be in the position to plan your strategy to improve the performance of your web application. -- **(Guide)** [Acessing Native APIs with Ext.device](http://docs.sencha.com/touch/2-1/#!/guide/native_apis) — _docs.sencha.com_ +- **(Guide)** [Acessing Native APIs with Ext.device](http://docs.sencha.com/touch/2-1/#!/guide/native_apis) — _docs.sencha.com_ The `Ext.device` API exposes powerful native APIs like camera support, orientation awareness and native notifications. -- **(Video)** [Accessing Native APIs from Touch (41:20)](http://docs.sencha.com/touch/2-1/#!/video/native-apis-from-touch) — _James Pearce_ on December 13, 2011 +- **(Video)** [Accessing Native APIs from Touch (41:20)](http://docs.sencha.com/touch/2-1/#!/video/native-apis-from-touch) — _James Pearce_ on December 13, 2011 Learn how to use hybrid technologies like PhoneGap and NimbleKit to hook into native device capabilities, and then distribute your mobile applications into app stores and marketplaces. -- **(Guide)** [Native iOS Packaging](http://docs.sencha.com/touch/2-1/#!/guide/native_packaging) — _docs.sencha.com_ +- **(Guide)** [Native iOS Packaging](http://docs.sencha.com/touch/2-1/#!/guide/native_packaging) — _docs.sencha.com_ Native Packaging for iOS on Mac. -- **(Guide)** [Native iOS Provisioning](http://docs.sencha.com/touch/2-1/#!/guide/native_provisioning) — _docs.sencha.com_ +- **(Guide)** [Native iOS Provisioning](http://docs.sencha.com/touch/2-1/#!/guide/native_provisioning) — _docs.sencha.com_ Provisioning iOS devices. -- **(Guide)** [Native Android Packaging](http://docs.sencha.com/touch/2-1/#!/guide/native_android) — _docs.sencha.com_ +- **(Guide)** [Native Android Packaging](http://docs.sencha.com/touch/2-1/#!/guide/native_android) — _docs.sencha.com_ Native Packaging for Android on Mac. ## Other -- **(Book)** [Sencha Touch in Action (Manning Publications)](http://www.manning.com/garcia2/) — _Jesus Garcia, Anthony De Moss, Mitchell Simoens_ on January 2013 +- **(Book)** [Sencha Touch in Action (Manning Publications)](http://www.manning.com/garcia2/) — _Jesus Garcia, Anthony De Moss, Mitchell Simoens_ on January 2013 Smart phones and tablets are now faster, cheaper, and more powerful than ever before. Sencha Touch, a mobile framework for HTML 5 and JavaScript, enables developers to build truly cross-platform mobile apps or to extend existing enterprise applications to mobile clients. With numerous features that mimic the native capabilities of mobile platforms and a MVC architecture that feels right at home for application developers, Sencha Touch is the most efficient way available to build sophisticated, high-performance rich mobile web applications. -- **(Book)** [Sencha Touch Hotshot (Packt Publishing)](http://www.packtpub.com/sencha-touch-hotshot/book) — _John E. Clark, Bryan P. Johnson_ on January 2013 +- **(Book)** [Sencha Touch Hotshot (Packt Publishing)](http://www.packtpub.com/sencha-touch-hotshot/book) — _John E. Clark, Bryan P. Johnson_ on January 2013 Everyone has had the perfect idea for a mobile application. Sencha Touch Hotshot can help you bring that idea to life by providing clear examples, in depth explanations, and walking step-by-step building 10 different Sencha Touch mobile applications. You can use these applications as a base for your own applications or leverage your new skills to create something truly unique. -- **(Book)** [Mobile JavaScript Application Development: Bringing Web Programming to Mobile Devices (O'Reilly Media)](http://shop.oreilly.com/product/0636920025252.do) — _Adrian Kosmaczewski_ on June 2012 +- **(Book)** [Mobile JavaScript Application Development: Bringing Web Programming to Mobile Devices (O'Reilly Media)](http://shop.oreilly.com/product/0636920025252.do) — _Adrian Kosmaczewski_ on June 2012 When developing apps for the latest smartphones, you’re faced with several vexing questions. How many platforms do you need to accommodate? What level of support do mobile browsers provide? To help you address these and many other key issues, this guide provides a hands-on tour of the most powerful JavaScript frameworks available today.