Index

A

• abstract states
  • URL / A simple two-page app
• Action Sheet service
  • about / The Action Sheet service
  • properties / The Action Sheet service
  • URL / The Action Sheet service
• Android
  • SDK, setting up / The Android setup
  • SDK setup, testing / Testing for Android
• Android Debug Bridge (ADB)
  • about / Testing for Android
  • URL / Testing for Android
• Android installer
  • generating, Cordova CLI used / Android installer
  • generating, Xcode used / iOS installer
• Android Platform Guide
  • URL / The platform guide
• Android Push setup guide
  • URL / Ionic Push
• AngularFire
  • about / AngularFire
• AngularJS
  • components / AngularJS components
  • scope, URL / AngularJS components
  • URL / AngularJS components
  • promises, URL / AngularJS components
  • directives / AngularJS directives
  • services / AngularJS services
  • services, methods / AngularJS services
  • resources / AngularJS resources
  • CSS components, integrating / Integrating Ionic CSS components with AngularJS
• AngularJS, directives
  • ng-app / AngularJS directives
  • ng-model / AngularJS directives
  • ng-show / AngularJS directives
  • ng-hide / AngularJS directives
  • ng-repeat / AngularJS directives
• AngularJS template caching
  • URL / A simple two-page app
• AngularUI router
  • URL / The Ionic router
• Apache Cordova
  • about / What is Apache Cordova?
• app, for distribution
  • preparing / Preparing the app for distribution
  • icons, setting up / Setting up icons and splash screens
  • splash screens, setting up / Setting up icons and splash screens
  • config.xml, updating / Updating the config.xml file
• application architecture, Ionic Chat
  • about / The application architecture
  • authentication / Authentication
  • application flow / The application flow
  • app, previewing / Previewing the app
  • data structure / Data structure
  • Cordova plugins / Cordova plugins
  • code, on GitHub / Code on GitHub

B

• Backend As A Service (BAAS)
  • about / Firebase
• Bookstore application
  • about / An introduction to the Bookstore application
  • flow / An introduction to the Bookstore application
  • server, setting up / Setting up the server
  • building / Building the application
  • side menu template, scaffolding / Step 1 – Scaffolding the side menu template
  • template, refactoring / Step 2 – Refactoring the template
  • menu, refactoring / Refactoring the menu
  • module name, refactoring / Refactoring the module name
  • run method, adding / Adding a run method and modifying routes
  • routes, modifying / Adding a run method and modifying routes
  • templates, refactoring / Refactoring templates
  • authentication, building / Step 3 – Building authentication, localStorage, and the REST API factory
  • localStorage / Step 3 – Building authentication, localStorage, and the REST API factory
  • REST API factory / Step 3 – Building authentication, localStorage, and the REST API factory, The REST API factory
  • Ionic loading factory / The Ionic loading factory
  • localStorage factory / The localStorage factory
  • authentication factory / The Authentication factory
  • controllers, creating / Step 4 – Creating controllers for each route and integrating with the factory
  • application controller / The application controller
  • browser controller / The browse controller
  • book controller / The book controller
  • cart controller / The cart controller
  • purchase controller / The purchase controller
  • templates, creating / Step 5 – Creating templates and integrating with the controller data
  • login template / The Login template
  • browse template / The Browse template, The Book template
  • cart template / The Cart template
  • purchase template / The Purchase template
• Bookstore application, architecture
  • about / The Bookstore architecture
  • server architecture / The server architecture
  • server-side API documentation / The server-side API documentation
  • client architecture / The client architecture
  • GitHub, code on / Code on GitHub
  • bookstore demo / A Bookstore demo
  • bookstore demo, development flow / The development flow
• Bower
  • installing / Install Bower
  • URL / Install Bower
• bower components, Ionic Chat app
  • ngCordova / Scaffolding and setting up the app
  • ng-cordova-oauth / Scaffolding and setting up the app
  • firebase / Scaffolding and setting up the app
  • angularfire / Scaffolding and setting up the app
  • lato / Scaffolding and setting up the app
• buttons / Buttons
  • URL / Buttons

C

• $cordovaDialogs
  • about / $cordovaDialogs
  • URL / $cordovaDialogs
• $cordovaFlashlight
  • about / $cordovaFlashlight
  • URL / $cordovaFlashlight
• $cordovaGeolocation
  • about / $cordovaGeolocation
  • URL / $cordovaGeolocation
• $cordovaLocalNotification
  • about / $cordovaLocalNotification
  • URL / $cordovaLocalNotification
• $cordovaToast
  • about / $cordovaToast
  • URL / $cordovaToast
• cards / Cards
  • URL / Cards
• collection-repeat
  • about / ion-refresher
  • URL / ion-refresher
• Command Line Interface (CLI) / What is Ionic?
• config.xml
  • updating / Updating the config.xml file
  • checklist / Updating the config.xml file
