Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Arrow up icon
GO TO TOP
Ionic Cookbook

You're reading from   Ionic Cookbook Recipes to create cutting-edge, real-time hybrid mobile apps with Ionic

Arrow left icon
Product type Paperback
Published in Apr 2018
Publisher
ISBN-13 9781788623230
Length 390 pages
Edition 3rd Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
 Singh Singh
Author Profile Icon Singh
Singh
Arrow right icon
View More author details
Toc

Table of Contents (16) Chapters Close

Title Page
Packt Upsell
Contributors
Preface
1. Creating Our First App with Ionic FREE CHAPTER 2. Adding Ionic Components 3. Extending Ionic with Angular Building Blocks 4. Validating Forms and Making HTTP Requests 5. Adding Animation 6. User Authentication and Push Notifications 7. Supporting Device Functionalities Using Ionic Native 8. Theming the App 9. Advanced Topics 10. Publishing the App for Different Platforms 1. Other Books You May Enjoy Index

Index

A

  • Ahead of Time (AOT) / How it works...
  • Android
    • web app, viewing Genymotion used / Viewing the app using Genymotion for Android, How to do it...
  • Android app
    • building, to receive push notifications / Building an Android app to receive push notifications, How to do it, How it works, There's more...
    • Firebase, configuring for push notifications / Configuring Firebase for push notifications
    • OneSignal, configuring / Configuring OneSignal
    • code, writing / Let's code now
  • Android Studio
    • references / How to do it...
  • Android Virtual Device (AVD) / Getting ready
  • Angular 2
    • reference link / See also
  • Angular 2 directives
    • reference link / See also
  • Angular 2 services
    • reference link / See also
  • Angular 2, form
    • reference link / See also
  • Angular 2, NgForm
    • reference link / See also
  • Angular component, life cycle
    • reference link / See also
  • Angular components
    • reference link / See also, See also
  • Angular Http provider
    • reference link / See also
  • Angular pipes
    • creating / Creating a custom pipe, Getting ready, How to do it..., How it works...
    • reference link / See also
  • app
    • creating, in Auth0 dashboard / Creating our app in the Auth0 dashboard
    • version, adding / Adding versioning to future-proof the app, How to do it..., How it works...
    • building, for iOS / Building and publishing an app for iOS, How to do it...
    • publishing, for iOS / Building and publishing an app for iOS, How to do it...
    • building, for Android / Building and publishing an app for Android, How to do it..., How it works...
    • publishing, for Android / Building and publishing an app for Android, How to do it..., How it works...
  • Apple Developer Program (ADP)
    • about / Getting ready
    • reference link / Getting ready
  • Apple Push Notification service (APNs)
    • about / Building an iOS app to receive push notifications
    • reference link / There's more...
  • arrow function
    • reference link / How it works...
  • Auth0
    • about / Introduction, Registering and authenticating users using Auth0
    • used, for registering users / Registering and authenticating users using Auth0, How it works, There's more...
    • used, for authenticating users / Registering and authenticating users using Auth0, How it works, There's more...
  • Auth0 dashboard
    • app, creating / Creating our app in the Auth0 dashboard
    • code, writing / Let's code
  • Auth0 Domain / How it works

B

  • background CSS animation
    • adding, to login page / Adding a background CSS animation to the login page, Getting ready, How it works...
  • built-in pipes
    • reference link / Creating a custom pipe

C

  • camera plugin
    • used, for taking photo / Taking a photo using the camera plugin, Getting ready, How to do it..., How it works...
  • classes
    • reference link / How it works...
  • complex form
    • creating, with input validation / Creating a complex form with input validation, How to do it..., How it works...
  • complex UI
    • creating, Ionic grid used / Using the Ionic grid to create a complex UI, Getting ready, How it works...
  • Control-Allow-Origin (CORS) / How to do it..., How it works
  • CSS keyframes
    • reference link / See also
  • CSS physics-based animation
    • reference link / See also
  • custom pizza ordering component
    • creating / Creating a custom pizza ordering component, How to do it...
    • working / How it works...
  • Custom URL Scheme / How it works
  • custom username input directive
    • creating / Creating a custom username input directive, Getting ready, How it works...

