- Installing the development environment on Mac or PC
- Understanding the Ionic templates and CSS components
- Adding IonicIcons to a layout
- Adding tabs, cards, and lists
- Using form elements
- Building a single view app
- Implementing Pull to Refresh
- Creating a multi-tab app
- Styling the applications
- Deploying applications
Ionic (mobile app framework)
Ionic is a complete open-source SDK for hybrid mobile app development. Built on top of AngularJS and Cordova, Ionic provides tools and services for developing hybrid mobile apps using web technologies like HTML5, CSS, and Sass. Apps can be built with these web technologies and then distributed through native app stores to be installed on devices by leveraging Apache Cordova. Ionic was created by Max Lynch, Ben Sperry, and Adam Bradley of Drifty Co. in 2013, and is used by software developers around the world.
Ionic provides all the functionality that can be found in native mobile development SDKs. Users can build their apps, customize them for iOS or Android, and deploy through Cordova. Ionic includes mobile components, typography, interactive paradigms, and an extensible base theme.
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.
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.
$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.
Ionic also provides a powerful CLI, so developers can get started and create 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. It is also managed through Github.
Ionic is focused on building for modern web standards and for modern mobile devices. For iOS, Ionic supports iOS 7 and up. For Android, Ionic supports Android 4.1 and up.
See more resources:
Build My Site