El objetivo: IONIC + Angular En los ejercicios que hemos desarrollado hasta ahora sólo hemos utilizado IONIC de manera independiente, sin echar mano de ningún otro framework adicional, ya que hemos interactuado con los nuevos elementos HTML utilizando código JavaScript. Para aplicaciones sencillas, puede ser una opción completamente válida y muy recomendable, dado el bajo…
El objetivo En esta ocasión añadiremos al ejercicio anterior la opción de compartir, de forma que desde nuestra aplicación podamos enviar la lista de tareas mediante un mensaje de WhatsApp, un correo electrónico, un SMS, etc. Además, añadiremos el código necesario para disponer de un menú lateral donde podremos añadir más opciones, y donde sugerimos…
El objetivo En este ejercicio pretendemos desarrollar una aplicación para visualizar imágenes que se encuentran agrupadas en categorías. Para ello sugerimos implementar la siguiente funcionalidad: Crear pestañas o tabs para cada una de las categorías, agrupando así las imágenes, y permitiendo con un solo click cambiar entre una categoría u otra. Utilizando la pantalla táctil…
El objetivo En este ejercicio vamos a desarrollar una aplicación para gestionar varias listas de tareas. La funcionalidad a implementar será la siguiente: Gestionar dos listas de tareas independientes. Añadir tareas indicando la fecha, la descripción de la tarea, y un icono identificativo de la prioridad. Borrar de golpe todas las tareas de una lista….
¿Por qué IONIC? Ya desde la primera versión vinieron pisando fuerte, y apostaron por utilizar Angular, que ya había demostrado ser un framework muy recomendable, ya que proporcionaba una estabilidad, modularidad y escalabilidad únicas en el código generado. Gracias a ese alto potencial, los creadores de IONIC predijeron que esa fusión permitiría el desarrollo de…
¿Cómo podemos utilizar IONIC 5? Si deseamos utilizar IONIC 5, sólo necesitaremos enlazar los archivos JavaScript y CSS, tal como se especifica en la documentación y en github: De esta forma quedarán definidos automáticamente los nuevos elementos, haciéndolos completamente accesibles al navegador para que nosotros sólo tengamos que escribir la etiqueta correspondiente en nuestro archivo…
El objetivo: Guardar ubicaciones e imágenes En este ejercicio vamos a demostrar que puede resultar muy sencillo desarrollar una aplicación que nos permita mantener un registro de lugares interesantes, guardando la ubicación precisa y una imagen identificativa de cada uno. Será el mismo navegador el que nos proporcione la ubicación actual de forma automática, y…
Una vez hayas probado tu aplicación en el navegador con el comando ionic serve, puedes compilar el código para subirlo a PhoneGap Build y obtener el fichero .apk para instalarlo en tus dispositivos móviles. Bastará con seguir los pasos que se indican a continuación. En primer lugar debemos cambiar el archivo tsconfig.json para que el…
El objetivo: IONIC + Angular En los ejercicios que hemos desarrollado hasta ahora sólo hemos utilizado IONIC de manera independiente, sin echar mano de ningún otro framework adicional, ya que hemos interactuado con los nuevos elementos HTML utilizando código JavaScript. Para aplicaciones sencillas, puede ser una opción completamente válida y muy recomendable, dado el bajo…
El objetivo: Guardar ubicaciones e imágenes En este ejercicio vamos a demostrar que puede resultar muy sencillo desarrollar una aplicación que nos permita mantener un registro de lugares interesantes, guardando la ubicación precisa y una imagen identificativa de cada uno. Será el mismo navegador el que nos proporcione la ubicación actual de forma automática, y…