Cómo integrar jQuery Mobile en Phonegap / Cordova

jQuery Mobile es uno de los mejores frameworks para construir un sitio web amigable para dispositivos móviles y aplicaciones móviles. jQuery se envía con varias interfaces de usuario que son compatibles con plataformas modernas como iOS y Android, y con las primeras plataformas como Opera Mini y Nokia Symbian.

En esta publicación, nos ampliaremos a partir de nuestra discusión previa sobre Phonegap / Cordova. Le mostraremos cómo integrar jQuery Mobile en Phonegap / Cordova y compilarlo en una aplicación de iOS . Si crear una aplicación con jQuery Mobile es uno de sus intereses, puede seguir este breve tutorial.

Empezando

Nota: En esta etapa, asumo que ha creado un proyecto Phonegap / Cordova y lo abrió en Xcode (de lo contrario, eche un vistazo a esta publicación).

Dado que Phonegap / Cordova nos permite usar HTML, CSS y JavaScript, crear la aplicación es casi tan simple como crear un sitio web. Pero en lugar de seguir los pasos para crear la interfaz de la aplicación aquí, lo referiré a nuestro tutorial anterior, Construyendo un panel móvil con JQuery Mobile, donde le he mostrado cómo construir paneles jQuery Mobile izquierdo y derecho. Esta es una interfaz tan común que puede encontrarla en cualquier aplicación móvil, por ejemplo, en la aplicación de Facebook.

Descargue la fuente y mueva todos los archivos (HTML, CSS y JavaScript) a la carpeta platform / ios / www ; aquí es donde deberían residir todos nuestros códigos para desarrollar la aplicación iOS.

Construye la aplicación

Vamos a abrir la carpeta del proyecto en Xcode. Vamos a construir la aplicación y obtener una vista previa en el simulador de iPhone, que se envía junto con Xcode. La última versión de Xcode establece iOS 7 como el software predeterminado en el simulador. En caso de que quiera probar su aplicación en iOS 6 también, puede agregarla desde el menú Preferencias - Descargar .

Luego, selecciona con qué simulador probar tu aplicación; puede seleccionar entre iPhone y iPad y el software utilizado en él. Una vez que haya seleccionado el simulador, haga clic en el botón de reproducción en la parte superior izquierda de la ventana de Xcode.

El simulador se iniciará automáticamente.

Eso es. Puede ampliar la aplicación con más contenido y funciones con jQuery Mobile API. Usar jQuery mobile y Phonegap hace que crear una aplicación móvil sea tan fácil como crear un sitio web.

Para obtener más información sobre jQuery Mobile, puede volver a visitar nuestras publicaciones anteriores:

• Guía para principiantes a jQuery Mobile
• Temas personalizados con jQuery Mobile

Cómo acceder a todo el historial de uso de Google (y borrarlo)

Los usuarios frecuentes de los servicios de Google probablemente sean conscientes de que Google almacena información sobre su historial de uso. Dicho eso, ¿sabías que puedes acceder a todo tu registro de uso de Google en línea ? Toda esa información se puede encontrar a través de la página Mi actividad.La pág

(Consejos de tecnología y diseño)

Este sitio web recomienda grandes recursos para el diseño de productos en un solo lugar

Ya sea que diseñe aplicaciones digitales o sitios web o incluso productos técnicos, el término "diseñador de productos" puede aplicarse a casi todo.El diseño del producto se puede describir de muchas maneras, pero la mayoría de los trabajos de UI / UX se superponen en un área similar. Por l

(Consejos de tecnología y diseño)