• content-related directives
  • about / Content
  • ion-content / ion-content
  • ion-scroll / ion-scroll
  • ion-refresher / ion-refresher
  • ion-infinite-scroll / ion-infinite-scroll
  • $ionicScrollDelegate service / $ionicScrollDelegate
  • navigation component / Navigation
  • ion-view / ion-view
  • ionic view events / Ionic view events
  • ion-nav-bar / ion-nav-bar
  • ion-nav-buttons / ion-nav-buttons
  • $ionicNavBarDelegate service / $ionicNavBarDelegate
  • $ionicHistory service / $ionicHistory
  • tabs directive / Tabs and side menu
  • side menu directive / Tabs and side menu
• content component
  • URL / The page structure
• Content Security Policy (CSP)
  • about / The Cordova whitelist plugin
  • URL / The Cordova whitelist plugin
• Cordova
  • installing / Install Cordova and Ionic CLI
• Cordova's events
  • URL / The on method
• Cordova CLI
  • used, for generating Android installer / Android installer
• Cordova plugins
  • about / Getting started with Cordova plugins
  • URL / Getting started with Cordova plugins
  • cordova-plugin-inappbrowser / Cordova plugins
  • cordova-plugin-media-capture / Cordova plugins
  • com.synconset.imagepicker / Cordova plugins
  • cordova-plugin-file / Cordova plugins
  • cordova-plugin-geolocation / Cordova plugins
• Cordova whitelist plugin
  • about / The Cordova whitelist plugin
  • URL / The Cordova whitelist plugin
• Create, Read, Update, and Delete (CRUD)
  • about / AngularFire
• CSS components, Ionic
  • about / Ionic CSS components
  • Ionic grid system / The Ionic grid system
  • page structure / The page structure
  • buttons / Buttons
  • lists / Lists
  • cards / Cards
  • IonIcons / Ionicons
  • form elements / Form elements
  • integrating, with AngularJS / Integrating Ionic CSS components with AngularJS

D

• Dependency Injection (DI) / AngularJS components
• developer tools, setup
  • about / The browser developer tools setup
  • Google Chrome / Google Chrome
  • Mozilla Firefox / Mozilla Firefox
• directives
  • about / Ionic directives and services
  • examples / Ionic directives and services
  • content-related directives / Content

E

• endpoints, Firebase collection
  • online users / The application architecture
  • chats / The application architecture

F

• $firebaseAuth function, Firebase
  • $waitForAuth / Setting up routes and route authentication
  • $requireAuth / Setting up routes and route authentication
• factory components
  • URL / AngularJS services
• Firebase
  • about / Firebase
  • URL / Firebase
  • references / Setting up a Firebase account, AngularFire
• Firebase account
  • setting up / Setting up a Firebase account
• FlexBox
  • URL / The Ionic grid system
• footer component
  • URL / The page structure
• footers
  • about / Headers and footers
• form elements
  • about / Form elements

G

• generator-ionic
  • about / generator-ionic
  • installing / Installing generator-ionic
  • over Ionic CLI / Installing generator-ionic
• Genymotion
  • URL / Testing for Android
  • about / Testing for Android
• gesture directives
  • about / Gesture directives and services
• gesture services
  • about / Gesture directives and services
• Git
  • installing / Install Git
  • URL / Install Git
• GitHub
  • URL / What is Apache Cordova?
• GitHub repo
  • URL / Hello Ionic
• global configuration
  • URL / The config.xml file
• Google Chrome
  • about / Google Chrome
• Google Static Maps API
  • URL / The application architecture
• grid system
  • about / The Ionic grid system
  • URL / The Ionic grid system
• Grunt
  • URL / Installing generator-ionic
• Gulp
  • installing / Install Gulp
  • versus Grunt, URL / Installing generator-ionic

H

• HAML
  • URL / What is Sass?
• header component
  • URL / The page structure
• headers
  • about / Headers and footers
• Hello Ionic
  • about / Hello Ionic
• Hybrid Architecture
  • about / Mobile Hybrid Architecture

I

• $ionicBackdrop service
  • URL / Ionic loading
• $ionicConfigProvider service
  • using / Utilities
  • URL / Utilities
• $ionicHistory service
  • about / $ionicHistory
• $ionicModal service
  • URL / Ionic loading
• $ionicNavBarDelegate service
  • about / $ionicNavBarDelegate
• $ionicPopup service
  • about / $ionicPopup
• $ionicScrollDelegate service
  • about / $ionicScrollDelegate
  • URL / $ionicScrollDelegate
• icon.psd file
  • URL / Setting up icons and splash screens
• icons, app
  • setting up / Setting up icons and splash screens
• installers
  • generating / Generating installers using the Cordova CLI
  • generating for Android, Cordova CLI used / Android installer
  • generating for iOS, Xcode used / iOS installer
