Ionic 2 – ¡Crea aplicaciones móviles fácilmente!

Ionic 2 llegó a la versión final (2.0.0) en enero 25 de este año. En este tutorial de Ionic 2 vamos a ver que es, como instalarlo y como crear nuestra primera aplicación.

¿Que es Ionic 2?

Ionic 2 es un Kit de desarrollo de software (SDK) que nos ayuda a crear aplicaciones móviles del tipo híbridas. Estas aplicaciones la podemos crear con tecnologías web (Angular 2, HTML, CSS) para luego poder correrlas en dispositivos móviles.

¿Cual es la diferencia entre Ionic 1 y Ionic 2?

Ionic 1 usa AngularJS y Ionic 2 usa Angular 2, pero esa no es la única diferencia.

Hubo varios cambios en la segunda versión, como por ejemplo:

Componentes

Ionic 2 tiene muchos más componentes multiplataforma para crear aplicaciones web y también tiene soporte completo de ‘Material Design’ (La guía de diseño móvil de android) incluyendo botones flotantes. También incluye modals, menus, toasts y un sistema nuevo de navegación.

Ionic Native

En esta última versión, los desarrolladores también incluyeron un nuevo plugin de funciones ‘nativas’ de dispositivos móviles. Con este nuevo plugin hay más de 70 funcionalidades que podemos usar simplemente usando una web API. Las funcionalidades nativas incluyen opciones como usar la cámara 0 el dispositivo de posicionamiento global.

Tematización

En Ionic 2 es mucho más fácil personalizar la forma en la que nuestras aplicaciones se ven.

La plataforma nos ofrece tres modos: iOS, Material Design (Android) y Windows. Y cada uno de estos modos presentan nuestras aplicaciones de la forma en la cual la plataforma escogida sería si las crearamos en el lenguaje nativo del dispositivo móvil. Obviamente, podemos modificar nuestras aplicaciones para que se vean de otra forma si lo deseamos usando Sass (CSS ‘extendido’).

El tema por defecto que nuestras aplicaciones tendrán se llama Light, y muy pronto el equipo de Ionic tendrá más temas que podremos usar.

Documentación

La página de documentación fue rediseñada y las explicaciones son más claras y hay más ejemplos.

Mejor desempeño

Con Ionic 2 ahora es posible crear aplicaciones que hacen scrolling (desplazamiento) en grandes listas de elementos (con o sin imágenes) sin notar ningún deterioro de desempeño y hay nuevas herramientas que hacen todo el desempeño de las aplicaciones mucho más fluidas.

Ionic Serve Lab

Cuando estemos desarrollando nuestras aplicaciones móviles, es indispensable poder ver como se ven en diferentes plataformas. Con ionic lab podemos ver a la vez como se ve nuestra aplicación en iOS, Android y Windows phone

ionic lab

¿Cómo instalar ionic 2?

Para instalar ionic 2 (y cordova) corremos el siguiente comando en nuestra terminal (es necesario tener node y npm)

¿Cómo crear una aplicación en ionic 2?

Para crear una aplicación en ionic 2 usamos el siguiente comando

Es importante usar –v2, si no lo usamos ionic va a crear una aplicación de la versión 1.

En ionic podemos crear aplicaciones con usando diferentes ‘plantillas’

blank: Crea una aplicación con los requerimientos mínimos y una sola página

tabs: Crea una aplicación con pestañas (tabs) básica

sidemenu: Crear una aplicación con un menú lateral

¿Cómo correr la aplicación?

Para correr nuestra aplicación en el navegador basta con navegar al directorio donde se encuentre nuestra aplicación y correr el siguiente comando:

para correr ionic lab usamos la opción –lab

En los siguientes tutoriales de ionic 2 vamos a aprender como usar este framework

¿quieres aprender Ionic 2? Toma nuestro curso!

28 marzo, 2017

0 respuestas en "Ionic 2 - ¡Crea aplicaciones móviles fácilmente!"

Deja un mensaje

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Aprende Fácilmente© Todos los derechos reservados