Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Empezando con Phonegap/Cordova + jQuery Mobile


Por qué Phonegap? LLevo varios meses que empecé a trabajar con Phonegap y la verdad que estoy bastante satisfecho, las principales razones por las que me hizo trabajar con este framework fueron las siguientes:
  • Fácil de debuggear y compilar
  • Libre y gratuito
  • Infinidad de recursos, ya que las aplicaciones se desarrollan en HTML5
  • Multiplataforma
En este mini-tutorial empezaremos a crear nuestro primer hola mundo.



1. Instalando node.js

Descargamos node.js desde http://nodejs.org, en este caso practico utilicé la última versión LTS (4.4.3) y la instalamos.




2. Instalando phonegap + jquery mobile

Abrimos la consola (cmd) y ejecutamos lo siguiente:

 npm install -g phonegap jquery-mobile  

Puede que les salga algunos errores y warnings en la instalación, pero no se preocupen.

3. Creando un projecto nuestro Hola Mundo

Otra ves en la consola escribimos

 cordova create miPrimeraApp
cd miPrimeraApp
phonegap serve



De esta forma crearemos un programa de ejemplo, y la lanzaremos, para poder previsualizarla pueden ir a un navegador e introducir la siguiente dirección: http://localhost:3000




En Este Caso estoy utilizando Google Chrome y su inspeccionador para poder revisar el código de la aplicación.

4. Modificación y debuggeado

Si queremos modificar Nuestro proyecto podemos hacerlo en tiempo real editando los archivos dentro de la carpeta www de nuestro proyecto (en este caso miPrimeraApp) y veremos los resultados en el navegador, si necesitasameos mostrar datos a la consola para hacer un seguimiento de alguna variable pueden hacerlo mediante la instrucción console.log("¡Hola Mundo!");





Bueno, espero que esto les haya servido, más adelante haré otros post explicando las diferentes formas de compilar nuestro proyeto, como aplicar Jquery Mobile y trabajar con sqlite.

A seguir frikeando!




This post first appeared on Yo Friki, please read the originial post: here

Share the post

Empezando con Phonegap/Cordova + jQuery Mobile

×

Subscribe to Yo Friki

Get updates delivered right to your inbox!

Thank you for your subscription

×