• ion-content directive
  • URL / The page structure
  • about / ion-content
  • key attributes / ion-content
• ion-header-bar directive
  • URL / The page structure
• ion-infinite-scroll directive
  • about / ion-infinite-scroll
• ion-item directive
  • about / The ion-list and ion-item directives
• ion-list directive
  • about / The ion-list and ion-item directives
  • URL / The ion-list and ion-item directives
• ion-nav-bar directive
  • about / ion-nav-bar
• ion-nav-buttons directive
  • about / ion-nav-buttons
• ion-pane
  • URL / The page structure
• ion-refresher directive
  • about / ion-refresher
  • URL / ion-refresher
• ion-scroll directive
  • about / ion-scroll
• ion-view directive
  • about / ion-view
• Ionic
  • about / What is Ionic?
  • CSS components / Ionic CSS components
  • router / The Ionic router
  • SCSS, setting up / Setting up SCSS in our Ionic project
• ionic.DomUtil method
  • URL / Utilities
• ionic.EventController trigger method
  • about / Utilities
• ionic.EventController utility
  • URL / Gesture directives and services
• Ionic.io apps / Ionic.io apps
• ionic.Platform methods
  • URL / Utilities
• Ionic apps
  • URL / Ionic.io apps
• Ionic Chat app
  • about / The Ionic Chat app
  • developing / Developing the application
  • setting up / Scaffolding and setting up the app
  • scaffolding / Scaffolding and setting up the app
  • testing / Testing the application
• Ionic Chat app, requisites
  • required Cordova plugins, installing / Installing the required Cordova plugins
  • Google API key, obtaining / Getting the Google API key
  • routes, setting up / Setting up routes and route authentication
  • route authentication, setting up / Setting up routes and route authentication
  • services, setting up / Setting up services/factories
  • factories, setting up / Setting up services/factories
  • map directive, setting up / Setting up a map directive
  • controllers, setting up / Setting up controllers
  • templates, setting up / Setting up templates
  • SCSS, setting up / Setting up SCSS
• Ionic CLI
  • installing / Install Cordova and Ionic CLI
  • about / Ionic CLI
  • Ionic login / Ionic login
  • Ionic start task / Ionic start task
  • Ionic link / Ionic link
  • Ionic info / Ionic info
  • Ionic templates / Ionic templates
  • Ionic browsers / Ionic browsers
  • Ionic lib / Ionic lib
  • Ionic state / Ionic state
  • Ionic ions / Ionic ions
  • Ionic resources / Ionic resources
  • Ionic server / Ionic server, emulate, and run
  • Ionic emulate / Ionic server, emulate, and run
  • Ionic run / Ionic server, emulate, and run
  • Ionic upload / Ionic upload and share
• Ionic Creator / Ionic Creator
  • URL / Ionic Creator
• Ionic Deploy / Ionic Deploy
  • URL / Ionic Deploy
• Ionic Framework Extended Autocomplete
  • URL / Ionic Sublime Text plugins
• Ionic Framework Snippets
  • URL / Ionic Sublime Text plugins
• ionic loading service
  • about / Ionic loading
  • reference link / Ionic loading
• IonIcons
  • URL / Ionicons
  • about / Ionicons
• Ionicons
  • URL / Ionicons
• Ionic package
  • about / The Ionic package
  • project uploading, to Ionic cloud / Uploading the project to Ionic cloud
  • required keys, generating / Generating the required keys
• Ionic Platform service
  • about / The Ionic Platform service
  • registerBackButtonAction method / registerBackButtonAction
  • on method / The on method
  • headers / Headers and footers
  • footers / Headers and footers
• Ionic plugin API
  • about / The Ionic plugin API
  • plugin, adding / Add a plugin
  • plugin, removing / Remove a plugin
  • plugins, listing / List added plugins
  • plugins, searching / Search plugins
• Ionic Project Structure
  • about / The Ionic project structure
  • config.xml file / The config.xml file
  • www folder / The www folder
• Ionic Push / Ionic Push
  • URL / Ionic Push
• Ionic slides
  • URL / Summary
• Ionic snippets
  • URL / Ionic Sublime Text plugins
• Ionic start task
  • no Cordova flag / No Cordova flag
  • project, initializing with SCSS support / Initialize a project with SCSS support
  • Ionic templates, listing / Listing all Ionic templates
  • App ID / App ID
• Ionic Sublime text plugins / Ionic Sublime Text plugins
• Ionic tabs directive
  • truthy, URL / A simple two-page app
• Ionic upload
  • Ionic view / Ionic view
  • Ionic view, URL / Ionic view
  • Ionic help and docs / Ionic help and docs
• Ionic Vagrant box / Ionic Vagrant box
  • URL / Ionic Vagrant box
