Book Image

Getting Started with Ionic

By : Rahat Khanna
Book Image

Getting Started with Ionic

By: Rahat Khanna

Overview of this book

Hybrid Apps are a promising choice in mobile app development to achieve cost effectiveness and rapid development. However, they were not preferred over native apps until few years back due to a poor performance and bad user experience, but everything has changed with the release of Ionic. It has evolved as the most popular choice for Hybrid Mobile App development as it tends to match the native experience and provides robust components/tools to build apps. Getting Started with Ionic equips any web developer with the basic knowledge needed to use modern web technologies to build amazing hybrid mobile apps using Ionic. This fast-paced, practical book explains all the important concepts of AngularJS and Cordova Framework required to develop apps, then gives you a brief introduction to hybrid mobile applications. It will guide you through setting up the environment to develop mobile apps, and through the multiple options and features available in Ionic so you can use them in your mobile apps. Features such as the Side Menu, Tabs, Touch Interactions, and native features such as Bar Code, Camera, and Geolocations are all covered.. Finally, we’ll show you how to use Cordova plugins and publish your apps.
Table of Contents (17 chapters)
Getting Started with Ionic
Credits
Foreword
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Chapter 4. Navigation and Routing in an Ionic App

In any Mobile App, navigation and routing plays the most important part. It defines the backbone of the mobile experience and provides ease of access if implemented perfectly. In this chapter, we will discuss the various options available in Ionic Framework to define routing in an application. Ionic Framework has included an open source routing module called UI Router, which was developed along with the Angular UI bootstrap library. UI Router is a preferred routing module over the in-built Angular ngRoute module. The following important topics will be discussed in this chapter:

  • Introduction to Angular UI Router:

    • States and URLs

    • Nested states and views

    • Multiple and named views

    • State parameters

    • State events and resolve

  • Ionic header and footer

  • Ionic tabs

  • Ionic side menus

  • Navigation and back menu

  • Navigation and layout to be used in BookStore