Edge Code Technology

Secnha Touch 2: Model-View-Controller Architecture [part 2]

2012-08-02T10:36:00.001+01:00

Controllers Controllers are the glue the binds an application together. They listen for events fired by the UI and then take some action on it. This helps to keep our code clean and readable, and separates the view logic from the control logic. For example, let's say you require users to log in to your app via a login form. The view in this case is the form with all of its fields and other

Sencha Touch 2: Wrapping all up [part 2]

2012-08-02T09:17:00.001+01:00

Your AndroidManifest.xml file should look like Hello World Create and open a new file named index.html in the assets/www directory. Paste the following code: <!DOCTYPE HTML> <html> <head> <title>Cordova</title> <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script> </head> <body> <h1>Hello World</h1> </body> </html> Deploy to Simulator Right click the

Sencha Touch 2: The Basics [Part 4]

2012-08-02T09:15:00.002+01:00

The last part of the proxy definition was a Reader. The reader is what decodes the response from Google into useful data. When Google sends us back the blog data, they nest it inside a JSON object that looks a bit like this: { responseData: { feed: { entries: [ {author: 'Bob', title: 'Great Post', content: 'Really good content...'} ]

Sencha Touch 2: The Basics [Part 3]

2012-08-02T09:14:00.001+01:00

Adding the blogs page Now that we have a decent looking home page, it's time to move on to the next screen. In order to keep the code for each page easy to follow we're just going to create one tab at a time and then combine them all together again at the end. For now, we'll remove the first tab and replace it with a List. We're going to be using Google's Feed API service to fetch the feeds.

Sencha Touch 2: Wrapping all up [part 1]

2012-07-20T00:16:00.000+01:00

Installing Cordova Template for iOS on XCode4 Installing Cordova for Android Requirements Eclipse 3.4+ Install SDK + Cordova Download and install Eclipse Classic Download and install Android SDK Download and install ADT Plugin Download the latest copy of Cordova and extract its contents. We will be working with the Android directory. Setup New Project Launch

Secnha Touch 2: Model-View-Controller Architecture [part 1]

2012-07-19T17:53:00.001+01:00

Sencha Touch 2 is optimized around building applications that work across multiple platforms. To make the writing of applications as simple as possible, we provide a simple but powerful application architecture that leverages the MVC (Model View Controller) pattern. This approach keeps your code clean, testable and easy to maintain, and provides you with a number of benefits when it comes to

Sencha Touch 2: The Basics [Part 2]

2012-07-19T15:27:00.000+01:00

The first thing we need to do is set up our application, just like we did in the previous guide. The app is using a tab panel that will hold the 4 pages so we'll start with that: Ext.application({ name: 'Sencha', launch: function() { Ext.create("Ext.tab.Panel", { fullscreen: true, items: [ { title: 'Home',

Responsive Design: Basics

2012-07-19T15:17:00.000+01:00

Creating a default layout The first step of this tutorial is obviously to create a HTML page. I chose to make a simple HTML5 page with only a header image, a title, and some text. Copy the following code and paste it into a file named index.html. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Cats Who Code demo</title> <link href="style.css" type="text/

Responsive Design: media queries

2012-07-18T01:02:00.000+01:00

Most mobile browsers scale HTML pages to a wide viewport width so it fits on the screen. You can use the viewport meta tag to reset this. The viewport tag below tells the browser to use the device width as the viewport width and disable the initial scale. Include this meta tag in the <head> tag. <meta name="viewport" content="width=device-width, initial-scale=1.0"> Internet Explorer 8 or

Responsive Design VS Mobile Websites

2012-07-17T17:02:00.002+01:00

As said in a previous post mobile devices are becoming one of the largest internet/website market there is, and developers and designers must adapt to it. (...) In 2010, Steve Jobs once again took the stage and expressed Apple’s vision of a new device that would exist between a smartphone and a computer. This device, Steve expressed, would need to do some tasks better than either a

Sencha Touch 2: The Basics [Part 1]

2012-07-16T11:01:00.003+01:00

Hi there again, I'm back on posting! So, lets get to the basis shall we? We'r going to build a project from command line first, to generalize the starting experience. You'll need Sencha Touch 2 SDK, SDK Tools, a HTTP server (such as WAMP or XAMPP) and Google Chrome or Safari for debug. Extract your SDK to the root of your HTTP server and install SDK Tools, this will add a PATH to your system

Sencha Touch 2 VS jQuery Mobile

2012-04-20T17:20:00.001+01:00

When we have in mind a native mobile-tablet app, we want the look and feel of a such app. Though we are coding in web technologies we're not making a website but rather an application, that should be highly interactive, have a decent performance and native-like visual transitions and animations. Sencha Touch 2 and jQuery Mobile intend to give you all these features though either can fully

Mobile apps and HTML5

2012-04-18T17:49:00.001+01:00

Mobile apps are growing very very fast, since last year or so smartphones and tablets have been starting to have a significant share of the internet (more precisely websites) view devices. And in opposition of many believes, also a big share of all the money spent in personal software! So, developers are trying to go with the trend and learn to code for this platforms but...One have to

The intention

2012-04-17T15:38:00.001+01:00

Hi my name is Ricardo and I'm a programmer, I've been feeling the need of creating a blog to share my opinion and ideas about technology, programming and internet. I'm also creating this blog to make articles about information technology and programming, I may sometimes just make an article talking about something and/or make guides or lessons about it. At the end of the next week or so I'm