• ionic view events
  • about / Ionic view events
• iOS
  • SDK, setting up / The iOS setup
  • SDK setup, testing / Testing for iOS
• iOS Platform Guide
  • URL / The platform guide
• item-icons
  • URL / Lists
• item-thumbnails
  • URL / Lists

J

• JavaScript
  • truthy, URL / Integrating Ionic CSS components with AngularJS
  • falsy, URL / Integrating Ionic CSS components with AngularJS
• jqLite
  • URL / AngularJS directives

L

• Lato font
  • URL / Scaffolding and setting up the app
• lists / Lists
  • URL / Lists
• localFont
  • URL / Scaffolding and setting up the app

M

• map directive
  • URL / Setting up a map directive
• mixins, SCSS
  • using / Using variables and mixins
• Model View Controller (MVC) / Understanding the separation of concerns
• Mozilla Firefox
  • about / Mozilla Firefox

N

• navigation component
  • about / Navigation
• ng-cloak attribute
  • about / $ionicPopup
  • URL / $ionicPopup
• ngCordova
  • about / ngCordova
  • setting up / Setting up ngCordova
  • adding / Legend
  • $cordovaToast / $cordovaToast
  • $cordovaDialogs / $cordovaDialogs
  • $cordovaFlashlight / $cordovaFlashlight
  • $cordovaLocalNotification / $cordovaLocalNotification
  • $cordovaGeolocation / $cordovaGeolocation
• Node.js
  • installing / Install Node.js
  • URL / Install Node.js

O

• one to one chat client
  • URL / Data structure
• on method
  • about / The on method

P

• page structure / The page structure
• PhoneGap service
  • about / The PhoneGap service
  • URL / The PhoneGap service
• platform-specific SDK
  • setting up / Setting up a platform-specific SDK
  • setting up, for Android / The Android setup
  • setting up, for iOS / The iOS setup
• platform guide
  • about / The platform guide
• popover service
  • about / Popover and Popup services
  • URL / Popover and Popup services
• popup service
  • about / Popover and Popup services

R

• registerBackButtonAction method
  • about / registerBackButtonAction
• repositories
  • URL / AngularJS resources
• resolve attribute, AngularJS state router
  • URL / Setting up routes and route authentication
• ripple emulator / Installing generator-ionic
• router
  • about / The Ionic router
  • URL / The Ionic router
  • two-page app / A simple two-page app

S

• Sass
  • about / What is Sass?
• scaffold
  • tabs template / Scaffolding the tabs template
  • side menu template / Scaffolding the side menu template
• SCSS
  • versus Sass, URL / What is Sass?
  • setting up, in Ionic project / Setting up SCSS in our Ionic project
  • manual setup / The manual setup
  • Ionic CLI task / The Ionic CLI task
  • working with / Working with Ionic SCSS
  • URL / Working with Ionic SCSS
  • basic swatch / Basic swatch
  • setup / Understanding the Ionic SCSS setup
  • variables, using / Using variables and mixins
  • mixins, using / Using variables and mixins
  • workflow / The SCSS workflow
• separation of concerns
  • about / Understanding the separation of concerns
• service components
  • URL / AngularJS services
• services
  • about / Ionic directives and services
  • examples / Ionic directives and services
  • Ionic Platform service / The Ionic Platform service
  • ionic loading service / Ionic loading
  • Action Sheet service / The Action Sheet service
  • popup service / Popover and Popup services
  • $ionicPopup service / $ionicPopup
• side menu directive
  • about / Tabs and side menu
  • URL / Tabs and side menu
• Single Page Application (SPA) / The www folder
• software, setting up
  • about / Software setup
  • Node.js, installing / Install Node.js
  • Git, installing / Install Git
  • Bower, installing / Install Bower
  • Gulp, installing / Install Gulp
  • Sublime Text, installing / Install Sublime Text
  • Cordova, installing / Install Cordova and Ionic CLI
  • Ionic CLI, installing / Install Cordova and Ionic CLI
• splash screens, app
  • setting up / Setting up icons and splash screens
• stack overflow
  • URL / AngularJS components
• Sublime Text
  • installing / Install Sublime Text
  • URL / Install Sublime Text
• sudo
  • URL / Install Bower
• swatch
  • about / Basic swatch
  • building / Building a swatch

T

• tabs directive
  • about / Tabs and side menu
  • URL / Tabs and side menu
• Three-Way Data binding
  • URL / AngularFire

U

• ui-sref directive
  • truthy, URL / A simple two-page app
• utility services
  • about / Utilities

V

• variables, SCSS
  • using / Using variables and mixins

W

• widgets
  • URL / The config.xml file

X

• Xcode
  • used, for generating iOS installer / iOS installer

Y

• Yeoman
  • URL / generator-ionic
  • generator, URL / generator-ionic