{"id":2793,"date":"2022-07-28T10:10:34","date_gmt":"2022-07-28T15:10:34","guid":{"rendered":"https:\/\/talently.tech\/blog\/?p=2793"},"modified":"2022-08-01T13:22:52","modified_gmt":"2022-08-01T18:22:52","slug":"que-es-ionic","status":"publish","type":"post","link":"https:\/\/talently.tech\/blog\/que-es-ionic\/","title":{"rendered":"\u00bfQu\u00e9 es Ionic?"},"content":{"rendered":"

\u00bfEres creador de aplicaciones m\u00f3viles? \u00bfTe interesa el rubro? \u00bfSabes qu\u00e9 es Ionic? Hoy, justamente, hablaremos de Ionic: qu\u00e9 es, cu\u00e1les son sus componentes, su historia, qu\u00e9 ventajas brinda usar este framework y muchos temas m\u00e1s.\u00a0<\/span><\/p>\n

En resumen, podemos decir que Ionic es una plataforma SDK<\/strong> (Software Development Kit) usada por 5 millones de desarrolladores en todo el mundo. Ionic impulsa el 15% de las aplicaciones<\/strong> en la tienda, sin incluir miles de aplicaciones creadas internamente en empresas.\u00a0<\/span><\/p>\n

La particularidad de Ionic es que adopta un enfoque basado en la web, aprovechando HTML, CSS y Javascript, para crear aplicaciones iOS, Android, de escritorio y web progresivas de alta calidad.<\/span><\/p>\n

Pero a\u00fan queda much\u00edsimo por saber sobre el funcionamiento de Ionic<\/strong>, qu\u00e9 es y su importancia. Si ya tienes claro <\/span>qu\u00e9 es un framework<\/span><\/a> y quieres conocer m\u00e1s sobre Ionic, \u00a1avancemos!<\/span><\/p>\n

\u00bfQu\u00e9 es Ionic y para qu\u00e9 sirve?<\/b><\/h2>\n

Como explica en su p\u00e1gina web, <\/span>Ionic<\/span><\/a> proporciona un conjunto de herramientas para crear aplicaciones nativas de iOS y Android, as\u00ed como aplicaciones web<\/strong> progresivas para dispositivos m\u00f3viles, usando bibliotecas web, marcos y lenguajes familiares.\u00a0<\/span><\/p>\n

Ionic framework, que es gratis y de c\u00f3digo abierto, ofrece una biblioteca de componentes, gestos y herramientas de interfaz de usuario optimizados para dispositivos m\u00f3viles. Esto permite crear aplicaciones r\u00e1pidas y altamente interactivas<\/strong>.\u00a0<\/span><\/p>\n

Esta plataforma est\u00e1 dise\u00f1ada para funcionar y ejecutarse r\u00e1pidamente en todos los dispositivos m\u00f3viles m\u00e1s recientes.\u00a0 aplicaciones ultrarr\u00e1pidas con un tama\u00f1o reducido y mejores pr\u00e1cticas integradas, como transiciones aceleradas por hardware, gestos t\u00e1ctiles optimizados, procesamiento previo y compilaci\u00f3n AOT.<\/span><\/p>\n

\u00bfCu\u00e1l es la historia de Ionic?<\/b><\/h2>\n

Para entender a fondo Ionic, qu\u00e9 es y para qu\u00e9 sirve, es importante considerar sus or\u00edgenes y su historia en general. Para ello, nos remontaremos al 2013.\u00a0<\/span><\/p>\n

Seg\u00fan se explica en el sitio web de Deloitte, en 2013 se public\u00f3 la primera versi\u00f3n de Ionic, que estaba dise\u00f1ada sobre AngularJS y Cordova.<\/strong> Al estar construida sobre AngularJS, Iconic tambi\u00e9n hereda las virtudes (y los defectos) de este framework. Y, gracias a Cordova, \u201cdispon\u00eda del wrapeo nativo y su multitud de plugins para proveer de ciertas funcionalidades nativas\u201d.<\/span><\/p>\n

Ionic era, en ese momento, una manera f\u00e1cil e intuitiva de crear aplicaciones h\u00edbridas.<\/span><\/p>\n

En 2016<\/strong>, se actualiz\u00f3 el framework de Angular y, en consecuencia, Ionic se vio obligado a actualizarse tambi\u00e9n (Ionic 2).\u00a0<\/span><\/p>\n

Luego, en 2017<\/strong>, se actualiz\u00f3 a la versi\u00f3n 3, que permit\u00eda crear aplicaciones m\u00f3viles y Aplicaciones Web Progresivas (PWA) usando Angular 2.<\/span><\/p>\n

En 2019, naci\u00f3 la versi\u00f3n 4<\/strong>: es multiplataforma, utiliza Capacitor y web components, por lo cual no requiere de Angular para su uso. De ah\u00ed en adelante, lo que es Ionic sigui\u00f3 actualiz\u00e1ndose<\/strong> hasta llegar a la versi\u00f3n que conocemos hoy en d\u00eda.\u00a0\u00a0<\/span><\/p>\n

\u00bfCu\u00e1les son los componentes de Ionic?<\/b><\/h2>\n

Las aplicaciones web creadas con Ionic est\u00e1n formadas por componentes. Se trata de bloques de construcci\u00f3n b\u00e1sicos que sirven para construir la interfaz de una aplicaci\u00f3n<\/strong>. Si bien se los conoce como componentes, en Ionic se denominan p\u00e1ginas.\u00a0<\/span><\/p>\n

Ionic trae una serie de componentes como tarjetas, listas y pesta\u00f1as. Cada Ionic component consta de uno o m\u00e1s elementos personalizados, como se explica en su sitio web. Cada elemento, a su vez, puede exponer m\u00e9todos, eventos y propiedades personalizadas de CSS.<\/span><\/p>\n

Los componentes de Ionic est\u00e1n en HTML, CSS y JavaScript<\/strong>, lo que facilita la creaci\u00f3n de interfaces modernas y de gran calidad, que funcionan muy bien en todas partes.<\/span><\/p>\n

Algunos de los principales componentes Ionic son:<\/span><\/p>\n