D

  • data
    • retrieving, via mocked API using static JSON file / Retrieving data via a mocked API using a static JSON file, Getting ready, How to do it..., How it works...
  • deep linking plugin
    • reference link / There's more...
  • Dynamics.js
    • used, for creating physics-based animation / Creating physics-based animation using Dynamics.js, How it works...

E

  • ECMAScript
    • reference link / See also
  • ECMAScript 6 (ES6) / Introduction

F

  • FCM, versus GCM
    • reference link / Building an Android app to receive push notifications
  • Filterous
    • reference link / There's more...
  • fingerprint AIO plugin
    • used, for authenticating fingerprint / Fingerprint authentication using the fingerprint AIO plugin, Getting ready, How to do it..., How it works...
    • reference link / There's more...
  • Firebase Cloud Messaging (FCM) / Building an iOS app to receive push notifications
  • Firebase Notification service
    • reference link / There's more...
    • about / There's more...
  • Flexbox
    • reference link / See also

G

  • Genymotion
    • used, for viewing web app / Viewing the app using Genymotion for Android, How to do it...
  • geocode
    • used, for creating taxi app / Creating a taxi app using the Google Maps plugin and geocode support, Getting ready, How to do it..., How it works...
  • Google Cloud Messaging (GCM) / Building an Android app to receive push notifications
  • Google Maps plugin
    • used, for creating taxi app / Creating a taxi app using the Google Maps plugin and geocode support, Getting ready, How to do it..., How it works...
    • reference link / There's more...

H

  • Hardware Accelerated Execution Manager (HAXM)
    • about / Getting ready
    • reference link / Getting ready
  • HelloWorld app
    • creating, via CLI / Creating a HelloWorld app via the CLI, How it works...
    • creating, via Ionic Creator / Creating a HelloWorld app via Ionic Creator, How to do it..., There's more...
  • HelloWorld app, concepts
    • component / How it works...
    • template / How it works...
    • directive / How it works...
    • service / How it works...
    • pipe / How it works...
  • HTML element
    • existing page, reusing / Reusing an existing page as an HTML element, Getting ready, How to do it..., How it works...

I

  • inline video
    • embedding, as background / Embedding full screen inline video as background, Getting ready, How to do it...
  • Instagram plugin
    • reference link / There's more...
  • integrated development environment (IDE) / Getting ready
  • internationalization (i18n)
    • ngx-translate, used / Internationalization (i18n) using ngx-translate, How to do it..., How it works...
  • ion-slides
    • reference link / How it works...
  • Ionic
    • reactive forms, creating / Creating reactive forms in Ionic, Getting ready, How to do it..., How it works...
    • lazy loading / Lazy loading in Ionic, How it works..., There's more...
  • Ionic and Forms
    • reference link / See also
  • Ionic app
    • development environment, setting up / Setting up a development environment
    • development environment / How to do it..., There's more...
    • documentation, creating / Creating documentation for Ionic app, How to do it..., How it works...
  • Ionic CLI
    • used, for viewing app / Viewing the app using the Ionic CLI
  • Ionic CLI Hooks
    • reference link / See also
  • Ionic components
    • reference link / See also
  • Ionic Creator / Creating a HelloWorld app via Ionic Creator
  • Ionic DevApp
    • reference link / There's more...
  • Ionic Framework
    • reference link / Building and publishing an app for Android
  • Ionic grid
    • used, for creating complex UI / Using the Ionic grid to create a complex UI, Getting ready, How it works...
    • reference link / See also
  • Ionic menu
    • references / See also
  • Ionic View
    • about / Viewing the app using Ionic View
    • used, for viewing web app / Viewing the app using Ionic View, How to do it...
    • benefits / There's more...
  • iOS
    • web app, viewing Xcode used / How to do it..., There's more...
    • Apple signing certificate, creating, creating / Let's create an Apple signing certificate
  • iOS app
    • building, to receive push notifications / Building an iOS app to receive push notifications, How it works, There's more...
    • Apple signing certificate, creating / Let's create an Apple signing certificate
    • provisioning profile, creating / Adding a device and creating the provisioning profile
    • device, adding / Adding a device and creating the provisioning profile
    • push certificate, creating / Creating a push certificate
    • OneSignal, configuring / Now let's configure OneSignal
    • code, writing / Let's code

J

  • JWT (JSON Web Token) / How it works

