Architecting your app with Sencha Touch 2 MVC, Part 4
In the previous series of articles Part 1, Part 2, and Part 3, we explored architecting a Pandora-style application using the new features of Ext JS 4. We started by applying the Model-View-Controller architecture to a complex UI that has multiple views, stores and models. We looked at the basic techniques of architecting your application, like controlling your views from Controllers and firing application-wide events that controllers can listen to. We also discussed how to get references to views, controllers, models and the application itself. Lastly, we implemented several controllers to get a feel for how to implement basic application logic.
In Sencha Touch 2, we introduced the newest iteration of our MVC architecture. Based on the same concepts found in the Ext JS 4 and Sencha Touch 1 MVC package, we have simplified existing features like control and reference syntaxes, and introduced new functionality like routes and history support.
In this article, we will take the existing code we have created and upgrade it to use Sencha Touch 2 and the updated application architecture. We will discuss some of the differences in syntax and talk about some of the new concepts to consider. At the end of this article, you should be better prepared to go into your existing Sencha Touch 1 app and upgrade it to Sencha Touch 2, provided it is architected based on the principles discussed in the previous articles.
Behind the Sencha Command Utility and the Build Process
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 for production.
This article will help you understand the Sencha command utility as well as your Sencha Touch 2 application’s production build process.
Dive into DataView with Sencha Touch 2 Beta 2
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.
Sencha Learn Roundup
We’re constantly updating Sencha Learn with new content for many of our products. Read on to find out what you might’ve missed.
Using Sencha.io Sync
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.
What’s New in Sencha Learn?
Over the past few weeks, we’ve produced a host of new educational material for our new Learning Center. We thought we would give you a quick update on a few of the recent highlights.
CSS3 Styling in Every Browser
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.
Ext GWT 3.0 Appearance Design
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.
Using Ext Loader for Your Application
Today, we’ll be looking at creating a small application that makes use of this new class Loader system, exercising the dependency management system. Along the way, we’ll discuss various configuration options for the Ext Loader system.
Sencha Basics: An Introduction to Data Stores
The process of building a complex web application has evolved a lot over the past few years, with many server-side and native application development paradigms moving into JavaScript. This article takes a brief, high-level look at Sencha’s data stores, and how they can be used to reduce your development time and future-proof your apps.