How it works...

There is actually a lot of new information and a lot of concepts in this simple app. At a higher level, this is how the app is structured:

  • When you run the app, Cordova loads the /www/index.html file to open first. All of your code and templates are combined into one file, /www/build/main.js.
  • The /app folder is where most of your logic belongs. It starts with app.component.ts as the Bootstrap file.
  • Each subfolder under the /pages folder will represent a page, which is a new concept in Ionic. A page consists of an HTML template, TypeScript code, and an .scss file to customize that specific template only.
  • The /theme folder will contain variables and customizations at a global level to override the default theme from Ionic. ...

Get Ionic Cookbook - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.