Chapter 4. Ionic navigation and core components

 

This chapter covers

  • Managing the user state and navigation for the app
  • Displaying icons, lists, and cards to cleanly organize content
  • Loading data from external sources and showing a loading screen
  • Using infinite scrolling to continuously load data
  • Using a slideshow component as an app intro

In this chapter I’ll show you how to create a fully functional mobile app for a fictitious resort in Hawaii. The core feature of this app is managing user app navigation. I’ll also introduce you to some of the Ionic components throughout this chapter, such as loaders, content containers, and a slideshow.

This chapter is laid out to provide a walk-through of the process to build the complete app. The complete example is available on GitHub if you’d like to take a look at the whole app first. You can find it at https://github.com/ionic-in-action/chapter4. You can also preview the app at http://ionic-in-action-chapter4.herokuapp.com.

4.1. Set up chapter project

 
 
 
 

4.2. Setting up the app navigation

 
 

4.3. Building the home view

 
 

4.4. Using a controller and model for the reservation view

 
 
 

4.5. Loading data into the weather view

 
 
 

4.6. Infinite scroll with cards for the restaurants view

 
 
 

4.7. Using the slidebox component for app intro tour

 

4.8. Chapter challenges

 
 
 
 

4.9. Summary

 
 
sitemap

Unable to load book!

The book could not be loaded.

(try again in a couple of minutes)

manning.com homepage
test yourself with a liveTest