Creando tu propia aplicación móvil con Cordova

Usar Cordova puede ser la manera más rápida para que muchos desarrolladores web comiencen a construir una aplicación móvil. Con Cordova, no necesita aprender un nuevo conjunto de lenguajes de programación, simplemente puede usar HTML, CSS y JavaScript.

Puede compilar sus códigos en numerosas plataformas móviles, incluidos iOS, Android, Windows Phone y BlackBerry, utilizando la herramienta de compilación Phonegap. La pregunta ahora es "¿por dónde empezar?"

Para empezar, necesitamos crear un "Proyecto Córdova" . Si eres un desarrollador web que está interesado en crear tu propia aplicación móvil, sigue esta publicación. Le mostraremos la forma más rápida de iniciar un proyecto para crear aplicaciones móviles con Cordova. Empecemos.

CLI de Córdoba

Cordova viene con Command-line Interface (CLI) que incluye el comando para crear un proyecto, emular y construir la aplicación. La CLI de Cordova está disponible como un paquete Node.js. Por lo tanto, debe instalar Node.js para poder instalarlo.

Suponiendo que lo tiene instalado en su computadora, puede escribir esta línea de comando en Terminal o Símbolo del sistema para instalar Cordova CLI.

 npm install -g cordova 

Esto instalará el comando cordova globalmente; puede acceder al comando en cualquier lugar de los directorios de su computadora. Escriba cordova -v para obtener la versión instalada.

Creando un Proyecto

Una vez que haya instalado la CLI de Cordova, comenzar un proyecto de Cordova será muy fácil. Incluso sin estar familiarizado con las líneas de comando, esto debería ser fácil de seguir. Podemos crear un proyecto con el comando create seguido del nombre de la carpeta del proyecto, por ejemplo:

 cordova crea hongkiatcom 

Este comando descargará todos los archivos necesarios, así como algunos archivos de ejemplo para ayudarnos a comenzar con el desarrollo.

Una vez que se haya creado el proyecto, ingrese el directorio del proyecto usando cd . Esta carpeta debe contener el número de carpetas de la siguiente manera.

• La carpeta de ganchos puede contener scripts que personalizan los comandos nativos de Cordova.
• La carpeta de fusiones puede contener archivos HTML, CSS y JavaScript para plataformas específicas y se anulará con las de la carpeta www al momento de la implementación de la aplicación.
• La carpeta de plataformas contendrá archivos de aplicaciones nativas cuando pretendemos construir para una plataforma específica.
• La carpeta de complementos contendrá complementos que extienden Córdova.
• La carpeta www contiene archivos web generales que se comparten entre plataformas.

Plataforma IDE

Antes de seguir adelante, necesitaremos tener un IDE como Xcode para la aplicación iOS develeping, Android Studio para desarrollar Android y Visual Studio para Windows Phone. Como uso OS X y ya instalé Xcode, los usaré para agregar la plataforma iOS en mi proyecto.

Escriba el siguiente comando:

 plataforma cordova agregar ios 

Como se mencionó, este comando agregará archivos nativos para crear aplicaciones para la plataforma especificada en la línea de comando. Después de ejecutar el comando anterior, debe encontrar una carpeta llamada ios que .xcodeproj archivos .xcodeproj y .xcodeproj otros archivos, como se .xcodeproj continuación.

Si ha agregado la plataforma de Android, debe encontrar una carpeta llamada android en su lugar.

Agregue el proyecto en IDE (Xcode)

Ahora agregamos el directorio del proyecto al IDE, que en este caso es Xcode. Inicie Xcode. Vaya a Archivo> Abrir menú y vaya al directorio de la plataforma, por ejemplo / platforms / ios . Haga clic en Abrir para abrir la carpeta en Xcode.

Puede modificar cualquier cosa - HTML, CSS, Imagen y JS - dentro de la carpeta www . Cuando termine, haga clic en el botón reproducir en la parte superior izquierda de Xcode para compilar la aplicación y presentarla en el simulador de iPhone.

Pensamiento final

Cordova ha hecho que la creación de una aplicación móvil sea fácil de seguir. Podemos construir una aplicación móvil como construimos un sitio web. En esta publicación, le mostramos cómo crear un proyecto Cordova y presentar la aplicación en el simulador de iOS. En realidad, hay mucho más por explorar en Córdoba. Lamentablemente, espero que esta publicación pueda ayudarlo a comenzar a utilizar Phonegap para desarrollar aplicaciones móviles.

Más de 100 citas inspiradoras para diseñadores

Pídale a cien diseñadores que le digan qué es el diseño y obtendrá tal vez 500 respuestas diferentes. Esto no se debe a que la respuesta sea subjetiva, sino que se debe a que la respuesta es compleja . Y a pesar de que los diseñadores son diseñadores, encuentran formas de transmitir el mensaje. Una f

(Consejos de tecnología y diseño)

Google lanza importantes actualizaciones de integración de AMP

En 2015, Google intentó abordar el problema de velocidad que tienen muchos sitios web cuando se los ve en dispositivos móviles. Para hacerlo, Google desarrolló la plataforma Accelerated Mobile Pages (AMP), una "iniciativa" de código abierto que permite a los editores ofrecer una versión de su sitio que se elimina de las secuencias de comandos y extensiones de terceros, brindando a los usuarios de dispositivos móviles una experiencia más rápida.Si bien

(Consejos de tecnología y diseño)