O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Ionic Cookbook - Third Edition

Book Description

Solve all your Ionic-related issues through dedicated recipes that will help you get the best out of Ionic. Working with Ionic components to find out the best way to share data between them effectively.

About This Book
  • Leverage Ionic 3.9 and its exciting new features to create cutting-edge, real-time apps
  • Work through simple recipes to address your problems directly and solve them effectively
  • Get examples at each step to guide you on your learning curve with Angular
Who This Book Is For

This book targets JavaScript developers. No previous knowledge of Ionic is necessary, but prior knowledge of web development techniques would be useful.

What You Will Learn
  • Help readers to jump-start Ionic apps
  • Explore essential features of Ionic with examples
  • Learn how to use native device functionalities
  • Make the best use of the REST API to handle back-end services
  • Work with Cordova to support native functionalities on both iOS and Android.
  • Master advanced topics in app development such as deep linking and lazy loading
In Detail

Ionic is the preferred choice for JavaScript developers to develop real-time hybrid applications. This book will get you started with Ionic 3.9 and help you create Angular 5 components that interact with templates.

You will work with Ionic components and find out how to share data efficiently between them. You'll discover how to make the best use of the REST API to handle back-end services and then move on to animating your application to make it look pretty. You then learn to add in a local push notification in order to test the app. Then you'll work with Cordova to support native functionalities on both iOS and Android. From there, you'll get to grips with using the default themes for each platform and customizing your own. We then take you through the advanced Ionic features like lazy loading, deep linking, localizing ionic apps etc. Finally, you'll see how best to deploy your app to different platforms.

This book will solve all your Ionic-related issues through dedicated recipes that will help you get the best out of Ionic.

Style and approach

The book's recipe-based approach will help you get the best out of Ionic 3.9

Downloading the example code for this book You can download the example code files for all Packt books you have purchased from your account at http://www.PacktPub.com. If you purchased this book elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

Table of Contents

  1. Title Page
  2. Copyright and Credits
    1. Ionic Cookbook Third Edition
  3. Packt Upsell
    1. Why subscribe?
    2. PacktPub.com
  4. Contributors
    1. About the authors
    2. About the reviewer
    3. Packt is searching for authors like you
  5. Preface
    1. Who this book is for
    2. What this book covers
    3. To get the most out of this book
      1. Download the example code files
      2. Conventions used
    4. Sections
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
      5. See also
    5. Get in touch
      1. Reviews
  6. Creating Our First App with Ionic
    1. Introduction
    2. Setting up a development environment
      1. Getting ready
      2. How to do it...
      3. There's more...
    3. Creating a HelloWorld app via the CLI
      1. How to do it...
      2. How it works...
    4. Creating a HelloWorld app via Ionic Creator
      1. Getting ready
      2. How to do it...
      3. There's more...
    5. Viewing the app using your web browser
      1. Getting ready
      2. How to do it...
      3. How it works...
    6. Viewing the app using the Ionic CLI
      1. Getting Ready
      2. How to do it...
    7. Viewing the app using Xcode for iOS
      1. How to do it...
      2. There's more...
    8. Viewing the app using Genymotion for Android
      1. How to do it...
    9. Viewing the app using Ionic View
      1. How to do it...
      2. There's more...
  7. Adding Ionic Components
    1. Introduction
    2. Adding multiple pages using tabs
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    3. Adding left and right menu navigation
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    4. Navigating multiple pages with state parameters
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    5. Using menu, tabs, and segment together in an app
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    6. Using the Ionic grid to create a complex UI
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
  8. Extending Ionic with Angular Building Blocks
    1. Introduction
    2. Creating a custom pizza ordering component
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    3. Creating a custom username input directive
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    4. Creating a custom pipe
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    5. Creating a shared service to provide data to multiple pages
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    6. Reusing an existing page as an HTML element
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
  9. Validating Forms and Making HTTP Requests
    1. Introduction
    2. Creating a complex form with input validation
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    3. Creating reactive forms in Ionic
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    4. Retrieving data via a mocked API using a static JSON file
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    5. Integrating with Stripe for online payment
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
  10. Adding Animation
    1. Introduction
    2. Embedding full screen inline video as background
      1. Getting ready
      2. How to do it...
      3. How it works...
    3. Creating physics-based animation using Dynamics.js
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    4. Animating the slide component by binding a gesture to the animation state
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    5. Adding a background CSS animation to the login page
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
  11. User Authentication and Push Notifications
    1. Introduction
    2. Registering and authenticating users using Auth0
      1. Getting ready
      2. How to do it...
        1. Creating our app in the Auth0 dashboard
        2. Let's code
      3. How it works
      4. There's more...
    3. Building an iOS app to receive push notifications
      1. Getting ready
      2. How to do it
        1. Let's create an Apple signing certificate
        2. Adding a device and creating the provisioning profile
        3. Creating a push certificate
        4. Now let's configure OneSignal
        5. Let's code
      3. How it works
      4. There's more...
    4. Building an Android app to receive push notifications
      1. Getting ready
      2. How to do it
        1. Configuring Firebase for push notifications
        2. Configuring OneSignal
        3. Let's code now
      3. How it works
      4. There's more...
  12. Supporting Device Functionalities Using Ionic Native
    1. Introduction
    2. Taking a photo using the camera plugin
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
    3. Sharing content using the social sharing plugin
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
    4. Displaying a local notification using the local notification plugin
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
    5. Fingerprint authentication using the fingerprint AIO plugin
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
    6. Creating a media player with the Media Player notification control
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
    7. Creating a taxi app using the Google Maps plugin and geocode support
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
  13. Theming the App
    1. Introduction
    2. Viewing and debugging themes for a specific platform
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
    3. Customizing themes based on the platform
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
  14. Advanced Topics
    1. Introduction
    2. Lazy loading in Ionic
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
      5. See also
    3. Internationalization (i18n) using ngx-translate
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
    4. Creating documentation for Ionic app
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. See also
  15. Publishing the App for Different Platforms
    1. Introduction
    2. Adding versioning to future-proof the app
      1. Getting ready
      2. How to do it...
      3. How it works...
    3. Building and publishing an app for iOS
      1. Getting ready
      2. How to do it...
      3. How it works...
      4. There's more...
    4. Building and publishing an app for Android
      1. Getting ready
      2. How to do it...
      3. How it works...
  16. Other Books You May Enjoy
    1. Leave a review - let other readers know what you think