The Ionic platform allows developers to use HTML and TypeScript to create mobile applications that can be deployed on iOS, Android, and Windows Phone. In this video, learn about how Ionic is built, its advantages, and its disadvantages.
- [Instructor] What is Ionic? The Ionic framework is the platform for building hybrid mobile applications for iOS, Android, Windows Phone, and other mobile platforms. Hybrid applications are built for cross-platform use, using web tools. This means you can develop the application once and deploy it to multiple platforms without having to change the code base. Benefits of this are a shorter development time and less complexity. However, unlike their native counterparts, hybrid apps run within a browser based web view, which impacts their performance.
That being said, Ionic has been optimized to the point where a speed difference is very small. Another downside is that Ionic requires plug-ins to access some native components and the components you may need may not yet exist. So why do I care? Well, imagine you have an application you want to release on iOS, Android and Windows and you're a web developer. Normally, you would need to hire a developer for iOS, one for Android, and one for Windows. That means that you would have to develop three separate applications in three different languages containing three different code bases.
Now imagine that same scenario but you're using Ionic and you, the web developer, have done all the work yourself. You haven't had to hire anyone and you still have three applications but you only have one code base to maintain. That sounds great. Ionic may not be perfect but it continues to improve both in speed and functionality. New features are brought into the hybrid framework as plug-ins all the time and more will come, making this framework a near complete replacement for any native application.
- Installing the Ionic CLI
- Creating an Ionic project
- Setting up a Firebase project
- Creating the feed and post page
- Building a data provider
- Integrating AngularFire2
- Replacing a data provider with AngularFire2
- Detecting when your app loses network connection