Sencha Touch - Descripción general

Sencha Touch es un marco popular de Sencha para crear una interfaz de usuario para aplicaciones móviles. Ayuda al desarrollador a crear una aplicación móvil usando HTML simple, CSS, JS que es compatible con muchos dispositivos móviles como Android, IOS, BlackBerry y Windows. Está basado en la arquitectura MVC. La última versión de Sencha Touch es 2.4.

Historia de Sencha Touch

Después de lanzar el otro producto de Sencha, ExtJs, que era para aplicaciones web, existía la necesidad de desarrollar un marco que también funcionara en dispositivos móviles.

La primera versión de Sencha Touch fue la versión beta 0.9, que admitía dispositivos Android e IOS. Más tarde, el primer lanzamiento principal de Sencha Touch versión 1.0 fue en noviembre de 2010, que fue la primera versión estable y también admitió dispositivos Blackberry.

La última versión de Sencha Touch es la versión 2.4 lanzada en junio de 2015, que admite muchos dispositivos como Windows, Tizen junto con Android, IOS, BlackBerry OS 10, Google Chrome para Android y Safari móvil, etc.

Características de Sencha Touch

Las siguientes son las características más destacadas de Sencha Touch:

  • Personalizable y más de 50 widgets de interfaz de usuario integrados con una colección de interfaces de usuario enriquecidas como listas, carruseles, formularios, menús y barras de herramientas, creadas específicamente para plataformas móviles.

  • Compatibilidad de código de nuevas versiones con la anterior.

  • Un administrador de diseño flexible que ayuda a organizar la visualización de datos y contenido en múltiples dispositivos móviles con diferentes sistemas operativos.

  • El marco incluye un paquete de datos robusto que puede consumir datos de cualquier fuente de datos backend.

  • Diseños adaptables, animaciones y desplazamiento suave para una mejor experiencia de uso de aplicaciones web móviles.

  • Los temas de apariencia nativa listos para usar para todas las plataformas principales permiten hacer que las aplicaciones web e híbridas coincidan con la apariencia de las plataformas de destino.

Sencha Touch ─ Beneficios

Sencha Touch es el estándar líder para el desarrollo de aplicaciones web de nivel empresarial. Ofrece las herramientas necesarias para crear aplicaciones robustas para la mayoría de los dispositivos móviles, proporcionando una plataforma única para desarrollar aplicaciones. A continuación se presentan algunos de los beneficios:

  • Proporciona una función táctil sensible, por lo que el usuario puede navegar fácilmente mientras usa la aplicación móvil.

  • Proporciona compatibilidad con todas las últimas versiones de IOS, Android y Blackberry y Windows.

  • Proporciona la velocidad más rápida posible deseable para cualquier aplicación móvil.

  • Proporciona una solución rentable con su compatibilidad multiplataforma.

  • Basado en las API nativas y lenguajes de desarrollo web básicos como HTML, CSS, JS, lo que facilita que un desarrollador comprenda Sencha Touch.

Sencha Touch ─ Limitaciones

Sencha Touch API no tiene la siguiente capacidad:

  • La aplicación no tiene acceso a la cámara, los contactos y el acelerómetro del dispositivo.

  • No proporciona la función de notificación automática. Para ello, tenemos que utilizar websockets o long polling.

  • De acuerdo con la política de licencia pública general, es gratuito para aplicaciones de código abierto, pero se paga para aplicaciones comerciales.

  • No es bueno para aplicaciones de animación y gráficos intensos, como aplicaciones de juegos.

Sencha Touch ─ Herramientas

Sencha SDK

Este es el kit de desarrollo de Sencha que se utiliza para crear un esqueleto del proyecto. Usamos el comando "sencha -sdk path / to / touch generate app appName" para crear una aplicación con el nombre dado en el comando.

Cuando se crea la aplicación, puede ver los siguientes archivos en la aplicación:

  • app - Esta carpeta contiene archivos de modelo, vista, controlador y tienda para la aplicación.

  • app.js- Este es el archivo JS principal de su aplicación. A partir de este archivo, se inicia el flujo de código Sencha.

  • app.json - Este es el archivo de configuración de la aplicación, todos los detalles de configuración se presentan aquí.

  • index.html - Este es el archivo html principal donde incluimos el app.js y otros archivos relacionados con Sencha.

  • package.json - Este archivo tiene toda la dependencia y otra información relacionada con la aplicación.

  • resources - Esta carpeta incluye todos los archivos CSS e imágenes necesarios para la aplicación.

Sencha CMD

Sencha CMD es una herramienta de línea de comandos, que proporciona las funciones de minificación de código Sencha Touch, andamios, generación de compilación y otras funciones útiles para fines de producción.

Usamos el comando "Paquete de compilación de la aplicación Sencha" en el símbolo del sistema para compilar la aplicación para esto. Vaya al directorio de la aplicación en el símbolo del sistema y escriba el comando anterior. Una vez que la compilación sea exitosa, veremos la versión minificada de la aplicación que se usa básicamente para fines de producción.

Esto se puede descargar desde https://www.sencha.com/products/extjs/cmd-download/

Inspector Sencha

Sencha Inspector es una herramienta de depuración para depurar cualquier problema en el código Sencha durante el desarrollo.