Ionic (framework para aplicaciones móviles)

Ionic es un kit de herramientas de interfaz de usuario de código abierto para crear aplicaciones móviles, web y de escritorio multiplataforma utilizando tecnologías web como HTML, CSS y JavaScript/TypeScript. Proporciona un conjunto de componentes de interfaz de usuario prediseñados y herramientas para crear aplicaciones interactivas de alta calidad. Ionic se creó originalmente como un SDK completo de código abierto para el desarrollo de aplicaciones móviles híbridas creado por Max Lynch, Ben Sperry y Adam Bradley de Drifty Co. en 2013. ^{[ 3 ]} La versión original se lanzó en 2013 y se construyó sobre AngularJS y Apache Cordova . Sin embargo, la última versión se reconstruyó como un conjunto de Web Components utilizando StencilJS, lo que permite al usuario elegir cualquier framework de interfaz de usuario, como Angular , React o Vue.js. También permite el uso de componentes de Ionic sin ningún framework de interfaz de usuario. ^{[ 4 ]} Ionic proporciona herramientas y servicios para desarrollar aplicaciones móviles, de escritorio y web progresivas híbridas basadas en tecnologías y prácticas modernas de desarrollo web, utilizando tecnologías web como CSS , HTML5 y Sass . En particular, las aplicaciones móviles se pueden crear con estas tecnologías web y luego distribuirse a través de tiendas de aplicaciones nativas para su instalación en dispositivos mediante el uso de Cordova o Capacitor. ^{[ 5 ]}

Ionic fue creado por Drifty Co. en 2013. Tras el lanzamiento de una versión alfa del framework en noviembre de 2013, se publicó una versión beta 1.0 en marzo de 2014, una versión final 1.0 en mayo de 2015 y varias versiones 2.0 en 2016. ^{[ 6 ]}

Desde enero de 2019, Ionic 4 permite a los desarrolladores elegir otros frameworks además de Angular, como React, Vue.js y componentes web. ^{[ 7 ]} Ionic 4 se construyó utilizando StencilJS. Ionic fue adquirida por OutSystems en noviembre de 2022. ^{[ 8 ]}

Ionic utiliza Cordova y, más recientemente, complementos de Capacitor para acceder a funciones del sistema operativo anfitrión como la cámara, el GPS, la linterna, etc. ^{[ 9 ] [ 10 ] [ 11 ]} Los usuarios pueden crear sus aplicaciones y luego personalizarlas para Android , iOS , Windows , escritorio (con Electron ) o navegadores modernos. ^{[ 12 ]} Ionic permite la creación e implementación de aplicaciones al integrar la herramienta de compilación Cordova o Capacitor con una herramienta de línea de comandos simplificada llamada 'ionic'. ^{[ 13 ]}

Ionic incluye componentes móviles, tipografía, paradigmas interactivos y un tema base extensible. ^{[ 14 ]}

Mediante Web Components, Ionic proporciona componentes personalizados y métodos para interactuar con ellos. Uno de estos componentes, el desplazamiento virtual, permite a los usuarios desplazarse por una lista de miles de elementos sin afectar al rendimiento. Otro componente, las pestañas, crea una interfaz con pestañas que admite la navegación de estilo nativo y la gestión del historial de estado. ^{[ 15 ]}

Además del SDK, Ionic también proporciona servicios que los desarrolladores pueden usar para habilitar funciones, como despliegues de código y compilaciones automatizadas . Ionic también proporciona su propio IDE conocido como Ionic Studio, pero se descontinuó en 2020. ^{[ 16 ]}

Ionic también proporciona una interfaz de línea de comandos (CLI) para crear proyectos. La CLI también permite a los desarrolladores agregar complementos de Cordova y paquetes front-end adicionales, habilitar notificaciones push, generar iconos de aplicaciones y pantallas de inicio , y compilar binarios nativos. ^{[ 17 ]}

Para Android, Ionic admite Android 4.4 y versiones posteriores. Para iOS, Ionic admite iOS 10 y versiones posteriores. ^{[ 18 ]} Ionic 2 admite la Plataforma Universal de Windows para crear aplicaciones de Windows 10. ^{[ 19 ]} Ionic Framework, basado en Angular.js , admite aplicaciones de BlackBerry 10. ^{[ 20 ]}

Las aplicaciones Ionic se ejecutan con una combinación de código nativo y código web, lo que proporciona acceso completo a la funcionalidad nativa cuando es necesario, mientras que la mayor parte de la interfaz de usuario se construye con tecnología web estándar. Ionic utiliza las funciones de aceleración de hardware nativas disponibles en el navegador (como las animaciones CSS) y optimiza la renderización (evitando la manipulación costosa del DOM ). Ionic aprovecha las transiciones y transformaciones CSS para la animación como una forma de aprovechar la GPU y maximizar el tiempo de procesador disponible. ^{[ 21 ]}

^{Ionic es} un módulo npm y requiere Node.js. [ ^{22 ]}

• Lista de marcos de aplicaciones de código abierto

• Marco de trabajo iónico
• Cordova vs Capacitor: Una comparación para la creación de aplicaciones con Ionic Framework