En este tutorial aprenderemos a instalar Sencha Touch 2.2.1 y hacer nuestra primera aplicación (Hello World).
Requisitos:
- Tener acceso root o de administrador
- Tener Ruby 1.9.3, Windows: rubyinstaller.org, Mac: rvm install 1.9.3 –with-gcc=clang
- Tener Java actualizado, Java Runtime Environment
Herramientas a utilizar:
Nota: La página de Sencha detecta automáticamente el sistema operativo.
Sencha CMD 3.1.2
Sencha CMD nos ayudará a generar nuestros nuevos proyectos de forma rápida, tomando los archivos necesarios del Framework Sencha Touch.
Sencha Touch 2.2.1
Este archivo es el framework Sencha Touch, el cual esta basado en HTML5, CSS, JavaScript, ademas es de codigo abierto. Es una alternativa muy poderosa a Jquery Mobile, sobre todo para los que les gusta usar mucho Javascript. En este archivo estarán empaquetados todas los ficheros necesarios para poder armar nuestra aplicación Sencha:
- Descomprimimos nuestro sencha-touch-2.2.1-commercial.zip en nuestro servidor local (XAMPP, MAMP, AppServ).
- Para probarlo entramos a «localhost/touch-2.2.1» o con el nombre que tenga la carpeta y se debería mostrar lo siguiente:
Hello World
Ahora vamos a crear nuestra primera App llamada «Hello World». Ejecutamos Terminal en Mac o cmd en Windows y nos ubicamos en la carpeta del proyecto, en mi caso /Applications/XAMPP/xamppfiles/htdocs/touch-2.2.1.
Luego escribimos el siguiente comando para crear nuestra nueva aplicación:
sencha generate app HelloWorld ../HelloWorldLa sintaxis de este comando es:
sencha generate app (Nombre de la aplicación) (Ruta de la aplicación)Y luego si vamos a http://localhost/helloworld nos deberia salir lo siguiente:
Espero les halla servido, ya estare subiendo mas tutoriales sobre Sencha Touch, cualquier duda ponedmela en los comentarios