L

  • lazy loading
    • reference link / See also
  • local notification plugin
    • used, for displaying local notification / Displaying a local notification using the local notification plugin, How to do it..., How it works...
    • reference link / There's more...
  • localstorage / How it works

M

  • media player
    • creating, with media player notification control / Creating a media player with the Media Player notification control, Getting ready, How to do it..., How it works..., There's more...
  • menu
    • used, in app / Using menu, tabs, and segment together in an app, Getting ready, How it works...
  • MenuController
    • reference link / See also
  • menu navigation
    • adding / Adding left and right menu navigation, Getting ready, How to do it..., How it works...
  • multiple pages
    • adding, tabs used / Adding multiple pages using tabs, How to do it..., How it works...
    • navigating, with state parameters / Navigating multiple pages with state parameters, Getting ready, How it works...

N

  • NavController
    • reference link / See also
  • NavParams
    • reference link / See also
  • ngx-translate
    • reference link / See also

O

  • observable object / How it works...
  • OneSignal
    • about / Introduction
    • reference link / There's more...

P

  • physics-based animation
    • creating, Dynamics.js used / Creating physics-based animation using Dynamics.js, How it works...
  • push notification / Building an iOS app to receive push notifications

R

  • reactive forms
    • creating, in Ionic / Creating reactive forms in Ionic, Getting ready, How to do it..., How it works...
    • references / See also
  • requestAnimationFrame
    • reference link / See also

S

  • segment
    • used, in app / Using menu, tabs, and segment together in an app, Getting ready, How it works...
  • shared service
    • creating, data provided to multiple pages / Creating a shared service to provide data to multiple pages, How to do it..., How it works...
  • slide component
    • animating, by binding gesture to animation state / Animating the slide component by binding a gesture to the animation state, Getting ready, How to do it..., How it works...
  • social sharing plugin
    • used, for sharing content / Sharing content using the social sharing plugin, Getting ready, How it works...
    • reference link / There's more...
  • static JSON file
    • used, for retrieving data via mocked API / Retrieving data via a mocked API using a static JSON file, Getting ready, How to do it..., How it works...
  • Strip, examples
    • reference link / See also
  • Stripe
    • integrating, for online payment / Integrating with Stripe for online payment, Getting ready, How to do it..., How it works...
  • Stripe API
    • reference link / See also
  • Strip elements
    • reference link / See also
  • Swiper API
    • reference link / See also

T

  • tabs
    • used, for adding multiple pages / Adding multiple pages using tabs, How to do it..., How it works...
    • used, in app / Using menu, tabs, and segment together in an app, Getting ready, How it works...
  • taxi app
    • creating, Google Maps plugin used / Creating a taxi app using the Google Maps plugin and geocode support, Getting ready, How to do it..., How it works...
    • creating, geocode used / Creating a taxi app using the Google Maps plugin and geocode support, Getting ready, How to do it..., How it works...
  • TestFlight
    • reference link / There's more...
  • themes
    • viewing, for platform / Viewing and debugging themes for a specific platform, How it works...
    • debugging, for platform / Viewing and debugging themes for a specific platform, How it works...
    • customizing, on mobile platform / Customizing themes based on the platform, How it works...
  • TSDoc
    • reference link / See also
  • TypeScript
    • about / Introduction
    • reference link / See also

U

  • users
    • registering, with Auth0 / Registering and authenticating users using Auth0
    • authenticating, with Auth0 / Registering and authenticating users using Auth0

W

  • W3C
    • URL / How it works...
  • web app
    • viewing, web browser used / Viewing the app using your web browser, How it works...
    • viewing, Ionic CLI used / Viewing the app using the Ionic CLI
    • viewing, Xcode used for iOS / Viewing the app using Xcode for iOS, There's more...
    • viewing, Genymotion used for Android / Viewing the app using Genymotion for Android, How to do it...
    • viewing, Ionic View used / Viewing the app using Ionic View, How to do it...
  • Web Inspector / There's more...
  • WKWebView plugin
    • reference link / Creating our app in the Auth0 dashboard

X

  • Xcode
    • used, for viewing web app / Viewing the app using Xcode for iOS, There's more...
lock icon The rest of the chapter is locked
arrow left Previous Section
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at £13.99/month. Cancel anytime
Visually different images