Ionic (Framework)

Ionic
colspan="2" class="notheme" style="text-align:center; background:#Vorlage:Standardfarbe; color:#202122;" | Logo des Ionic Frameworks
Basisdaten
Maintainer
Entwickler	Drifty Co
Erscheinungsjahr
Aktuelle Version	()
Aktuelle Vorabversion	()
Betriebssystem
Programmier­sprache
Kategorie	Webframework
Lizenz
deutschsprachig	ja
ionicframework.com

Ionic ist ein Open-Source-Webframework zur Erstellung von Hybrid-Apps und Progressive Web Apps auf Basis von HTML5, CSS, Sass und JavaScript/TypeScript. Dabei basiert es seit Version 5 auf Ionics Capacitor. Seit Version 4 kann Ionic auch auf diverse andere Frameworks wie Vue.js aufsetzen, oder ohne darunterliegendes Framework verwendet werden. Es stellt eine Programmbibliothek aus verschiedenen Komponenten zur Verfügung, mit denen interaktive Apps programmiert werden können. Der Fokus des Frameworks liegt auf der Seite des Front-Ends, also der Benutzerschnittstelle.

Entwicklung

Entwickelt wird es seit 2012 von Drifty.<ref>Ionic: Ionic Framework – About. In: Ionic Framework. (ionicframework.com [abgerufen am 3. September 2017]). </ref> An der Entwicklung waren unter anderem die Programmierer Max Lynch und Ben Sperry, die Gründer von Drifty, sowie Adam Bradley beteiligt.<ref>Drifty: About Ionic – Ionic Documentation Overview – Ionic Framework. Abgerufen am 3. September 2017 (). </ref> Im März 2014 erhielt Drifty 1 Million US-Dollar Startkapital von „Arthur Ventures“.<ref>Sarah Perez: Drifty, Makers Of The Ionic Mobile Framework, Raise $1 Million | TechCrunch. Abgerufen am 3. September 2017. </ref>

Die Alpha-Veröffentlichung war Ende November 2013.<ref>Ionic 4 Tutorial für Beginner | Angular + Cordova in Deutsch. In: Visuelle Coding + Hacking Tutorials. 17. Januar 2019, abgerufen am 19. Januar 2020 (). </ref> Am 7. Mai 2014 wurde das bis dahin größte Update auf Ionic 1.0 Beta 4 veröffentlicht.<ref>Ionic Beta 4: Our Biggest Update Yet. In: blog.ionic.io. 7. Mai 2014, abgerufen am 15. Juli 2016 (). </ref> Die Version v1.0.0 „uranium-unicorn“, wurde am 12. Mai 2015 freigegeben.<ref>Announcing Ionic 1.0! In: blog.ionic.io. 12. Mai 2015, abgerufen am 15. Juli 2016 (). </ref>

Am 25. Januar 2017 wurde die Version 2 des Ionic-Frameworks veröffentlicht. Das Framework wurde dabei umfassend überarbeitet und basiert auf dem AngularJS-Nachfolger Angular. Damit einher geht auch der Wechsel von JavaScript zu TypeScript.<ref>Announcing Ionic 2.0.0 Final. In: The Official Ionic Blog. 25. Januar 2017 (ionicframework.com [abgerufen am 11. Juli 2017]). </ref>

Am 1. April 2017 erschien Version 3 des Frameworks. Dabei wurde auch die Versionsnummerierung geändert und folgt nun der semantischen Versionierung. Hauptmerkmale dieser Version ist die Unterstützung für Angular in Version 4 sowie die Kompatibilität mit neueren TypeScript-Versionen.<ref>Ionic 3.0 has Arrived! In: The Official Ionic Blog. 7. April 2017 (ionicframework.com [abgerufen am 11. Juli 2017]). </ref>

Am 24. Juli 2018 erschien die Version 4 als Beta des Frameworks. Hauptneuerungen sind Performanceverbesserungen und Multi-Framework-Kompatibilität.<ref>blog.ionicframework.com</ref> Version 4 wurde schließlich am 23. Januar 2019 veröffentlicht.<ref>ionicframework.com</ref> Durch die neue Ordnerstruktur ist ein Migration von Version 3 auf Version 4 nicht direkt möglich.<ref>Upgrading an Ionic 3 application to Ionic 4. 14. Juni 2018, abgerufen am 19. Januar 2020 (). </ref>

Am. 11. Februar 2020 erschien die Version 5 des Frameworks. Neben Performanceverbesserungen wurden viele neue Komponenten des Apple iOS 13 hinzugefügt.

Struktur

Ionic kann in Verbindung mit Angular genutzt werden, welches die Struktur der App erstellt, während Ionic die Benutzeroberfläche realisiert. Ionic ist ein npm-Modul und benötigt Node.js.

Mit Ionic können Hybrid-Apps für iOS, Android und mit Ionic 2 auch für die Universal Windows Platform von Windows 10 entwickelt werden.<ref>Announcing Windows Support in Ionic 2. In: blog.ionic.io. 29. März 2016, abgerufen am 15. Juli 2016 (). </ref> Diese Apps können zudem über die App Stores der jeweiligen Plattform vertrieben werden.

Angular arbeitet mit „jqLite“, das DOM-Manipulation ermöglicht. Für erweiterte Funktionalitäten kann jQuery mit einem Dokument geladen werden.

Ionic nutzt vorhandene HTML- und CSS-Funktionen, um schnelle Ergebnisse zu liefern. Gestaltbar über Sass, kann das individuelle Design der App durch Ionic-Variablen erweitert werden. Zusätzlich gibt es noch eine Bibliothek mit über 440 Symbolen.

Ionic Native basiert auf Cordova-Erweiterungen, die Kamera, GPS und Speicher ansprechen kann.<ref>Ionic Natie Storage und Ionic Kamera. In: Visuelle Coding + Hacking Tutorials. 16. August 2018, abgerufen am 21. Dezember 2019 (). </ref> Diese Module werden als Schnittstelle via eines npm-Moduls in Ionic importiert.<ref>Drifty: Ionic Framework. Abgerufen am 21. Dezember 2019 (). </ref>

Lizenz

Ionic steht unter der MIT-Lizenz, wodurch es privat als auch geschäftlich genutzt werden kann.<ref name="techcrunch">Sarah Perez: Drifty, Makers Of The Ionic Mobile Framework, Raise $1 Million. TechCrunch, 10. März 2014, abgerufen am 15. Juli 2016 (). </ref> Die kommerzielle Version wird in vier verschiedenen Preisvarianten angeboten, von denen die kleinste Lizenz kostenlos ist, aber nur von einzelnen Entwicklern genutzt werden darf.<ref name="priceplan">Drifty Co: Ionic plans & pricing. Abgerufen am 27. November 2017. </ref>

Weblinks

• Offizielle Website (englisch)
• Ionic auf GitHub

Einzelnachweise

<references />