What is Ionic
Ionic is a powerful tool for building mobile apps using HTML, CSS, and JavaScript.
Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps. Hybrid apps are essentially small websites running in a browser shell in an app that have access to the native platform layer. Hybrid apps have many benefits over pure native apps, specifically in terms of platform support, speed of development, and access to 3rd party code.
Ionic comes with the functionalities that can be found in native mobile development SDKs and also offers features such as typography, mobile components, an extensible base theme, and interactive paradigms.
Why Use Ionic?
1 – Ionic lets you build a native iOS, Android, and web-based apps with a single code base.
2 – Ionic has stabilized quite a lot in the last year. Ionic 3+ is powered by Google’s Angular 4+) and it’s more object-oriented, safer (Typescript type checking), and faster (Ahead-of-Time compiling etc) than AngularJS/Angular 1. It feels like a much more solid environment and more future-safe than the original Ionic 1.
3 – Desktop support: Ionic has added a flexible grid, and split-pane type features, allowing you to build mobile-first apps with responsive desktop layouts.
4 – Open Web Standards: To paraphrase one of their founders, you’re betting on the open web, rather than getting stuck learning single-platform technologies that don’t carry over. (e.g. Learning CSS and DOM layouts versus Xcode’s autolayout)
5 – Progressive Web Apps: This is a big trend on Google and Ionic’s radar, and it seems like Ionic is uniquely positioned to let you build app-class web experiences that can also be published in the App Store.
6 – Ionic Community: There’s a community of over 30,000 members on the Ionic forum, an active Slack Channel, and Ionic is the 45th or so most popular/starred repo on Github.
7 – Books & Tutorials: There are so many resources to get started. I recommend Josh Morony’s blog at Build Mobile Apps with HTML5 and Ionic’s own Get Started section at Ionic Framework.
Advantages and Disadvantages of Ionic:
Advantages:
- open source
- good quality, well maintained
- seems to work well on a good variety of phones and OSes
- graphically very nice (if you like the iOS style)
- extra services, like for push notifications, graphical editing of apps
- you can include “angularised” versions of Cordova plugins with ngcordova
Disadvantages:
- if you don’t like Angular, don’t use it (Ionic v2 uses Angular 2)
- if you don’t like the iOS graphic style, don’t use it (but Ionic v2 also includes Material design)
- Ionic v2 also introduces theming so that apps don’t look all the same
PHP-TUTORIAL 