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 lidiar con las invitaciones al juego de Facebook (El camino correcto)

Necesitamos hablar sobre los juegos de Facebook . Creo que si estás en Facebook, perteneces al equipo que juega o al equipo que no juega. El primero básicamente se conecta con Facebook en busca de favores de amigos, mientras que el segundo ejecuta la grabación "Por favor no me invites más" en el bucle.La

(Consejos de tecnología y diseño)

Cómo ejecutar un reinicio de emergencia en Windows 8 [Quicktip]

Cerrar tu Windows rápidamente es casi imposible. A veces tiene que esperar el tiempo de espera, otras veces se le pide que guarde este archivo y cierre ese documento, y lo peor de todo es cuando tiene que sentarse entre las toneladas de actualizaciones de Windows otorgadas a su máquina. Para algunos de nosotros, cuando tenemos que irnos, tenemos que irnos.P

(Consejos de tecnología y diseño)