background preloader

Sencha

Facebook Twitter

Getting Started with Sencha Touch 2. Sensha Touch. A Sencha Touch MVC application with PhoneGap. This Tutorial is most relevant to Sencha Touch, 1.x. 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.

Update, August 2011: this article (and the GitHub code) has been updated to reflect PhoneGap v1.0, Xcode v4.2, and Sencha Touch v1.1. It's been tested against iOS v4.3 and v5. What is PhoneGap? Sencha Touch is a powerful way to build mobile apps, and, because it relies entirely on web technologies, you can easily host those apps on your web server and have your users find and access them directly from their browsers.

Sometimes though, you'll want to distribute your application in different ways, including via various app stores. Installing PhoneGap Not good. <! Now let's write some more code. Building An iOS App With Sencha Touch And Phonegap From The Start. In the past I’ve mentioned the Phonegap framework as an excellent way for web developers to build iOS, and cross platform Android and iOS app store apps using web technologies and bypassing the need to learn any new programming languages. While I haven’t mention Sencha before, Sencha Touch is a framework that you can use to give web apps the same look and feel as native iOS, Android, and Blackberry apps.

Used in conjunction with Phonegap you have a way to build apps that look just like native iPhone and iPad apps, but created with html/javascript. While Sencha is a commercial framework, they also have a GPL license and the framework can be downloaded for free. The guys at Sencha have put together an excellent tutorial on creating a good looking contacts app with Phonegap and Sencha. You can find the tutorial here:A Sencha Touch MVC Application With Phonegap All download links can be found within the tutorial for Phonegap, Sencha Touch, and the project.

Build an iPad app with Sencha Touch | Tutorial. Building An iOS App With Sencha Touch 2 And Phonegap (Cordova) | How To - IPHONE | Safil Sunny. In this tutorial i am going to explain about Packaging Sencha Touch 2 with PhoneGap ( Cordova). By the help of phonegap / Cordova any HTML developers can develop iPhone / Android / Bada / BadaWac / Blackberry / symbian / webos /windows native applications. About Phone Gap It will help you to take the advantage of HTML5 and css3, Javascript to manage the code, Access the native features of mobile device etc. you can learn more aboutphonegap from here About Sencha Touch 2 Sencha Touch 2, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. You can learn more about Sencha Touch 2 from here System Requirements & Downloads To follow this tutorial you have to download the following thing to your mac machine. 1. Here is the downloading link. lets get start… extract the sencha touch 2.0.1 to your webserver, install the sencha Touch sdk tool, after that install the phonegap / Cordova template to the Xcode.

Step 1:- Creating Sencha Touch 2.0 app. Sencha Touch Tutorials. Sencha Touch is an excellent framework for creating mobile applications. If you are a developer taking the first steps with the framework, or a seasoned programmer looking for ways to increase your productivity, you will likely find MiamiCoder’s Sencha Touch tutorials and Sencha Touch books helpful. Tuts on how to create a mobile app with Sencha Touch 2 Sencha Touch 2 recipes and concepts Tutorials on how to create a mobile app using Sencha Touch 1 When Sencha Touch 1 was released, many of us struggled with how to create toolbar buttons. This article sheds light on the topic: Creating Sencha Touch Toolbar Buttons jQuery Mobile or Sencha Touch?

If you ever need to choose between jQuery Mobile and Sencha Touch, you need to consider the factors listed in this article: Sencha Touch or jQuery Mobile? Sencha Touch Books The fast and easy way to learn Sencha Touch. Learn Sencha Touch. Robert Dougan - Packaging Sencha Touch 2 with PhoneGap (Cordova) Packaging Sencha Touch 2 with PhoneGap is simple using the new SDK Tools. Lets learn how to do it. Downloads Firstly, download the latest version of everything you need: Creating your application Now with everything downloaded, navigate into the Sencha Touch SDK directory using Terminal.app and run the following command: sencha app create PhoneGap ~/path-to-your-new-app all This will generate a basic Hello World application which we will use for our application. Next we need the PhoneGap JavaScript file so you can use their API.

Cd ~/github/phonegap-example/ cp /Users/Shared/Cordova/Frameworks/Cordova.framework/www/cordova-1.7.0.js . We need to now link that JavaScript file up into our Sencha Touch application. Your application can now be viewed in a browser: But of course we want to put this inside an iOS wrapper, so lets do that. Creating the Xcode Project Open up Xcode and create a new project (File > New > Project). Give your application a name and a company identifier and press next: Boom.

A Sencha Touch MVC application with PhoneGap. This Tutorial is most relevant to Sencha Touch, 1.x. 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.

Update, August 2011: this article (and the GitHub code) has been updated to reflect PhoneGap v1.0, Xcode v4.2, and Sencha Touch v1.1. It's been tested against iOS v4.3 and v5. What is PhoneGap? Sencha Touch is a powerful way to build mobile apps, and, because it relies entirely on web technologies, you can easily host those apps on your web server and have your users find and access them directly from their browsers. Sometimes though, you'll want to distribute your application in different ways, including via various app stores. Installing PhoneGap Not good. <! Now let's write some more code. HTML5 App Development Tools. Build Apps for Any Device with Sencha. | Home | Sencha. Tools. Building iOS Applications with Sencha Touch and PhoneGap.

Android - Difference between Phonegap and Sencha Touch.