Jump to content

Ionic (mobile app framework)

From Wikipedia, the free encyclopedia

This is an old revision of this page, as edited by Larry Hockett (talk | contribs) at 21:52, 2 October 2018 (Reverted edits by 197.156.115.195 (talk) to last version by Galobtter). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.

Ionic
Developer(s)Drifty[1][2]
Initial release2013; 11 years ago (2013)
Stable release
3.9.2 [3] / 8 November 2017; 6 years ago (2017-11-08)
Repository
Written inJavaScript
TypeSoftware framework
LicenseMIT License
Websiteionicframework.com

Ionic is a complete open-source SDK for hybrid mobile app development created by Max Lynch, Ben Sperry and Adam Bradley of Drifty Co. in 2013.[4] The original version was released in 2013 and built on top of AngularJS and Apache Cordova. The more recent releases, known as Ionic 3 or simply "Ionic", are built on Angular. Ionic provides tools and services for developing hybrid mobile apps using Web technologies like CSS, HTML5, and Sass. Apps can be built with these Web technologies and then distributed through native app stores to be installed on devices by leveraging Cordova.[5]

Ionic Creator[6] is a drag-and-drop interface building tool.

History

Ionic was created by Drifty Co. in 2013. Drifty's previous products have included Codiqa and Jetstrap, which are drag-and-drop interface building tools building on jQuery Mobile and Bootstrap, respectively. Taking feedback from customers who tried to build mobile apps, the team decided to build their own framework that would focus on performance and be built to modern Web standards. After releasing an alpha version of the framework in November 2013, a 1.0 beta was released in March 2014, a 1.0 final in May 2015, and several 2.0 releases in 2016.[citation needed]

In 2015, Ionic developers reportedly created over 1.3M apps with the SDK.[7]

Services and features

Ionic uses Cordova plugins to gain access to host operating systems features such as Camera, GPS, Flashlight, etc.[8][9][10] Users can build their apps, and they can then be customized for Android, iOS, Windows, or modern browsers.[11] Ionic allows you to build and deploy your apps by wrapping around the build tool Cordova with a simplified 'ionic' command line tool.[12]

Ionic includes mobile components, typography, interactive paradigms, and an extensible base theme.[citation needed]

Using Angular, Ionic provides custom components and methods for interacting with them. One such component, collection repeat, allows users to scroll through a list of thousands of items without any performance hits. Another component, scroll-view, creates a scrollable container with which users can interact using a native-influenced delegate system.[citation needed] 

<ion-content>
</ion-content>

Developers can programmatically control the scroll-view to get the scroll position, scroll to bottom/top, zoom, or get information about the current scroll-view instances.[citation needed] 

$ionicScrollDelegate.scrollTop();
$ionicScrollDelegate.scrollBottom();
$ionicScrollDelegate.zoomTo(1.5);
$ionicScrollDelegate.getScrollView();

Besides the SDK, Ionic also provides services that developers can use to enable features, such as push notifications, A/B testing, analytics, code deploys, and automated builds.[citation needed]

Ionic also provides a powerful command-line interface (CLI), so developers can get started with creating a project with a simple command. The CLI also allows developers to add Cordova plugins and additional front-end packages, enable push notifications, generate app Icons and Splash screens, and build native binaries.[citation needed]

Supported platforms

Ionic is focused on building for modern Web standards and for modern mobile devices. For Android, Ionic supports Android 4.1 and up. For iOS, Ionic supports iOS 7 and up.[13] Ionic 2 supports the Universal Windows Platform for building Windows 10 apps.[14] Ionic Framework, powered by Angular.js, supports BlackBerry 10 apps.[15]

Performance

Compared to hybrid applications, mixing Ionic code with native mobile app code in PhoneGap (now called Apache Cordova) allows for higher performance of the resulting product: utilizing AngularJS (rather than jQuery) allows Ionic to rely on native hardware acceleration (rather than extensive DOM manipulation). Ionic leverages CSS transitions and transforms for animation as a way to leverage the GPU and maximize available processor time.[citation needed]

Installation

Ionic is an npm module and requires Node.js.[16]

See also

References

  1. ^ "Drifty, Creators Of The Ionic Mobile Framework". Retrieved 14 March 2015. {{cite web}}: Unknown parameter |deadurl= ignored (|url-status= suggested) (help)
  2. ^ Sarah Perez (10 March 2014). "Drifty, Makers Of The Ionic Mobile Framework, Raise $1 Million". Retrieved 14 March 2015.
  3. ^ "Ionic 3.9.2". Retrieved 8 November 2017. {{cite web}}: Unknown parameter |deadurl= ignored (|url-status= suggested) (help)
  4. ^ Drifty, Inc (2016). "Ionic Documentation Overview - License".
  5. ^ Drifty. "Ionic Framework". Ionic Framework. Retrieved 16 July 2017.
  6. ^ "Ionic Creator". Retrieved 3 February 2017. {{cite web}}: Unknown parameter |deadurl= ignored (|url-status= suggested) (help)
  7. ^ "How 2015 Went for Ionic". The Official Ionic Blog. 5 January 2016. Retrieved 11 January 2016.
  8. ^ "Cordova Plugins". docs.usecreator.com. Retrieved 2 June 2018.
  9. ^ "Attractive Features Of Ionic App Development Framework". Retrieved 2 June 2018. {{cite web}}: Cite has empty unknown parameter: |dead-url= (help)
  10. ^ Drifty. "Ionic Framework". Ionic Framework. Retrieved 2 June 2018.
  11. ^ Drifty. "Ionic Framework". Ionic Framework. Retrieved 2 June 2018.
  12. ^ "Mastering the Ionic Framework: Learn to Build & Deploy Native Speed HTML5 Based Apps - Thinkster". thinkster.io. Retrieved 2 June 2018.
  13. ^ "Ionic Documentation Overview, Browser Support". Retrieved 17 July 2015. {{cite web}}: Unknown parameter |deadurl= ignored (|url-status= suggested) (help)
  14. ^ "Announcing Windows Support in Ionic 2". Retrieved 22 April 2016. {{cite web}}: Unknown parameter |deadurl= ignored (|url-status= suggested) (help)
  15. ^ "Top JavaScript Frameworks for Enterprise Mobility". Retrieved 21 September 2015. {{cite web}}: Unknown parameter |deadurl= ignored (|url-status= suggested) (help)
  16. ^ https://ionicframework.com/getting-started

External links

Retrieved from "https://en.wikipedia.org/w/index.php?title=Ionic_(mobile_app_framework)&oldid=862212684"